[React]React 설치 및 개발환경설정

- Node.js 설치하기

- LTS 버전 설치하기

- C드라이브 tools에 설치 후 설치파일 더블클릭하여 설치 진행하기

- C드라이브 workspace에 react 폴더 만들고 Git bash (터미널) 열기
(Bash는 Unix 기반 시스템의 셸이므로 npm과 yarn을 설치 및 이용하는데 효율적임)

 

 

1. Node.js 설치 및 버전 확인하기

$ node -v

 

2. Yarn 설치 및 React 앱 생성

- yarn 설치 및 버전 설정

$ npm install -g yarn
$ yarn --version

- react 앱(프로젝트) 생성하기

$ yarn create react-app {앱이름}

 

- 아래와 같이 Happy hacking! 이라는 문구가 뜨고 명령이 종료되면 정상적으로 프로젝트 생성됨

- VSCode 에서 해당 폴더(my-app) 열기

$ cd my-app/ # 생성된 프로젝트 폴더로 이동
$ code . # 프로젝트 폴더 vs code로 열기

 

3. VS Code 기본 터미널 Git bash 로 변경

- ctrl + shift + p 누른 후 상단 창에 default 작성
- 터미널 : 기본 프로필 선택 클릭
- Git Bash 선택

- 터미널 변경 후 ctrl + shift + ` 을 눌러 터미널 열기

$ yarn start # 프로젝트 실행시키기