📌 Create-React-App 기본 파일 3가지
- index.html
- App.js
- index.js
1. index.html
public 폴더에 포함되어 있다. 메인 프로그램인 index.js에 대응되는 것으로, HTML 템플릿 파일이다. 이 파일은 직접 표시되는 것이 아닌, index.js에 의해 읽어 와서 렌더링 된 결과가 표시된다. body 부분에 id가 root인 div태그가 있고, 이 밑으로 React 코드가 실행되어 만들어진 DOM이 구현된다.
2. App.js
src 폴더에 포함되어 있다. 이 파일은 컴포넌트를 정의하는 프로그램이며 실제로 화면에 표시되는 내용 등은 이 파일에서 정의된다. 이 Javascript 파일 내의 여러 컴포넌트들을 정의하여 코드를 작성한다.
3. index.js
src 폴더에 포함되어 있다. 메인프로그램이라고 할 수 있다. 이 파일에서 HTML 템플릿 및 Javascript의 컴포넌트를 조합하여 렌더링하고, 실제 표시한다. index.htlm의 동작을 담당하는 Javascript파일이며 React app이 구동될 수 있도록 하는 진입파일이라고도 한다.
