Windows에 React 직접 설치

  • 아티클

이 가이드에서는 Linux 배포판에 React를 설치하는 단계를 안내합니다. vite 프런트 엔드 도구를 사용하여 WSL(Linux용 Windows 하위 시스템)에서 실행되는 Ubuntu입니다.

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

React에 대한 일반 정보와 React(웹앱), React Native(모바일 앱) 또는 Windows용 React Native(데스크톱 앱)를 선택하는 방법에 대한 자세한 내용은 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" 폴더에 앱 빌드를 만듭니다. 정적 사이트 배포에서 자세히 알아볼 수 있습니다.

추가 리소스