다음을 통해 공유

Windows에 React 직접 설치

  • 아티클

이 가이드에서는 vite 프론트엔드 툴링을 사용하여 Windows에 React를 직접 설치하는 방법을 설명합니다.

React가 처음이거나 학습에만 관심이 있으면 다음 지침을 따르는 것이 좋습니다. Bash 명령 또는 도구를 사용하거나 Linux 서버에 배포하려는 SPA(단일 페이지 앱)를 만드는 경우 WSL(Linux용 Windows 하위 시스템)에 vite를 설치하는 것이 좋습니다.

React(웹앱), React 네이티브(모바일 앱) 및 데스크톱용 React 네이티브(데스크톱 앱) 중에서 결정하는 React에 대한 자세한 내용은 React 개요를 참조하세요.

React 앱 만들기

React 앱 만들기를 설치하려면 다음을 수행합니다.

  1. 터미널(Windows 명령 프롬프트 또는 PowerShell)을 엽니다.

  2. 새 프로젝트 폴더를 만들고(mkdir ReactProjects) 해당 디렉터리를 입력합니다(cd ReactProjects).

  3. vite를 사용하여 React를 설치합니다.

    npm create vite@latest my-react-app -- --template react

  4. 설치되면 디렉터리를 새 앱("my-react-app" 또는 호출하도록 선택한 항목) cd my-react-app(으)로 변경하고 종속성 npm install을(를) 설치한 다음 로컬 개발 서버를 시작합니다. npm run dev

    이 명령은 Node.js 서버를 시작하고 새 브라우저 창을 실행하여 앱을 표시합니다. Ctrl + c를 사용하여 명령줄에서 React 앱 실행을 중지할 수 있습니다.

참고 항목

Vite에는 Babel, esbuild, Rollup을 사용하는 프론트엔드 빌드 파이프라인이 포함되지만 백엔드 논리 또는 데이터베이스는 처리되지 않습니다. Node.js 백엔드를 사용하는 React로 서버 렌더링 웹사이트를 구축하려는 경우, 단일 페이지 앱(SPA)에 더 적합한 이 Vite 설치보다는 Next.js를 설치하는 것을 권장합니다. 정적 콘텐츠 지향 웹사이트를 빌드하려면 Gatsby를 설치하는 것이 좋을 수도 있습니다.

  1. 웹앱을 프로덕션에 배포할 수 있으면 npm run build을(를) 실행하여 "dist" 폴더에 앱 빌드를 만듭니다. 정적 사이트 배포에서 자세히 알아볼 수 있습니다.

추가 리소스