[React] 3. CRA (Create React App)

CRA란?

Create React App : Set up a modern web app by running one command.
한 줄의 명령어 입력으로 React 프로젝트 개발에 필수요소를 자동으로 구성하는 방법

• React 프로젝트를 구성하기 위해 필요한 것들은 많다. ex) WebPack, babel, eslint 등.
• 이러한 것들은 신경쓰지 않아도 알아서 촥촥 -> 보일러플레이트

선택지 1.
완제품을 구매한다 (=CRA)

선택지 2.
모든 재료와 도구를 구매하여 하나씩 조립, 제작하여 만든다 (=react, react-dom, babel, webpack 등 모든 세팅을 혼자..)

CRA로 프로젝트 생성하기

ls

cd swjungle-week13-react

yarn create react-app week-13 # 프로젝트 생성!

CRA로 생성한 프로젝트 실행하기

cd week-13

yarn start	# 프로젝트 시작

첫 번째 React 프로젝트 생성 완~
src/App.js 파일을 수정하고 저장하면 새로고침이 없어도 UI가 자동 업데이트 됨

상대경로 import -> 절대경로 지정하기

1. jsconfig.json 파일 생성 (반드시 root 경로에 만들 것!)
   

2. 다음 내용 작성

{
	"compilerOptions": {
		"baseUrl": "src"
	},
	"include": ["src"]
}