GitHub pages 를 통해서 1분만에 개인 홈페이지 만들기 *주의: 저는 대학 멋사 소속의 선생으로, 법인 멋쟁이사자처럼에 고용된 직원이 아닙니다. 따라서 해당 자료의 저작권과 책임은 모두 저 개인에게 있습니다.

2. 오늘 해볼 재밌는 일

3. 대략적인 순서
이후 add-commit-push로 수정사항 실시간 반영

4. username.github.io 레포지토리 생성

5. git clone (clone에 대한 자세한 내용은 git_2 참고)

6. index.html 생성

7. index.html에 내용 만들기

8. add-commit-push하기

9. username.github.io 도메인으로 접속하기

10. 수정 → add-commit-push → 업데이트
“커밋 메시지”
username.github.io 도메인으로 다시 접속하기변경사항 add-commit-push 한 뒤

11. 하지만 이렇게 쌩으로 html을 치면 너무 힘드니까
예시 뼈대를 미리 만들어 두었습니다.
이 뼈대를 가져다가 내것으로 만들어봐요.

12. https://github.com/ds-likelion-2020/ds-likelion-2020.github.io
1. 아래 repo에 접속한 뒤 fork합니다.

13. 2. 처음에 만든 레포 username.github.io의 이름을
다른걸로 변경해 주세요.
1.
Settings누른뒤
2.
새 이름 입력→
‘rename’ 버튼
누르기

14. 3. fork해온 레포(ds-likelion-2020.github.io)의 이름을
username.github.io로 변경합니다.
1. Settings누른뒤
2.
username.github.io
→
‘rename’ 버튼 누르기

15. 4. repo 이름 변경 완료!

16. 이제 username.github.io로 접속해보면…
ds-likelion-2020에 있던 코드가 내 도메인에 반영되었습니다.

17. 이제 이 웹페이지를 내 입맛대로 업데이트해 봅시다.
0. 맨 처음에 clone받은로컬 repository의 이름을 다른걸로 변경하기
1. fork받은 레포지토리를 clone한 뒤에,
2. 로컬 레포지토리에서 수정사항을 만들고
3. add-commit-push 해 보세요. → 변경사항 반영!

18. 참고사항

19. github pages – 가능한 것들
→

20. vscode - live server 설치하기
vscode 창에서
1. ctrl+shift+x 누르기
2. 왼쪽에 뜨는 list에
서 ‘live server’ 검색
3. install 버튼 누르기

21. vscode - live server 실행하기
1. 오른쪽 아래
‘Go Live’ 버튼 클릭
2. 자동으로 브라우저
가 뜨지 않는다면
주소창에
localhost:5500 입력

22. localhost:5500 – 배포될 화면 미리보기

23. README.md – 프로젝트 소개글 만들기

25. 만든사람 소개