[KHUDA GIT 스터디 5일차] 깃허브 실전편

7장 VS Code에서 GUI 방식으로 사용하기
7-1 저장소 만들기
7-2 버전 만들기
7-3 깃허브에 연결하기
7-4 브랜치 관리하기

8장 깃허브에 이력서 사이트와 블로그 만들기
8-1 HTML, CSS 파일로 이력서 사이트 만들기
8-2 깃허브에 블로그 만들기

7장 VS Code에서 GUI 방식으로 사용하기

깃 프로필과 .io 사이트로 이력서 관리할 때 주로 써봤던 것들을 복습했다.

저장소 만들기

이전까지는 터미널창을 이용해 CLI 방식으로 깃과 깃허브를 사용했다면, 이제부터는 GUI(Graphics User Interface)방식으로 사용하는 방법을 알아봅니다.

버전 만들기

VS Code에서 파일 상태 아이콘의 의미:

• U: Untracked (추적되지 않은 파일)
• A: Added (스테이지에 추가된 상태)
• M: Modified (수정된 상태)

주요 작업:

• 파일 스테이징
• 커밋하기
• 변경 내용 살펴보기
• 최신 커밋 취소하기
• 스테이징 취소 및 파일 변경 취소하기

깃허브에 연결하기

VS Code에서 깃허브 연결과 푸시를 GUI로 할 수 있습니다:

• 원격 저장소 연결
• 변경사항 푸시하기

브랜치 관리하기

GUI로 브랜치를 쉽게 관리할 수 있습니다:

• 새로운 브랜치 만들기
• 브랜치 전환하기
• 브랜치 병합하기

8장 깃허브에 이력서 사이트와 블로그 만들기

HTML, CSS 파일로 이력서 사이트 만들기

1. 사용할 파일 준비:

   • HTML 파일 (index.html)
   • CSS 파일
   • 이미지 파일

2. 작업 순서:

   • 다른 사람의 저장소 fork하기
   • 지역 저장소로 clone하기
   • index.html 수정하기
   • 변경 사항 커밋하기

깃허브에 블로그 만들기

지킬(Jekyll) 테마를 사용하여 블로그를 만들 수 있습니다:

• 지킬 테마: 깃허브 페이지에서 사용할 수 있는 디자인과 스타일 모음
• 테마 선택 후 커스터마이징 가능
• 마크다운으로 포스트 작성 가능