[리액트] 리액트 설치 및 개발환경설정

1, node.js 설치하기

14버전 혹은 16버전으로 설치하기

https://nodejs.org/ko/

Node.js

 

터미널에서 node -v 로 설치가 잘 되었는지 확인을 합니다.

설치 후 컴퓨터 재부팅하기 (하단에 이유있음)

 

2, 프로젝트 생성

저는 vs code 를 사용하기때문에 vs code 기준으로 정리하겠습니다.

vs code로 작업할 폴더를 열어줍니다.

vs code의 터미널을 열어줍니다.

 

터미널에 npx create-react-app 프로젝트이름 을 입력해줍니다.

 

엔터 한번 더 눌러주면 프로젝트 파일이 설치됩니다.

그다음 해당 프로젝트를 미리보기 하고싶으면

프로젝트 폴더를 연 후 터미널에 npm start 를 입력해줍니다.

 

제 폴더 기준

react 폴더 > test1 폴더가 있다면

test1 폴더를 열어준 다음 그폴더 터미널에서 npm start 를 입력해야합니다.

아래와 같은 화면이 나온다면 성공!

 

 

에러

npx creat-react-app 을 했는데 빨간 글씨로 에러가 뜨는 경우가 있는데

그럴 경우 컴퓨터를 재부팅 시켜줍니다..

꼭...

한참 헤매었어요..