[React] React 개발환경 구축하기

React 개발환경 구축하기

1. CRA(Create React App)

; Babel, Webpack의 세팅이 이미 완료된 패키지

$ npx create-react-app 

# npx ; npm 5.2.0이상부터 함께 설치된 커맨드라인 명령어

+ CRA 설치 파일 분석

src > index.js가 가장 먼저 실행 > index.html문서의 '#root'를 찾아 <App />을 렌더시킴

import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

node_modules ; 설치된 노드 모듈

- package.json,package-lock.json에 설치된 노듈들에 관한 정보가 적혀있음 -> $npm i치면 모두 설치됨
- src > manifest.json, logo192.png, logo512.png ; 휴대폰 아이콘에 관한 정보

- src > favicon.ico ; 웹사이트 창 맨 위에 제목 옆에 있는 로고

- robots.txt ; 구글, 네이버에서 웹사이트를 수집해갈 때 검색엔진에 띄어줄 때, 수집하지 말라는 정보 작성