1. Nodejs 설치 (Long Term Support 버전 추천)

2. 프로젝트 생성 (vue.js와 마찬가지로 vite로 셋팅 추천)

• npm create vite@latest my-react-app -- --template react
• (npm create vite@latest my-react-app -- --template react-ts)
• cd my-react-app
• npm install
• npm run dev

3. 폴더구조 이해

my-react-app/

 ┣ src/

 ┃ ┣ App.jsx     // 메인 컴포넌트

 ┃ ┣ main.jsx    // 앱 시작 지점

 ┣ public/       // 정적 파일 저장소 (이미지 등)

 ┣ index.html     // root DOM

 ┣ package.json   // 프로젝트 설정

 4. 기본개념

• JSXJavaScript 안에서 HTML처럼 쓰는 문법
• Component독립적으로 재사용 가능한 UI 조각
• Props부모 컴포넌트가 자식 컴포넌트에게 주는 데이터
• State컴포넌트 안에서 바뀌는 데이터
• Event Handling클릭 같은 사용자 행동에 반응하는 방법
• Hooks함수형 컴포넌트에서 상태, 생명주기 등을 사용할 수 있게 해주는 함수 (useState, useEffect 등)

    * 참고 문서: Quick Start – React

    * HTML → React.js 변환기