노트 #42 | React - Create React App

개요

create-react-app 을 사용한다면 하나의 명령 만을 자신만의 리액트 프로젝트를 시작할 수 있습니다.

학습 목표

• Create React App 소개를 보고, Crete React App 이 무엇인지 대략적으로 이해할 수 있다.
• npx create-react-app 으로 새로운 리액트 프로젝트를 시작할 수 있다.
• create-react-app 으로 간단한 개발용 React 앱을 실행할 수 있다.
• 리액트 랜덤 명언 앱 튜토리얼을 따라 간단한 리액트 랜덤 명언 앱을 만들 수 있다.
• Create React App으로 만들어진 리액트 프로젝트 구성을 대략적으로 이해할 수 있다.

Create React App

프론트엔드 개발 툴

• Babel
• Jest
• PostCss
• Webpack (Module Bundler)
• 그외 등등 아주 다양하고 많습니다

CRA 정의

• 리액트 SPA(Single Page Application)을 쉽고 빠르게 개발할 수 있도록 만들어진 툴 체인입니다.
• 위의 프론트엔드 개발 툴 중에 기본 개발툴의 기능들이 포함되어진 프로젝트를 생성해 줍니다.

터미널 실습
1. 터미널을 실행시키고 프로젝트 생성을 원하는 폴더로 이동합니다.
2. $ npx create-react-app 폴더이름 을 입력하면 입력한 폴더이름에 해당하는 리액트 프로젝트(앱)이 생성됩니다.

• react, react-dom, react-scripts 등의 모듈들이 함께 설치됩니다.

참조

코드스테이츠 프론트엔드 부트캠프