React 개발환경 설치

Node.js 설치하기 (Windows)

winget install OpenJS.NodeJS
Bash
복사

설치가 완료되면 다음 명령어로 Node.js와 npm 버전을 확인할 수 있습니다:

node --version
Bash
복사

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
PowerShell
복사

PowerShell에서 스크립트를 실행할 수 있도록 보안 정책을 변경하는 명령어

•

옵션 설명

◦

RemoteSigned

▪

로컬에서 만든 스크립트는 실행 가능

▪

인터넷에서 다운로드한 스크립트는 서명 필요

▪

개발 환경에서 가장 많이 쓰는 설정

◦

Scope CurrentUser

▪

현재 로그인한 사용자에게만 적용

▪

관리자 권한 필요 없음

▪

시스템 전체에 영향 없음

[Environment]::SetEnvironmentVariable(
  "Path",
  $env:Path + ";C:\Program Files\nodejs",
  "User"
)
PowerShell
복사

사용자(User) 범위 PATH 환경변수에 Node.js 경로 추가

node 명령파일이 있는 node.js 설치 경로를 환경 변수 PATH 에 추가해주어서, 어느 경로에서나 node 명령어를 실행할 수 있게 해준다.

이제 React 프로젝트를 생성해 보겠습니다. 다음 명령어를 사용하여 새 React 애플리케이션을 만들 수 있습니다:

npx create-react-app my-app
Bash
복사

위 명령어는 'my-app'이라는 이름의 새 React 프로젝트를 생성합니다. 프로젝트 이름은 원하는 대로 변경할 수 있습니다.

Vite는 더 빠른 빌드 속도와 개발 경험을 제공하는 최신 프론트엔드 빌드 도구입니다. Vite로 React 프로젝트를 생성하는 방법은 다음과 같습니다:

npm create vite@latest vite-app -- --template react
Bash
복사

또는 프로젝트 이름과 템플릿을 대화형으로 선택할 수도 있습니다:

npm create vite@latest
Bash
복사

위 명령어를 실행하면 프로젝트 이름과 프레임워크(React), 그리고 JavaScript/TypeScript 중 선택할 수 있는 프롬프트가 나타납니다.

React 프로젝트에서 필요한 모듈을 설치하려면 프로젝트 디렉토리로 이동한 후 npm을 사용합니다:

•

프로젝트로 이동

Bash
복사

npm install
Bash
복사

개발 서버를 실행하려면 다음 명령어를 사용합니다:

•

npx

Bash
복사

•

vite

npm run dev
Bash
복사

이 명령어는 개발 서버를 시작하고 브라우저에서 http://localhost:3000 주소로 React 애플리케이션을 자동으로 열어줍니다.