WeniVooks

1. 공부 방향

초급자에게 GitHub은 그 자체로 허들이 됩니다. 그러나 협업을 위해, 포트폴리오 관리를 위해 배우지 않을 수는 없어요! 이것을 이력으로 내기 때문이죠. 그래서 우리는 2가지 단계로 GitHub을 배웁니다.

1. 첫번째 단계, GUI로 배웁니다!

   1. 이번 챕터에서는 GitHub 웹 서비스에서 파일을 올리고, 수정하는 법을 배웁니다.
   2. 간단한 페이지를 서비스해보는 시간을 가지도록 하겠습니다.

2. 두번째 단계, CLI로 배웁니다!

   1. 우리가 배울 git CLI로 어떻게 작업하는지 간단하게 보는 시간을 가지도록 하겠습니다. 뒤에서 상세하게 살펴보고 실습도 해볼테니 지금은 영상을 보며 아래 키워드를 기억하는데 초점을 맞춰주세요.

   2. 아래 4개 키워드를 기억해주세요. 각각 받아오고, 추가하고, 올리고, 보내는 것입니다.

      

2. 레파지토리 만들기

먼저 GUI로 실습을 해보도록 하겠습니다. 회원 가입을 하셨다면 이제 레파지토리를 만들어보겠습니다. 레파지토리는 파일을 저장하는 공간이라고 생각하시면 됩니다.

1. 우측 상단의 + 버튼을 클릭하고 New repository를 클릭합니다.
2. 레파지토리 이름을 입력하고, Add a README file을 체크한 다음 Create repository 버튼을 클릭합니다.
3. 레파지토리가 생성되었습니다!

3. 파일 생성과 수정해보기

여기서는 기본 에디터와 깃헙 VSC 이렇게 2개를 이용해보도록 하겠습니다.

1. 기본 에디터

   1. 레파지토리에 들어간 후, Add file 버튼을 클릭하고 Create new file을 클릭합니다.
   2. 파일 이름을 입력하고 내용을 작성한 후, Commit new file 버튼을 클릭합니다.
   3. 파일이 생성되고 수정되었습니다.

2. 깃헙 VSC

   1. 레파지토리에 들어간 후, .을 누릅니다. (점을 누르면 깃헙 VSC가 열립니다.)
   2. 왼쪽 상단 탐색기 바로 아래 레파지토리 이름 위에 마우스를 오버하시면 새파일을 만들 수 있는 아이콘이 생성됩니다. 또는 원하는 폴더를 클릭하시고 마우스 우클릭을 통해 새파일을 생성할 수 있습니다.생성된 파일에 내용을 작성합니다.
   3. 파일을 저장하고 왼쪽 메뉴 중 소스제어(Source Control)을 클릭합니다. 간단한 메시지를 입력한 후 커밋 및 푸시 버튼을 클릭합니다.
   4. 파일이 생성되고 수정되었습니다.

4. GitHub pages를 통해 웹 페이지 배포하기

깃헙에서 제공하는 정적 웹사이트 호스팅 서비스인 GitHub pages 를 이용하면 간단하게 웹페이지를 생성할 수 있습니다! 이를 통해 포트폴리오 페이지를 만들거나, 간단한 웹 페이지를 만들어 배포할 수 있습니다.

1. 웹 페이지를 생성하고자 하는 레파지토리에 들어간 후, 우측 상단의 Settings 페이지에서 Pages를 클릭합니다.

2. Source 하단의 셀렉트 박스를 클릭하면 branch를 선택할 수 있습니다. 보여주고자 하는 branch를 선택하고 저장합니다.

3. 사이트가 생성되었어요!

생성된 주소는 http://<Github 계정 명>.GitHub.io/<파일명> 으로 고정됩니다. 해당 주소를 클릭하면 웹 사이트를 확인할 수 있는데요, 약간의 시간이 소요됩니다. 3분에서 길게는 20분까지 소요될 수 있습니다.

같은 리포지토리 내의 하위 폴더 웹 페이지를 생성하고 싶다면, 주소창에 http://<계정명>.github.io/<폴더명>/<폴더명> 으로 주소를 입력해 보세요! 바로 확인할 수 있습니다. 만약 도메인 주소를 변경하고 싶다면, 아래의 사이트를 참조하세요.

Configuring a custom domain for your GitHub Pages site - GitHub Docs