Node+React [React(2)]

create-react-app

npx create-react-app .

npx & npm ?

npm : node package manager 줄임말.

npm: Local로 app 다운.
npx: 다운로드 없이 레포에서 가져오는 것. (로컬에 설치하는 게 아니므로 용량 낭비 x)

React App 구조

1. Public

정적 파일이 담기는 공간. (웹상에 보이는 html, img 등)

Component 를 만들면,

	<div id="root"></div>
 
id가 root인 div 안으로 컴포넌트들이 들어간다. (index.html)

2. src(source)

주로 쓰이는 파일. 이 공간에서 작업, Components 를 만든다. 

3. index.js(src 진입파일)

만든 Components 를 가져와 index.html 에서 실행시킨다. (App)

4. App.js

Components 를 이곳에서 Return 시킨다. 

좋은 웹페이지 즐겨찾기