React 설치 및 개발 환경 세팅

React 개발 환경 세팅

 

1. 폴더 만들고

 

2. 터미널에서 그 파일의 경로를 찾아준 다음에

 

npx create-react-app 프로젝트명 입력

 

2-1. 안되면

 

sudo npx create-react-app 프로젝트명 입력 후 맥 비밀번호 입력

 

3. src 폴더 안에 있는 파일들을 통해 작업할 것임

4. 터미널 작업 폴더 경로에서 npm start 입력하면 페이지 미리보기 가능

이런 화면이 나올 것이다.

폴더 설명

node_modules: 라이브러리 코드 보관함. 건들지 마시오..

public: html, img 보관함.

src: 코드 짜는 곳.

 

App.js => index.html 정보를 보내준다.

 

package.json: 프로젝트 정보. 여러 라이브러리 정보.