React 개발 환경 구성

신년맞이.. REACT 공부결심...

다시 시작해봅니다.. 이번엔 어디까지할지...ㅋㅋㅋ ㅠㅠ

 

환경세팅부터 해보죠. 저는 m1 air로 개발합니다

종종 윈도우로 하기도 합니다잇

 

아래는 맥을 기준으로 설치했어요

윈도우에도 해보다가 어우 복잡해서 다시 맥 켰습니다...

 

 

0. npm, node, npx 설치부터.

날로 먹기... 감사합니다..

https://velog.io/@cho876/Chapter01.-React-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85-Mac-OS

 

 

npm과 npx는 뭐가 다를까?

npm(Node Package manager)은 node.js를 관리하는 패키지 매니저, 패키지 설치/업데이트/삭제하는 도구

npx(Node Package Executor)는 npm에 포함된 명령어로, 패키지를 설치하지 않고 바로 실행하는 도구, 패키지 설치 없이 간단한 작업을 빠르게 실행가능

 

1. 프로젝트 만들기

npx create-react-app 프로젝트명

리액트 프로젝트명은 대문자 불가

react_project로 해줍니다.. study로 하면 뭔가 하다가 그만둘거같기때문에....

 

2. cd 프로젝트명

 

3. 프로젝트 실행

npm start

 

4. 오류

이씨 왜 안돼ㅔ

 

5. 해결

https://velog.io/@loopback_log/Module-not-found-Cant-resolve-web-vitals

 

6. 그래도 안되길래 

npm i web-vitals --save-dev

해주고 

npm start

하니까 됨

 

7. 성공