React 시작 전 설치

 

나중에 혹시 필요할지 모르니 설치 순서를 정리를 해놓아야겠다.

 

개발환경 설정

 

• Node.js 설치

- React 프로젝트를 생성하기 전에 Node.js가 먼저 설치되어 있어야한다.

- 설치 완료했다면 다음 명령어를 통해 버전 확인 가능

 

> 노드 버전 확인 : node -v 

> npm 버전 확인 : npm -v

 

• npm

node를 설치하면 자동으로 설치됨

 

 

• yarn 

- npm의 단점을 보완하여 성능과 속도를 개선한 것이 yarn이다.

 

 

CRA(Create React App)

 

: 한 줄의 명령어 입력으로 React 프로젝트 개발에 필수요소(WebPack, babel, eslint 등등)를 자동으로 구성하는 방법!

 

• 첫 리액트 프로젝트 만들기

VS Code를 실행하고 (미리 지정한 폴더를 열어도됨)

윈도우는 git bash 또는 power shell

Mac OS는 terminal에서 

ls //현재 내 위치가 어디인지 확인! 

cd 폴더이름 //리액트 프로젝트를 생성하고 싶은 폴더로 옮겨간다

npx create-react-app my-app //프로젝트 생성

 

 

 

? 만약 설치가 안된다면

1. NVM을 설치한다.

 

2. 사용할 버전의 Node를 설치한다.

nvm install 16.18.0

 

3. 그 버전을 사용하겠다고 선택한다.

nvm user 16.18.0

 

4. 버전을 확인한다.

node --version

 

 

다 설치되고 나면

npm start // 프로젝트 시작

 

 

이렇게하니 리액트창이 떴다