github에서 new repository - name을 login-lecture로 만들고
터미널(git bash 터미널로 바꿈)에서 git init 치고 ls -a 하면 없었던 숨김폴더 .git이 생김
.git은 뭘까? :.git 폴더의 저장소에 대한 설정들이 저장된다.
*나노 이용해서 README.md 와 .gitignore 파일 만들기
터미널에 nano 입력하여 README.md 파일 만들기
터미널에 nano 입력하여 .gitignore 파일 만들기
.gitignore는 뭘까? 깃허브에 올리면 안되는 파일 또는 폴더들을 명시해 두는곳
/로 폴더임을 명시한다.
.으로 표시된 폴더나 파일들은 숨김폴더,숨김파일 이므로 ls -a 로 인식해야한다.
*.gitignore가 잘 적용됐는지 확인하려면 git status 를 입력해보면 된다.
알고리즘은
git add 라는 명령어를 쓰면 파일들이 staging area라는 곳에 올라감- commit 이란 명령어 써서 .git폴더안에 변경내역을 저장 함-저장된 내역을 git push 를 써서 깃허브에 업로드하게 됨. (이해가 안되면 일단 넘어가자)
터미널에서 git add . 입력하여 빨간색으로 명시된 파일들을 한번에 올린다. (git add 파일명으로 하나씩 올려도 됨)
*git commit -m "깃 저장소 초기화" 입력
*이제 git push 이용하여 깃허브로 push 해줄건데, git push 하기 전에 remote를 설정해줘야함 (remote는 저장 위치를 가르킴)
터미널에
git remote add origin https://github.com/자신의깃헙주소
*git push orign matser 입력하여 깃허브에 업로드 한다. (branch라는 것이 있는데 일단은 master로 따라하자)
깃허브에서 가보면 업로드가 잘 되어있다.
*정리
업로드할떄 주의사항:node_modules는 업로드x / package-lock.json 와 package.json
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
이제 업로드 되있는 파일을 반대로 가져와 볼 것.
본인의 터미널에서 login-lecture 폴더가 있는곳으로 가서
git clone 받아올깃허브주소 지정할이름 을 입력해주면 된다.
받은 파일을 VS code로 열면 node_modules를 안 올렸기에 없다.
cd login-lecture2로 경로를 정하고 npm install 또는 npm i 입력하니 dependencies를 잘 읽어
node modules폴더가 생겼다.
우리가 scripts 에 쓰었던 명령어 npm start 도 잘 작동한다.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
이제는 폴더보면 많이 지저분한데 정리를 해 줄것이다.
src폴더를 만들고 .gitignore , README.md 뺴고 다 넣어준다.
*불러오기(git pull origin master)
라이센스파일까지 만들어 깃허브에 등록하였다.
업로드된 깃허브파일들은 pull을 이용하여 불러온다.
* src폴더 만들어 정리한 버전을 깃허브에 다시 저장할거다
git add . 후에 git status 보면 node_modules 폴더안에 있는 파일까지 다 staging area로 이동하였다.
이럴때는 git reset HEAD 파일명 적어주면 된다.
원인은 .gitignore 폴더에 가보면 /node_modules 라 명시되어 있는데,
정리한다고 src폴더에 옮겼기 떄문에 node_modules 폴더가 .gitignore폴더와 같은 경로에 있지 않아서 생긴것이다.
**node_modules 로 정정하면 안에 있는 모든 파일을 다 찾아서 node_modules가 업로드 안되게 해준다.
git add . 후 git status 해보면 잘 옮겨져 있는게 보인다.
git commit -m "scr 폴더로 분류"
git push origin master 하면 깃허브에 업로드가 잘 된다.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
추가로 깃허브에서 제공하는 .gitignore 템플릿들이 존재한다.
깃허브에서 .gitignore - 수정 - 오른쪽에 있다.
마찬가지로 그냥 쓰면안되고
node_modules/ 앞에 **를 붙여 적용시켜준다.
아직 VS code에 불러내기 안했기에 불러내기만 해주면끝난다.
git pull origin master
이로써 끝났다.
다음에는 깃허브와 같이 이 프로젝트를 병행할것이다.