본문 바로가기

Soup

Next.js로 풀스택 개발자 포트폴리오 만들기 (3) 프로젝트 git 연결하기, git 초기설정, VScode git 확장자 추천

 

1. 원격 저장소 생성

 

2. git init 하기

프로젝트 파일에 들어가 git을 init(초기화) 해줍니다. 여기서 git file이 생성됩니다.

맥에서는 시각적으로 확인하고 싶다면 [ cmd + shift +. ]으로 투명한 git 파일을 볼 수 있습니다. private으로 가려진 파일들입니다.

// git init
git init

 

 

 

 

 

 

 

 

 

 

 

 

3. 로컬 저장소(컴퓨터)와 원격 저장소(Github) 연결하기

// 로컬 저장소에 원격 저장소 주소 추가
git remote add origin <Repository>

 

 

4. 로컬 변경사항을 원격 저장소에 푸시 합니다.

// 변경사항 저장전 원격저장소의 변경사항 가져오기
git pull origin main

// 로컬저장소의 변경사항 전체를 스테이징
git add .

// 로컬저장소의 변경사항 한 파일을 스테이징
git add <file name>

// 로컬저장소 커밋
git commit -m "commit message"

// 변경사항을 원격 저장소에 푸시
git push -u origin main

 

위 명령은 main 브랜치의 변경사항을 푸시합니다.

만약 다른 브랜치를 사용하고 싶다면 main 대신 해당 브랜치 이름을 사용하면 됩니다.

 

다른 브랜치 사용 시 생성

// git branch 생성
git branch <name>

// git branch 이동
git switch <name>
// Or
git checkout <name>

 

 

5. 원격저장소인 Githubd에서 푸시된 파일 확인 가능

 

 

VScode와 사용하면 좋은 Git Extension 소개

 

1) Git graph : 형상관리 시각적으로 확인 가능

 

2) GitLens : 코드 내에서 바로 git에 반영된 코드 한 줄마다의 변경 사항 확인 가능

반응형