🔥암기하기🔥
git pull : 비행기 마련 (가져오기)
git add . : 대기 중인 사람들 (작성, 수정 완료 상태)
git commit : 비행기 탑승한 사람들 (내 컴퓨터에 저장)
git push : 비행기 이륙 (깃헙에 올리기)
📌 GitHub 기초
https://github.com/Dayhun/testrepo
https://github.dev/Dayhun/testrepo 로 바꾸거나
해당 repository에서 .그냥 누르면 vsc로 이동됨
수정하면 왼쪽 세번째 창에 수정되었다고 뜸!
메세지 쓰고 체크누르면 commit, push
내 깃헙을 가보면 수정되어진 것을 알 수 있다.
vsc 상에서 commit push는 위의 방법과 똑같은데 commit버튼(체크)를 누른 후, push 버튼(변경내용동기화)을 따로 눌러줘야함.
📌 URL 생성
index.html을 다른 사용자들이 웹 사이트 방문하듯이 방문하도록!하려면?
파일명을 index로 지정하면 웹사이트처럼 들어왔을때 얘를 가장 빨리 찾음!
folder tree를 어떻게 잡을거냐면,
코드라이언 사이트를 예로 들어 실습해보자!
메뉴가 3개가 있음 (k-digital training, 기업교육, 마이페이지)
1. 코드 업로드하는 방법
2. GitHub에서 url 만들기
다른사람이 우리의 페이지에 들어가려면
url이 필요하고
index.html이 serving되고있는 상태여야한다.
그 방법이 settings에 있다.
해당 레파지토리 안에서 settings > pages
(만약 private로 래퍼지토리를 만들었다면 불가능! public으로 변경해줘야함.)
GitHub Pages에서 source 창 > none을 main으로 바꿔주기!
cf)
git은 master가, github은 main이 중심!
save 눌러주면 위에 파란색 박스 안에 url이 등장한다!
url을 누르면, 이렇게 내 사이트가 완성된다!
cf)
- https:// 유료 인증서를 받아야함.
- http://는 무료로 이용 가능!
만약 https://로 사용하고 싶으면, url을 구매해야한다.
ex) cafe24.com에서 도메인센터에서 구매해야한다.
구매한 url을 github에서 custom domain에 입력하면 된다.
더 공부하고 싶다면,
github custom url 연결검색해보기~
3. 목차 클릭시 해당 페이지로 이동 방법
그렇다면 만들었던 3개의 메뉴를 눌렀을때
해당 페이지로 이동하고 싶다!
어떻게 할까?
( 기초라서 한번 해보는거! 이렇게 실제로 안함! 그냥 연습 참고!)
- k-digitaltraining
- 기업교육
- 마이페이지
메뉴를 폴더로 만든 후, 그 안에 index.html을 만들어야한다.
- k-digitaltraining/test.html
-> url 구조 : https://github.com/Dayhun/testrepo/k-digitaltraining/test.html - k-digitaltraining/index.html
-> https://github.com/Dayhun/testrepo/k-digitaltraining/index.html - 기업교육/index.html
-> https://github.com/Dayhun/testrepo/기업교육 - 마이페이지/index.html
-> https://github.com/Dayhun/testrepo/마이페이지
add file > create new file
폴더 위처럼 지정해주기
내용 작성후 하단에 commit new file 클릭
이렇게 되게 만들기
dev로 가서 (.누르거나) a태그에 폴더 경로 지정해주기
왼쪽 3번째 메뉴에서 커밋메세지 작성 후 커밋 푸쉬하기!
커밋메세지 한국어로 쓰자^^ 영어 잘 쓰는게 아니면^^,,,넵~(회사하는대로 하면 됨)
링크 경로 잘못함~ testrepo 추가로 써주고 다시 수정하고 커밋푸시
이렇게 경로 url에 입력하면 해당 메뉴로 들어가짐~
cf)
근데 폴더명 한국어로 하면 되긴 되느데,
url이 다르게 나옴!
https://dayhun.github.io/testrepo/마이페이지/
https://dayhun.github.io/testrepo/%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%80/
둘다 같은 거임!
📌 GitHub을 사용하는 이유
깃헙을 사용하는 이유 : 협업하기 위해!
협업하는 예를 들면 다음과 같다!
ex. 신입 길동이 회사에서 깃헙 쓰는 경우! 신입 영희가 그걸 받는 경우!
✅ 1. 길동이 회사 레포지터리 다운받기
1) 터미널에서 git clone으로 다운
# 해당 파일에 폴더 생성 후 다운받아짐!
% git clone 주소
# 해당 파일에 바로 다운받음!
% git clone 주소 . cf)
상대경로 & 절대경로
- 상대경로 : images/rabbit.png
- 절대경로 : c:/users/dahyun/desktop/images/rabbit.png
절대경로를 이용해서 이미지 태그에 쓸 수 있을까? 쓸 수 있음~
상대/절대경로를 언제쓸까?
회사 서비스가 어떻게 만들어지느냐에 따라 다름!
이미지를 외부에서 가져올 때는 절대, 폴더에서 serving할 땐 상대
2) 수정한 파일 올리기
# 수정 완료 후
% git add .
# 길동이 컴퓨터에 저장하기
% git commit -m "신입 길동이 첫 수정 작업파일"
# 공유하고 있는 폴더로 보내기 (깃헙보면 올라가져있음)
% git push# 터미널에서 수정하기
# test 파일 수정하려고 가져오기
% touch test.txt
# test 파일 수정 적용
% vi test. txt
% cat test.txt
# 터미널 결과창 지우기
% clear
✅ 2. 영희가 길동이가 올린 깃헙 프로젝트 내려쓰기
# 깃헙 다운받기
% git clone 주소 .
# 파일 수정완료했다면..
# 만약 md파일 하나만 수정한 경우,
% git add README.md
# 현재 폴더 모두를 올리고 싶다면,
% git add .
# 영희 컴퓨터에 저장하기
% git commit -m "영희 첫 코드"
# 깃헙에 저장하기 (깃헙보면 잘 올라가져있음~)
% git push ✅ 3. 길동이가 다시 수정하고 싶다면?
매번 % git clone을 하는 것은 무리임!
따라서, 이제는 그런거 없이
% git pull 하면 깃헙에 올라온 가장 최신 파일 (영희의 코드) 전부가 다운받아짐!
# 깃헙에서 다시 받기
% git pull
# 받은 파일을 수정 완료 했다면,,
% git add .
% git commit -m "길동 영희코드 수정함"
% git push✅ 4. 영희가 마지막으로 수정을 한다면??
길동이 수정한 파일이 있으니까 최신 깃헙 다시 받아야한다.
# 깃헙에서 다시 받기
% git pull
# 받은 파일 수정 완료했다면
% git add .
% git commit -m "영희 마지막 수정"
% git push즉,,,
협업을 한다면 '풀애컴푸'
pull-add-commit-push혼자한다면 '애컴푸'
add-commit-push (자기 파일을 다시 받을 필요 없으니까)
📌 깃헙 레파지토리 지우는 방법
지우고자하는 레파지토리의 settings 메뉴
맨 밑으로 내려가면 danger zone
delete this repository > 비번 입력하면 지워짐!
