03. react-vite-설치

1. React를 라이브러리로 설치

1.1.Vite

아래의 링크에서부터 시작한다.

1. https://ko.vite.dev/guide/#scaffolding-your-first-vite-project

npm create vite@latest . --template react

npm install
npm run dev

2. React를 프레임워크로 설치

Next.jsRemixGatsbyExpo (for native apps)Bleeding-edge React frameworksNext.js (App Router)

• Next.js
• Remix
• Gatsby
• Expo (for native apps)
• Bleeding-edge React frameworks
• Next.js (App Router)

리액트 프로젝트 생성 시 앱 네이밍 규칙은 다음과 같다.

3. 프로젝트명 규칙

• 소문자만 사용한다.
• *하이픈(-)**을 사용하여 단어를 구분한다.
• 숫자로 시작할 수 있다. 예시: my-react-app, react-shopping-mall-2025

4. 코칭프롬프

1. 프롬프트

vite로 현재 폴더에 React 프로젝트를 생성해줘.  
상태관리 라이브러리 없이, 타입스크립트도 사용하지 않고,  
자바스크립트 기반의 최소 설정으로 시작하고 싶어.