Create React App(1) - 개발환경 구축, npm WARN ... error!?

React를 좀 더 쉽고 빠르게 학습하기 위해 React공식문서를 참고해
create-react-app이라는 React 샘플 웹앱을 설치하고 실행하려고 한다.

https://ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app

새로운 React 앱 만들기 – React

공식사이트에서는 Create React App이라는 Toochain을 제공해준다.
간편하게 개발환경을 구축하고 React를 빠르게 익힐 수 있다.

---

1. 개발환경 구축 ~ 샘플 앱 구동시키기 :

(문제발생) npm WARN saveError ENOENT : no such file or directory ... 이거 때문에 nodejs다시 깔았음

기존 nodejs 버전 : v10.16 - x64 (안정화버전)
새로 설치한 nodejs 버전 : v10.15.3 - x64 (안정화버전)

https://nodejs.org/download/release/v10.15.3/

Index of /download/release/v10.15.3/

기존의 nodejs는 삭제하고, 여기에서 msi파일을 다운받아 설치하면 된다.

1) nodejs를 설치했으면 npm도 함께 설치되어있으니 확인해보자:

cmd > npm -v
6.4.1
--> 버전이 나오면 정상적으로 설치된 것!

2) create-react-app 설치 (버전 : 2.1.8)

cmd > npm install -g create-react-app@2.1.8

설치확인

cmd > create-react-app

3) 저장할 폴더를 지정해서 그 안에 create-creat-app실행하기

cmd > cd 디렉토리 이동 > create-react-app .

3) VScode를 사용해서 실행시켜보기

Termial > npm run start

자동으로 웹사이트가 켜졌다!
create-react-app이 가장 최소한의 앱을 미리 구현하여 보여주는 것이다.

---

참고:

https://opentutorials.org/module/4058/24666

개발환경 - React