리액트 개발환경 만들기

Node js를 이미 다운받았다는 전제 하에 시작하도록 하겠습니다.

 

1. Visual Studio에서 폴더 1개를 생성합니다.

이름은 상관없습니다!!

 

 

2. 터미널을 열어서 경로를 생성한 폴더명으로 옮깁니다.

    (cd 라는 명령어를 사용하면 됩니다.)

 

 

3. 터미널에 npx create-react-app 원하는폴더명 을 입력합니다.

저는 cook이라는 이름을 주고 생성했습니다.

 

 

 

4. 그 다음 react를 실행하고 싶으면 npx 로 만들었던 폴더명으로 터미널 경로를

    이동합니다! (마찬가지로 이것도 cd 를 사용하면 됩니다)

 

 

5. 이동을 했다면, 터미널에 npm start 를 입력해주면 됩니다.

성공적으로 실행된다면 이런 문장이 떠야 합니다.

 

 

6. 만약 오류가 나거나 제가 올린 그림처럼 똑같은 문장이 뜨지 않는다면!!

https://codingapple.com/unit/react1-install-create-react-app-npx/

리액트 React 설치와 개발환경 셋팅 (2022 ver) - 코딩애플 온라인 강좌

이 링크로 들어가면 하단에 오류에 대한 해결방법에 대한 설명들이 나와있습니다.