Window 환경에서 리액트(React) 설치

리액트(React) 설치

1. 먼저 원하는 경로에 폴더를 생성 해줍니다.
2. 마우스로 폴더 클릭 후 마우스 오른쪽 버튼을 클릭하여 터미널에서 열기
3. npm create vite 명령어 입력
4. 명령어를 실행하면 아래의 이미지와 같이 원하는 것을 선택해서 설치해주면 됩니다.
   

   

• 원하는 프로젝트 이름
• 원하는 프레임워크
• 원하는 variant

5. 그리고 나서 설치가 정상적으로 완료되면 아래의 이미지 처럼 디렉터리를 옮긴 후 npm install 명령어를 입력해주면 리액트 설치가 완성되게 됩니다.
   

   

---

리액트 설치 중 겪은 오류

처음에는 아래의 명령어로 리액트 설치를 진행 했더니

npx create-react-app board-front --template typescript

아래와 같은 에러 로그가 나오게 되어 인터넷에서 검색을 해보았더니,

nstalling template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: board-front@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error   react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error   @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:

CRA(Create React App)의 유지보수가 중단 되어서 더 이상 해당 방법으로 설치가 불가능 하다고 합니다.