아 첫 번째 포스팅에 얄팍하게 서치한 지식으로
갈겨놨는데,,
내가 썼지만, 사람들이 많이 안봤으면 좋겠다 ㅜ_ㅜ
프로젝트 하면서 더 많이 찾아보고 업데이트 할테니,,
앞으로의 포스팅에 더 관심을 받고 싶다.
우선은 리액트가 뭔지를 떠나서 설치를 해봐야하니까! 설치를 했다.
리액트를 하려면 우선 node.js를 해야한단다.. 왜.. ㅜ_ㅜ 얜 또 왜 튀어나오는 거야... ??
이유는,, node.js를 설치하면 nmp이 같이 설치되는데,
npm이라는 Node Package Manager인 패키지 관리자를 설치해야,
이 npm을 이용하여 React를 손쉽게 설치할 수 있단다..
그리고 npm은 React 프로젝트 의존성 관리도 해준다니
리액트를 하려면 꼭 설치를 해야한다.
node.js 이녀석.. 더 알고싶어진다.
여튼 설치하러 왔으니까
여기 들어가서 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"로 터미널을 잘 선택해서 다시 해보세요~
** 공부 중인 부분에 대한 포스팅입니다.
오류가 있을 수 있으니 댓글을 남겨주시면 수정하도록 하겠습니다. **
'react' 카테고리의 다른 글
백엔드 개발자의 실수 1. React 시작하기 /리액트와 뷰의 차이 (0) | 2023.07.21 |
---|