DAY36 <CRA>

Create React App

Facebook 에서 제공한 tool로 React 웹 개발용 Boilerplate로 개발 환경을 설정하고 javaScript를 사용하게 해주며 좋은 개발 경험과 프로덕션 앱 최적화를 해준다.

yarn 을 사용해서 create react app을 만들 때는$ yarn create-react-app 폴더명 을 사용해서 만든 뒤 $ yarn start 로 실행을 한다.

Creat React App는 Babel이나 webpack 같은 build 도구를 사용하거나 설정 없이도 동작한다.

CRA의 장점은
하나의 build dependency를 가지게 되어 React프로젝트를 구성시에 필요한 Webpack, Babel, ESLint 등 처음 프로젝트를 구성할 때 반즈시 설정이 필요한 패키지나 연결에 대해 신경쓰지 않아도 된다.
CRA의 단점은
SSR, CSR을 위해 별도의 작업이 필요하고 설정 flow를 이해하기 힘들다.

Create react-app을 처음 실행을 하면 아래의 node_modules, public, src와 파일과 함께 react가 설정이 된다.

node_moduels는 npm install 명령어를 통해 설치된 패키지들의 모듈이 저장되는 디렉터리이며 해당 모듈들이 의존하는 다른 모듈 전부를 함께 포함하고 있다.

pakage.jaon 은 생성한 프로젝트의 메타 정보와 해당 프로젝트가 의존하고 있는 (dependencies) 모듈들에 대한 정보들을 json 형태로 모아 버전을 관리할 수 있도로 만들어 준 파일이다.

public directory
React 프로젝트의 Static 파일들이 저장된 디렉터리 이다.

src directory
개발이 이루어지는 작업공간으로 js, jsx, css등의 소스 코드 파일들이 저장된 디렉터리이다.