본문 바로가기

Front End/React

[React & git] Visual Studio Code React 프로젝트 GitHub 업로드.

반응형

■ 목표

- Visual Studio Code를 통해 생성된 React프로젝트를 개인 Github에 업로드한다.

 

■ 사전 준비

아래 글을 참고해 React 프로젝트를 생성한다.

[React] React 설치 및 기본세팅 :: 염소의 개발일기 (tistory.com)

 

[React] React 설치 및 기본세팅

■ 목표 - PC 리액트 개발환경을 설정한다. 1. Node.js 설치 아래의 사이트로 이동해 Node.js 를 설치한다. Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript en..

devgoat.tistory.com


1. 좌측 하단 업로드 아이콘을 클릭한다.

업로드 아이콘

 

2. VSC - GitHub 계정 연동.

아래의 대화창에서 허용을 클릭한다.

 

새로 뜨는 아래의 브라우저 페이지에서 continue를 클릭해 Github 연동을 완료한다.

(Github 로그인 필요!)

 

3. 연동 후 GitHub Publish

연동 후 다시 VSC로 돌아온 화면이다.

아래와 같이 위에 대화창이 떠 있을텐데

private, public 중 본인이 원하는 Repository를 클릭한다.

우측 하단 GitHub 업로드 진행바가 표시된다.

 

추가로 아래와 같은 GitHub로그인 창이 나온다면 ID 와 패스워드를 입력 후 로그인한다.

 

4. GitHub 업로드 확인

아래와 같이 GitHub에 업로드된 것을 확인한다.

 

 

반응형

'Front End > React' 카테고리의 다른 글

[React] React 설치 및 기본세팅  (0) 2021.08.10