<aside> 💡 수업 시작하기 전 가입하고 인증까지 해주세요. 메일 인증이 안되면 레파지토리를 만들 수 없습니다.

</aside>

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

그래서 우리는 2가지 Step으로 github을 배웁니다.

  1. GUI로 배웁니다!
    1. 이번 챕터에서는 github 웹 서비스에서 파일을 올리고, 간단한 페이지를 서비스해보는 시간을 가지도록 하겠습니다. (영상을 시청하지 않으시는 분은 아래 page 생성 방법을 확인해주세요.)
  2. CLI로 배웁니다!
    1. 우리가 배울 git CLI로 어떻게 작업하는지 간단하게 보는 시간을 가지도록 하겠습니다. 뒤에서 상세하게 살펴보고 실습도 해볼테니 지금은 영상을 보며 아래 키워드를 기억하는데 초점을 맞춰주세요.

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

      ab14bbe81eaa8a64.png


Pages 사용하여 웹 페이지 생성하기

Github에서 제공하는 정적 웹사이트 호스팅 서비스인 Github pages 를 이용하면 간단하게 웹페이지를 생성할 수 있습니다!

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9fb47f7f-18ac-4df3-81bf-f2503fe91d2b/580912AE-B80E-4096-A65D-125656E24A83_1_201_a.jpeg

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7f49974d-d9bc-4f70-8143-3c68bb46aeb1/D94D6A2D-5ADF-43A6-8EED-DFBAA27099C2_1_201_a.jpeg

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

1B7FCB13-B99E-4E48-9BD2-CB5267486750_1_201_a.jpeg

생성된 주소는 http://{Github 계정 명}.github.io/{파일명} 으로 고정됩니다! 해당 주소를 클릭하면 웹 사이트를 확인할 수 있는데요, 약간의 시간이 소요됩니다. 커피 한 모금 마시고 돌아오면 아래와 같이 생성된 웹페이지를 확인 할 수 있습니다!

6E58B717-A47A-4C46-A211-1D41DDE56688_1_201_a.jpeg

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

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