[React] 프로젝트 생성 및 구조 파악하기

React 프로젝트 생성하는 방법

yarn create react-app my-app

이후 yarn start로 실행할 수 있다.
공식문서

프로젝트 구조

.gitignore
형상관리를 하지 않을 리스트를 담고 있다.

package.json
외부 라이브러리 정보나 스크립트에 대한 내용을 가지고 있다.

manifest.json
PWA를 만들 때 필요한 파일

robots.txt
크롤링을 할 때 필요한 파일

index.js
컴포넌트들을 화면에 나올 수 있게 해준다.

public 폴더
html, 이미지 등 정적인 컨텐츠가 포함된 폴더

src 폴더
동적으로 변화하는 소스가 들어있는 폴더

웹팩

빌드 시 웹팩에서는 자바스크립트의 고유 버전이 할당된다.
변경되면 고유 버전이 업데이트 된다.

만약 자바스크립트가 변경되지 않았으면, 고유 버전이 변경되지 않기 때문에
새로 다운로드하지 않고 이미 캐시된 파일을 사용하면 된다.