Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

Fear is a habit. I'm not afraid.

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

basic/environment setting

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

sylviaisthebest 2022. 8. 4. 00:15

<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 addgit 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

In general, URLs contain information about the transport protocol, the address of the remote server, and the path to the repository. Depending on the transport protocol, some of this information may be absent. Git supports ssh, git, http, and https protoco

git-scm.com

https://github.com/git-guides

 

git Guides

Learn git.

github.com

 

 

 

 

 

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

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