2. 개발 환경 설정
① Node.js: nodejs.org에서 최신 LTS 버전 다운로드 및 설치
② VSCode: code.visualstudio.com 다운로드 및 설치 → 테마 및 익스텐션 설정
③ 크롬 브라우저: React Developer Tools 설치로 디버깅 강화
3. 리액트 애플리케이션 생성
① 보일러플레이트 선택: 빠른 개발 환경과 최신 트렌드를 반영한 Vite 권장
② 생성 과정
• VSCode에서 실습 폴더 선택
• 터미널에서 npm create vite@latest . 명령어 입력
• React → TypeScript 선택
• npm install과 npm run dev 명령어로 개발 서버 실행
③ 기본 구조
• package.json: 프로젝트의 정보, 설치된 패키지(의존성), 실행 스크립트 등을 관리하는 설정 파일