본문 바로가기
react

백엔드 개발자의 실수 2. React 설치하기 (Windows)

by 소소한해결사 2023. 7. 21.

아 첫 번째 포스팅에 얄팍하게 서치한 지식으로

갈겨놨는데,,

내가 썼지만, 사람들이 많이 안봤으면 좋겠다 ㅜ_ㅜ

 

프로젝트 하면서 더 많이 찾아보고 업데이트 할테니,,

앞으로의 포스팅에 더 관심을 받고 싶다.

 

 

 

우선은 리액트가 뭔지를 떠나서 설치를 해봐야하니까! 설치를 했다. 

 

리액트를 하려면 우선 node.js를 해야한단다.. 왜.. ㅜ_ㅜ 얜 또 왜 튀어나오는 거야... ?? 

 

이유는,, node.js를 설치하면 nmp이 같이 설치되는데,

 npm이라는 Node Package Manager인 패키지 관리자를 설치해야,

이 npm을 이용하여 React를 손쉽게 설치할 수 있단다.. 

그리고 npm은 React 프로젝트 의존성 관리도 해준다니 

리액트를 하려면 꼭 설치를 해야한다.

 

 

node.js 이녀석.. 더 알고싶어진다.

 

여튼 설치하러 왔으니까 

 

Node.js (nodejs.org)

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

여기 들어가서 LTS를 설치해줬다.

 

기본경로에 설치해준다음에 

 

npx create-react-app .

 

원하는 프로젝트 경로에 들어가서 

위 코드를 실행해줫더니....~~

 

무슨 이상한 에러가 떴다!

 

 

npm notice 
npm notice New minor version of npm available! 9.6.7 -> 9.8.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.8.1
npm notice Run npm install -g npm@9.8.1 to update!
npm notice 
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\smurp\AppData\Roaming\npm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\\AppData\Roaming\npm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in: C:\Users\\AppData\Local\npm-cache\_logs\2023-07-21T09_58_45_246Z-debug-0.log

npm을 업데이트 하라는 것 같아서 

npm install -g npm@9.8.1

업데이트를 해주고 난 후 

 

다시 npx 명령어를 해주니 잘 설치가 됐다. 

 

확인 차 

 

npm start

 

 

이렇게 명령어를 치니깐 

 

webpack compiled successfully

 

잘 뜨면서 실행이 됐다! 

 

이걸로 리액트 설치는 끝!

 

 

 

 

혹시나!! vscode에서 아래와 같은 에러를 경험했다면!

 

 

node: The term 'node' is not recognized as a name of a cmdlet, function, script file, or executable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.   vscode

 

 

"bash"로 터미널을 잘 선택해서 다시 해보세요~

 

 

 

** 공부 중인 부분에 대한 포스팅입니다.

오류가 있을 수 있으니 댓글을 남겨주시면 수정하도록 하겠습니다. **