[ React.js ] VS Code에서 React 개발 환경 구성

create-react-app?

• 리액트 개발에 필요한 필수 모듈들을 한줄의 코드로 구성해준다.
• 비쥬얼스튜디오 코드의 터미널에서 npm으로 설치 후 사용

참고

 

 

설치

---

> npm install -g create-react-app

 

 

 

만들기

---

> create-react-app [생성할 디렉터리명]

 

 

(시간이 꽤 걸린다..)

 

 

 

테스트

---

> cd [위에서 만든 디렉터리명]

> npm start

 

(localhost:3000)

 

 

VS Code에서 불러오기

---

 

 

 

* 필요없는 파일 삭제

• src/App.css
• src/index.js
• src/logo.svg
• public/favicon.ico
• public/manifest.json

 

* 삭제한 파일과 연결된 부분 지우기

• src/App.js

 

• src/index.js

 

• public/index.html

 

 

Hello World 출력하기

---

(src/App.js 수정)

 

 

확인

---

> npm start