1. 새로운 React App 생성

---

• 새로운 프로젝트를 생성할 위치에서 아래 명령어를 실행하면 새로운 React App이 만들어진다.
• 프로젝트명에 대문자는 사용할 수 없다.

• 명령어
  npx create-react-app 프로젝트명

타입스크립트로 설치 시

npx create-react-app my-app --template typescript

2. 생성한 React App 실행

---

• 생성한 React App은 아래 명령어를 통해 화면을 띄울 수 있다.

• 명령어
  npm start or npm run start

3. React App 구성

---

1) index.js

• src 폴더에 포함되어 있다. 메인 프로그램이라고 할 수 있다. 여기에서 HTML 템플릿 및 JavaScript의 컴포넌트를 조합하여 렌더링하고 실제 표시한다.

2) App.js

• src 폴더에 있다. 이것은 컴포넌트를 정의하는 프로그램이다. 실제로 화면에 표시되는 내용 등은 여기에서 정의된다.

3) index.html

• public 폴더에 있다. 메인 프로그램인 index.js에 대응되는 것으로, HTML 템플릿 파일이다. 이 파일이 직접 표시되는 것은 아니고, index.js에 의해 일어 와서 렌더링된 결과가 표시된다.