Visual Studio Code 터미널에서 Github 커밋하기

<ReactJS로 영화 웹 서비스 만들기> 강의를 듣던 중 유용한 정보가 있어 정리

 

Setting

• Mac OS
• Visual Studio Code 버전: 1.68.1 (Universal)
  
  • Github 확장 프로그램 설치하였으나 로그인x
  • 기존에 VS Code로 commit해본 적 있음.. 이걸 한 적이 있어서 커밋이 바로 되는 건가.. 이걸 좀 더 정리해보고 싶음
• React 버전: 18.2.0

 

순서

1. Terminal 실행

Terminal in Mac

$ cd documents $ npx create-react-app movie_app_2019 Creating a new React app in ~~

-> 'movie_app_2019' 라는 React App이 설치됨

 

 

2. Visual Studio Code 실행

[파일] - [폴더열기] 클릭

해당 설치 경로에 들어가서 'movie_app_2019' 폴더 선택한 후 [열기] 클릭

[터미널] - [새 터미널] 클릭

Terminal in Visual Studio Code

$ npm start

-> React App이 실행됨

Terminal in Visual Studio Code

$ clear $ git init

 

3. Github

Repository 생성

Repository Name: movie_app_2019 -- 헷갈리지 않도록 같은 이름을 사용하는 것을 권유

Github 주소 복사

 

 

4. 다시 Visual Studio Code로 돌아옴

Terminal in Visual Studio Code

$ git init $ git remote add origin "https://github.com/{username}/movie_app_2019"

Terminal in Visual Studio Code

... $ git add . $ git commit -m "#1.0 Creating your first React App" $ git push origin master

 

5. Github 페이지

새로고침 시 레포지토리에 커밋이 된 것을 확인할 수 있다.

 

 

 

여기서 의문점,

git add .(닷) 이 의미하는 건 뭘까?

---

git add 는 무엇을 하나요?

git add [filename]은(는) 해당 파일을 선택하고 준비 영역으로 이동하여 다음 커밋에 포함되도록 표시합니다. 준비 및 커밋할 모든 파일, 디렉터리, 특정 파일 또는 파일의 특정 부분을 선택할 수 있습니다.

즉, 삭제된 파일을 추가하면 커밋을 위해 삭제가 준비됩니다. 실제로 "삭제"할 때 "추가"라는 언어는 혼란스러울 수 있습니다. 만약 당신이 gitadd 대신에 git stage를 생각하거나 사용한다면, 무슨 일이 일어나고 있는지 현실이 더 분명해질 수 있습니다.

git add와 git commit은 함께 손잡고 갑니다. 함께 사용하지 않으면 작동하지 않습니다. 또한, 두 제품 모두 공동 기능을 고려할 때 가장 잘 작동합니다.

git add 명령은 작업 디렉토리의 새 파일 또는 변경된 파일을 Git 준비 영역에 추가합니다.

 

git add 사용 방법

git add <path>: 특정 디렉토리 또는 파일 스테이징
git add .: 전체 리포지토리의 모든 파일(.gitignore에 나열되지 않음) 스테이징
git add -p: 대화식으로 여러 가지 변경 사항을 스테이징합니다.

 

---

 

git add .: 전체 리포지토리의 모든 파일을 준비하는 것

git commit -m "descriptive message": 파일 정보를 버전 기록에 영구적으로 기록.

git remote origin master: 원본 저장소에서 master와 일치하는 참조를 찾고(대부분 ref/heads/master를 찾을 수 있음), 원본 저장소에서 동일한 참조(예: refs/heads/master)를 이 참조로 업데이트함. master가 원격으로 존재하지 않는 경우 master가 만들어짐.

 

 

 

 

출처:

https://www.youtube.com/watch?v=2JCQUgH1C4I

https://git-scm.com/docs/git-push

Git - git-push Documentation

https://github.com/git-guides

git Guides

 

 

 

 

 

기술블로그 어떻게 하는 거냐..

나도 일목요연하게 정리 잘하는 개발자 되고 싶다..