[React] CRA (Create React App) 간단히 알아보기

CRA 란?

Create React App 의 약자로 리액트 앱을 설치해주는 뜻으로

npx create-react-app 프로젝트명 의 명령어로 설치를 할 수 있다.

 

CRA 구성

public : 정적 파일들을 모아 놓는 폴더

src : 소스코드를 모아두는 폴더 (동적인 파일도 포함) | src/index.js : react의 루트 파일

 

테스트 환경 실행

npm start : 메모리 상에 빌드 내용을 가지고 기본적으로 3000번 포트에 테스트환경을 구축한다.

 

빌드 운영 배포

npm run build

 

src/index.js

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

 

React.StricMode : 로그 조사 엄격 모드