리액트 react 설치 및 환경 구축 vscode

1. Node.js 설치 https://nodejs.org/ko

예전엔 신뢰도 높은 버전, 최신버전 따로 있던거 같았는데

지금은 하나로 윈도우버전 설치하면 될듯

설치 후 vscode에서 node -v 버전 확인되면 설치 완료

npm -v 도 확인해서 잘 나오는지 확인

에러 뜨고 안나오면 해당 글 확인 https://lucybutler.tistory.com/195

리액트 node.js 설치 후 npm 에러

vscode 열고 터미널에서

npm create vite@latest 입력으로 설치

예전엔 create-react-app 이걸로 했어서 그대로 했더니 에러가 뜸

알아보니까 신버전 업데이트를 안해서 에러가 뜬다는데 vite로 설치 하니까

잘 넘어가고 설치됨

프로젝트 명 및 프레임웍, 언어 선택 하면 완료

프로젝트 생성 파일로 이동 후

npm install 명령어 입력하면 알아서 쭉 설치됨

설치 후 터미널에서 npm run dev 명령어로 서버 실행 시키고

예전엔 npm start 했던거 같은데 바뀌었나봄

실행되어 나온 로컬 주소로 웹을 열면 실행 화면이 잘 나옴