CSS&JS/👀Study and Copy

나를 위한 메모 : git에 페이지 만들고 원격으로 push하는 초 간단 방법(윈도우)

arancia_ 2021. 9. 2. 10:51

난 git 잘 모름

공식에서 제공하는 페이지 생성 방법을 아무리 따라해도 정작 push 하려는 순간 퍼블릭키 에러 어쩌고가 나는데
재발급을 받아도 ms 오피스 어쩌고 막 걍 닫아버리니 확인이 안되어서.. 그러다 노마드코더의 바닐라자바스크립트로 그림판 만들기 강좌에서 git을 쓰는 방법이 초반에 나오는데 그대로 하니까 되더라 ㅡㅠ...

1) git에서 먼저 New repository을 만들어줌

2) Create a new repository

2-1) Repository name은 영문명으로
2-2) Description은 적거나 말거나
2-3) Public에 체크
2-4) Add a README file 체크 하건 말건
2-5) Add.gitignore에 체크하고 """Node 추가"""
2-6) Create repository 버튼 꽝

3) VS code를 킨다.
3-1) VS code에서 작업할 폴더를 연다.
--- 이제 여기서부터 내가 CASE1에서 과거의 실수를 좃나게 많이 했던 부분임 ㅎ; ---

CASE 1: 이미 나는 작업물을 다 짜 놓았고, push만 하고 싶은 상황
CASE 2: 작업물을 짜기 전에 위의 git page를 먼저 생성해둔 상태

3-2) 작업할 폴더에서 터미널을 연다

경로를 확인하자. 경로가 맞지 않다면 cd 를 사용하여 해당 폴더로 경로를 이동한다.

 

터미널에서 다음을 입력한다

git clone https://github.com/님의깃아이디/님이아까설정한레포짓네임

이게 뭐하는거냐면 깃에서 생성한 레포짓의 작업물과 깃 상태(??모름 알못임)를 그대로 님 로컬저장소에 복사해오는것임
그러면 "님이아까설정한레포짓네임"으로 새로운 폴더가 생성될거임ㅎ

CASE 1: 난 이미 작업해놓은 작업물들이 있는데?... : 그 작업물들을 새로 생성된 폴더 안으로 이동시키세요
CASE 2: 난 아무것도 안해놨는데 : 그 폴더 안에서 작업하시면 됩니다.

4) 원격저장소로 PUSH 하는법
4-1) vs code에서 터미널을 연다. (경로가 해당 폴더인지 잘 확인하자. 깃에서 복사해온 폴더는 파일이 변경될때마다 파일명이 초록색으로 변해있음)
4-2) 터미널에 다음을 입력하고 엔터 (그냥 이 3줄 통째로 복사해서 마지막 git push부분에서 엔터 꽝 치면 됩니다.)

git add .
git commit -m "commit comment"
git push

 

확인해보시고 행복한 업로드 하세요...라고 하고싶지만 진짜 찐 깃알못은 ㅅㅂ! push 제대로 됐는데 왜

https://깃아이디.github.io/레포짓네임/

으로 들어가도 404뜨고 지랄인데?!?!

https://github.com/깃아이디/레포짓네임

이거는 멀쩡히 뜨는데...

의문을 가질 수 있음.

그럴땐 Setting 가서 마지막 페이지 설정을 쫜 해줘야 404 안뜨고 이쁘게 뜹니다용.

5) Setting에 간다
5-1) 좌측 메뉴 중 Pages에 간다
5-2) Source에서 Branch를 main으로 바꾼다. (기본 설정은 None이기 때문에 Push 아무리 해봤자 404 뜨는거다.)
5-3) 위 과정을 거치면 저렇게 초록색박스가 위에 뿅 듬. Your site is published at .. 어쩌고

 

내가 git을 정말 모른다.
그래서 검색해봐도 이미 척척박사들이 지식의 저주에 갇혀 하는 말들은 하나하나 떠먹여줘야 못박는 침팬지마냥 겨우 따라가는 나같은 빡대가리는 못 알아듣는다고요...ㅠ
시발 왜-나만-원격-푸쉬-안되는데- 공항도둑 빙의한것마냥 일일히 수동으로(ㅋ) 하나하나 파일을 등록하며 킹받는 나날들...이젠 good bye ㅎ
올바른 방법을 알려준 노마드코더의 니코쌤께 무한한 감사를 전하며...

 

마지막으로
어 그래도 푸쉬안되는데? ㅇㅈㄹ 하기전에
깃허브에 로그인 되어있는지 확인해라