React 17 원도우 로컬 개발자 환경 설정 가이드

Node.js 설치

React 프로젝트를 빌드하고 실행하기 위해 Node.js가 필요합니다. 지정된 라이브러리 버전과 호환되는 Node.js LTS 버전(예: 14.x 또는 16.x)을 추천합니다. (React 17은 Node 10+를 지원하지만, 안정성을 위해 16.x 사용)

1. Node.js 공식 사이트로 이동합니다.
2. 설치 후, 명령 프롬프트를 열고 다음 명령어를 실행하여 확인:

   node --version
   npm --version

Git 설치

소스 코드 관리를 위해 Git이 필요합니다. (프로젝트 클론이나 버전 관리 시 유용)

1. Git 공식 사이트에서 Windows 버전을 다운로드하고 설치합니다. (기본 옵션으로 진행)
2. 설치 후, 명령 프롬프트에서 확인:

   git --version

 

코드 에디터 설치 (권장: VS Code)

• Visual Studio Code를 다운로드하고 설치합니다.
• 확장 프로그램 설치 (VS Code 열고 Extensions 탭에서 검색):
  • ES7+ React/Redux/React-Native snippets: React 코드 스니펫.
  • Prettier - Code formatter: 코드 포맷팅.
  • Error Lens: TypeScript 오류 표시.
  • Auto Rename Tag: HTML/JSX 태그 자동 수정.
  • Thunder Client: API 테스트 (axios 사용 시 유용).

 

 

React 프로젝트 생성

Create React App을 사용하여 TypeScript 템플릿으로 프로젝트를 생성합니다.

1. 원하는 디렉토리로 이동 (예: C:\viw\vinci17):

   cd C:\viw\vinci17

2. 프로젝트 생성:

   npx create-react-app . --template typescript

   • 이 명령어는 React 와 TypeScript  호환되는 버전을 자동으로 설치합니다. 

 

패키지 수정 후 캐시 정리 및 재설치

rm -rf node_modules package-lock.json
npm cache clean --force
npm install