React의 구조

 

React 설치 후 기본 폴더트리를 간단하게 살펴보자면 다음과 같다.

 

1. node_modules : React에 필요한 모듈들이 위치하는 폴더

 

2. public : static 파일들이 저장된 폴더

1) favicon.ico : 브라우저 상단 탭에 나타나는 페이지 아이콘

2) index.html : title, meta 등 페이지에 대한 기본 정보

3) manifest.json : PWA에 필수로 포함되는 파일

4) robots.txt : 웹 크롤러 같은 로봇의 접글을 제어하는 규약

 

3. src : React를 작업할 폴더

1). css : 컴포넌트들에 대한 css파일

2) App.js : CRA가 기본 제공하는 예제 파일

3) index.js : App.js에 있는 컴포넌트들을 index.html과 연결시키는 파일

4) reportWebVitals.js : React프로젝트의 성능 측정 파일

5) setupTests.js : React 테스트를 실행하는 설정 파일

 

4. root

1) package.json : 설치한 패키지 정보가 담긴 파일

2) package-lock.json : 생성된 시점의 의존성 트리에 대한 정보가 기록된 파일