React 17.0.2 typescript 생성하는 방법

1. Node.js 설치

먼저 Node.js가 설치되어 있어야 합니다.
https://nodejs.org/ 에서 LTS 버전 설치 후, 아래 명령으로 확인하세요:

node -v
npm -v

---

2. TypeScript 기반 React 프로젝트 생성 (React 17.0.2 강제)

CRA(Create React App)는 기본적으로 React 18을 설치하지만, 아래와 같이 수동으로 React 17.0.2로 설정할 수 있습니다.

bash

복사편집

npx create-react-app frontend --template typescript cd frontend

이후, React 18 버전으로 설치된 경우, React 17로 다운그레이드 합니다:

npm install react@17.0.2 react-dom@17.0.2

CRA에 맞춰 관련 타입도 재설치합니다:

npm install --save-dev @types/react@17.0.2 @types/react-dom@17.0.2

---

✅ 3. 확인

package.json에서 다음 버전들이 있는지 확인하세요:

"react": "17.0.2",
"react-dom": "17.0.2",
"typescript": "^4.3.5" (또는 최신)

---

✅ 4. 실행

npm start

로컬 서버(http://localhost:3000)가 실행되면 성공입니다.