[Main] React 설치시 폴더 구성

●기본 구성

create-react-app 을 통해서 React를 설치하면 다음과 같은 폴더 구성으로 파일이 설치된다.

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

○ Public 폴더

- index.html 파일이 위치하며 프로젝트 폴더의 기본이 되는 템플릿이다.

(*** index.html 파일은 반드시 정확한 이름으로 존재해야한다.)

 

○ Src 폴더

- React 소스코드들이 작성되는 폴더이다. 

- 앞으로 작성되는 코드는 여기에 입력할 것이다.

- index.js파일은 자바스크립트 파일의 Entry Point이다.

(*** index.js 파일은 반드시 정확한 이름으로 존재해야한다.)

 

○ Package.json 파일

프로젝트에 대한 정보가 입력되는 파일.

프로젝트에 사용된 라이브러리의 정보가 명시되어있다.

앱을 구동하는 명령어가 모여있다. (start, build, test 등...)