글
#pdf. 파일 참고
https://drive.google.com/file/d/1_bdRD-rOtVZuLL6kbQmyoVkf_0gMBXSX/view
0. 깃과 깃허브가 처음인 당신에게 #8 깃허브 원격 저장소2023. 7. 25.
# 협업툴 JIRA- https://www.atlassian.com/ko/software/jira? campaign=19324540289&adgroup=143040568485&targetid=kwd-141235435&matchtype=p&network=g&device=c&device_model=&creative=642069034797&keyword=jira&placement=&target=&ds_eid=700000001558501&ds_e1=GOOGLE&gad_source=1&gclid=Cj0KCQiA4fi7BhC5ARIsAEV1YiYLEx26FkD6rg8yZPXxzDKyWaQp1aIZs0tEm4r3PN0-U2uEp4YIspUaApUwEALw_wcB
https://youtu.be/9MTlFHmyjks?si=hxkibvumq-7xIFAT
1. .. GitHub 사용법 :
2. 프로젝트 셋팅 :
https://github.com/users/chojungkee/projects/2/settings
초보자를 위한 git과 Github 시작하기
모두의연구소https://modulabs.co.kr › git-and-github-for-beginners
2024. 4. 13. — git 과 Github 의 기본 개념과 사용 방법에 대해 알아봅니다. 실습을 통해 로컬 및 원격 저장소 생성, commit, push 등 주요 기능을 직접 경험해볼 수 ...
[Git] 뉴비를 위한 Github 사용법 총정리 (CLI ver)티스토리
https://sseozytank.tistory.com › ...
2023. 4. 14. — [Git] 뉴비를 위한 Github 사용법 총정리 (CLI ver) · 1. Github 기본 용어 정리 · 2. Github 기본 프로세스 · 3. Github로 로컬 저장소 생성부터 merge ...
GitHub https://github.com › KennethanCeyer › tutorial-git
SSH · 생성한 키 중 id_rsa.pub 는 GitHub에 등록해주셔야 합니다. · 아래 절차를 따라해주시면 됩니다. · GitHub 홈페이지를 접속하셔서 로그인을 해주세요. · Profile ...
[Git] 초보자를 위한 깃허브 사용법 / 깃허브 연결하기
이롭게 현명하게 https://devyihyun.tistory.com › ...
2022. 12. 12. — 1. git bash를 실행한 후 로컬 저장소에 접속합니다. 2. git remote add origin https://github.com/아이디/이름.git. Quick setup ...
Github 사용법https://gist.github.com › RyanJeong
Github 기본 설정 · 사용자 이름과 메일 주소 설정 · Command 상에 출력되는 결과의 가독성을 개선하는 방법 · SSH Key 설정 · 2차 인증 설정 ·.gitignore ...
Github 기초 사용법veloghttps://velog.io › Github-basics
2023. 2. 11. — Github의 기초개념과 기본 명령어를 다루었다.
[GitHub ]초보자도 할 수 있는 깃허브 사용법 - FU11M00N
티스토리https://nevertrustbrutus.tistory.com › ...
2020. 10. 21. — - GitHub사용 방법 · git init : 현재 디렉터리를 Git 저장소로 변환해줍니다. · git add : 파일을 원격 저장소에 추가합니다. · git commit : 디렉토리의 ...
## 코드 분석 및 접근 방식
주어진 코드 컨텍스트는 GitHub 프로젝트의 인사이트 페이지로 보입니다. 이 페이지는 프로젝트의 상태를 시각화하는 차트를 보여주는 기능을 가지며, 데이터가 없을 경우 "No data available" 메시지를 표시합니다. 이 기능을 개선하기 위해, 차트를 동적으로 업데이트하고, 데이터가 없을 경우 사용자에게 친절한 메시지를 제공하는 코드를 작성하겠습니다.
## 코드 스니펫
아래는 JavaScript와 Chart.js를 사용하여 상태 차트를 구현하는 코드입니다. 이 코드는 데이터를 가져와 차트를 그리며, 데이터가 없을 경우 사용자에게 적절한 메시지를 표시합니다. ```javascript
// 상태 차트를 그리는 함수
function renderStatusChart(data) {
const ctx = document.getElementById('statusChart').getContext('2d');
// 데이터가 없을 경우 메시지 표시
if (!data || data.length === 0) {
document.getElementById('chartMessage').innerText = '데이터가 없습니다.';
return;
} else {
document.getElementById('chartMessage').innerText = '';
}
// 차트 생성
const statusChart = new Chart(ctx, {
type: 'bar', // 차트 타입 설정
data: {
labels: data.map(item => item.label), // 레이블 설정
datasets: [{
label: '아이템 수',
data: data.map(item => item.value), // 데이터 값 설정
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderColor: 'rgba(75, 192, 192, 1)',
borderWidth: 1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
}
// 예시 데이터
const exampleData = [
{ label: '아이템 1', value: 10 },
{ label: '아이템 2', value: 5 },
{
댓글 없음:
댓글 쓰기