[1강] 리액트 앱 설치하기

Contents

노드 버전 확인

cmd창에서 

node -v

치고 노드 설치되어있는지 노드 버전 확인

 

 

리액트 설치

vscode 터미널창에

npm create-react-app ./

입력

./ 이 부분에  리액트를 설치하고자 하는 디렉토리 이름을 넣어준다. 

./는 현재 디렉토리를 뜻한다.

 

 

그런데 설치를 진행하려니

이런 창이 떴다. 더 이상 저 설치 버전을 지원하지 않으니 삭제하고 최신 버전을 설치하라는 내용이었다.

 

그래서

npm uninstall -g create-react-app

을 통해 방금 설치한 버전을 삭제해주고

 

npm install -g npm@8.19.2

위의 코드를 통해 새 버전을 설치해주었다.

 

 

 

하지만 이렇게 하고 실행코드인

npm start

를 입력하자

 

이런 에러가 떴다.

 

 

해결방법

npx create-react-app@latest ./

위의 코드를 입력하여 리액트를 설치해 주면 된다.

 

 

 

리액트 실행

npm run start