프로젝트의 첫단계 git을 활용하기-git push, git pull 등등

git push, git pull, git commit, git add, npm run, npm install

 

저번 글에 이어 본격적으로  git lab에서 프로젝트를 클론한뒤 필요한 작업에 대해 정리해보려고 한다.

 

 

(사실 프로젝트 초반에 작업환경을 자꾸 바꿔야 해서 git에 대해 자주 접한 게 많은 도움이 된 거 같았다.)

 

 

일단 깃을 클론 했다면 내가 작업했던 브랜치로 이동하여 git pull로 작업상황을 가져와야 한다.

 

-git pull

먼저

 

$git checkout 브랜치명

으로 브랜치 이동후,

 

 

$git pull origin 브랜치명

하게 되면 내가 마지막으로 작업하고 푸시해놓았던 작업상황을 가져온다.

 

다음으로는 작업상황을 가져왔다면 

npm run으로 작업 결과창(브라우저)을 띄우고, 결과를 보며 작업을 해야 한다.

 

-npm 관련

 

현재 프로젝트에서는 (vanillaJS)

 

$npm run dev

를 사용해 페이지를 로드할 수 있다.

 

하지만 대부분 이 오류를 대면하게 될 것이다.

 

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\gpals\package.json
npm ERR! errno -4058
npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\gpals\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in: C:\Users\gpals\AppData\Local\npm-cache\_logs\2023-11-03T13_21_21_104Z-debug-0.log

 

npm을 설치하지 않아서 나오는 문제이다.

 

$npm install

npm install을 진행하면

문제없이 페이지 로드가 될 것이다.

 

이걸로 모든 작업환경 세팅은 끝이 났다.

추가로 작업을 진행하고 저장하는 명령어를 알아보겠다.

 

-git push

 

보통 코딩작업을 하면서 ctrl+s 를통해 로컬 저장소에 수시로 저장을 할 것이다.

하지만 나 같은 경우에는 자주 다른 지역으로 이동하는 일이 잦게 발생했고, 그때마다 로컬 작업상황을 저장하고 원격 저장소에서 불러와야 하는 상황이 생겼다. 그렇게 자연스럽게 git push 과정을 배우게 된 것 같다.

 

$git add

 

먼저 현재 작업상황을 $git add를 통해 staging 해야 한다.

(참고로 $git add. 명령어로 한 번에 add 할 수 있다.)

 

그러고 나서 수시로

$git status

 

$git status 명령어를 통해

수시로 staged 된 파일들을 확인하고 push 할 준비가 되었는지 확인해야 한다.

 

$git commit -m "커밋메세지"

 

그리고 파일 상태가 확인되었다면

commit 명령어를 통해 커밋시킨다.

그리고 마지막으로

$git push

 

push 명령어를 통해 push 하면 성공적으로 원격저장소에 작업상황이 저장된다.

 

후에는 위에 적은 git pull로 가져오면 된다.

 

Git은 이러한 기능을 통해 작업상황을 언제 어디서든 공유할 수 있게 만들어준다.

 

다음부터는 본격적으로 프로젝트 진행상황을 적어볼 예정이다.

(될수있으면 kpt회고 까지 해보는 걸 계획중이다.)

 

 

 

 

 

 

 

 

 

프론트엔드 부트캠프, 엘리스 SW 엔지니어 트랙

 

프론트엔드 부트캠프, 엘리스 SW 엔지니어 트랙

#엘리스트랙 #엘리스트랙후기 #리액트네이티브강좌 #온라인코딩부트캠프 #온라인코딩학원 #프론트엔드학원 #개발자국비지원 #개발자부트캠프 #국비지원부트캠프 #프론트엔드국비지원 #React #Styledcomponent #React Router Dom #Redux #Typescript #Javascript