이롭게 현명하게

목차리액트 기본 폴더 및 파일src 내부 폴더 구조[번외] package.json [리액트 기본 폴더 및 파일]프로젝트를 진행하다 보면 관리해야 할 파일들이 늘어난다.파일들을 효율적으로 관리해야 하기 때문에 폴더의 구조를 잘 잡아야 한다. 24년 가지는 CRA를 사용하여 프로젝트를 구성했다.하지만 2025년 2월 14일 리액트 공식 블로그에 CRA 사용을 중단한다는 글이 올라왔다.그래서 vite를 사용하여 리액트 환경을 구성한다. 이 글에서는 타입스크립트를 기준으로 설명하겠습니다.https://devyihyun.tistory.com/230 [React] vite로 리액트 설치하기목차 create-react-app 지원 종료vite를 사용하는 이유vite 시작하기 https://devyihyun.tist..

목차오류 내용원인해결방법 [오류 내용]리액트 공부를 하기 위해 npx create-react-app을 실행하였다. Creating a new React app in C:\Users\samsung\Desktop\campinggo\web.Installing packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...added 1315 packages in 1m261 packages are looking for fundingrun npm fund for detailsInitialized a git repository.Installing template dependen..

목차 vite 다운그레이드 시 생긴 오류 [Vite 다운그레이드 시 생긴 오류]Create-React-App 지원을 종료한다는 소식을 듣고 CRA를 사용하던 입장에서 어떤 방식으로 React 개발 환경을 구성해야 할지 막막했다.그러던 중 여러 문서를 찾아보며 vite라는 빌드 도구를 알게 되어 간단하게 사용해 봤었다.그 당시에는 vite 6.3.5 버전으로 환경 구성을 하고 실행까지 잘 되는 것까지 확인하였다. 프로젝트 진행을 하기 위해 vite를 사용해 react 환경을 구축하는 과정에서 오류가 발생했다.최신 버전인 vite 7.0.0에서 node의 버전이 맞지 않아 설치가 불가능했다.node를 업그레이드하기보다는 안정성을 위해 vite를 조금 낮은 버전이 6.5.0로 설치해 보자는 결론을 내렸다.이..

목차vite 환결설정 오류vite 환경설정 오류 원인vite 환경설정 오류 해결다운그레이드 시 생긴 오류 [vite 환경설정 오류]vite를 사용해 react 개발 환경을 세팅하고 있었다.npm create vite@latest 설정이 잘 되었는지 확인하기 위해 서버를 실행했다.npm run dev 다음과 같은 오류가 발생했다.error when starting dev server:TypeError: crypto.hash is not a functionat getHash (file:///C:(생략)/workspace/vite-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:2834:21) 글을 쓰면서 다시 보니 이미 npm install에서 경고..

목차 create-react-app 지원 종료vite를 사용하는 이유vite 시작하기 https://devyihyun.tistory.com/168 [React] 리액트 시작하기 / 리액트 설치 / 개발환경목차 작업환경 준비하기Node.js 설치하기yarn 설치하기vscode 설치하기git for windows 설치하기리액트 환경설정 리액트 환경을 설치하는 CRA가 2025년 2월 14일에 종료되었습니다.npx create-react-app 대신 vitedevyihyun.tistory.com [Create-React-App 지원 종료]npx creat-react-app은 리액트를 시작하게 해 준 간편한 도구였다.복잡한 설정 없이도 바로 개발을 시작할 수 있게 해 줬고 초보자에게는 진입 장벽을 낮춰주는 역할..