create react app

# create react app

-리액트 spa를 쉽고 빠르게 개발할수 있도록 만들어진 툴 체인이다.

 

#폴더안에서 npx create-react-app 프로젝트명 이렇게 입력하면된다.

cd codestates

npx create-react-app react-project

---

#package.json파일의 scripts부분에 start에

react-scripts start라고 쓰여있다.

react-scripts start라고 터미널에 치는거랑

npm run start라고 터미널에 치는거랑 같은거다.

npm run start를 치면 리액트앱이 뜨는걸 확인할수있다. (안되면 localhost:3000을 인터넷주소에 친다)

---

index.js에 들어가면 이렇게있다

 

ReactDOM.render(
<App />, 
document.getElementById('root')
);

 

 <App/>  -> app react element의미(리액트개발한 app부분을 의미한다)

document.get.....   ->원하는 html element위치를 dom으로 가져오면된다.

 

# index.js가 시작점이라고 생각해라!!!!