software

Vite를 사용하여 React 앱 만들기 (초보자를 위한 단계별 가이드)

발행: (2025년 12월 17일 오전 09:34 GMT+9)
3 min read
원문: Dev.to

Source: Dev.to

소개

이 가이드는 초보자들이 Vite를 사용하여 첫 번째 React 애플리케이션을 만들고 실행하는 과정을 단계별로 안내합니다. Vite는 공식적으로 권장되는 방법입니다.

사전 요구 사항

Vite로 React 앱 만들기 단계

1. 새로운 Vite 프로젝트 생성

npm create vite@latest project-name

프롬프트가 표시되면 y를 눌러 진행합니다.

2. 프레임워크 선택

  • 목록에서 React를 선택하려면 위/아래 화살표 키를 사용하세요.
  • 확인하려면 Enter 키를 누르세요.

3. 변형 선택

  • 원하는 React 변형을 선택하세요 (예: react, react-ts).
  • 위/아래 화살표 키로 이동하고 Enter를 누르세요.

4. TypeScript 활성화 (선택 사항)

TypeScript 지원을 추가하겠냐는 질문이 나오면 Yes를 선택하고 Enter를 누르세요.

5. 의존성 설치 및 개발 서버 시작

cd project-name
npm install
npm run dev

앱은 http://localhost:5173에서 확인할 수 있습니다. 링크를 클릭하거나 브라우저에서 열어 실행 중인 애플리케이션을 확인하세요.

대체 (폐기된) 방법

npx create-react-app my-app

Note: create-react-app은 폐기되었으며 새로운 React 프로젝트를 시작하는 권장 방법이 아닙니다. 더 빠르고 현대적인 설정을 위해 Vite를 사용하세요.

관련 링크

Back to Blog

관련 글

더 보기 »

React를 이용한 계산기

오늘 나는 React를 사용한 계산기 연습 프로젝트 중 하나를 완료했습니다. 이 React Calculator 애플리케이션은 기본 산술 연산을 수행합니다. 버튼을 지원합니다.