회사에서 환경설정 하나도 안되어 있던 노트북으로 react 프로젝트를 돌리려니 node같은게 하나도 안 깔려있어서 npm, package.json 같은 외부 종속성 관리가 하나도 안된다. import에 빨간 줄이 죽죽 그어져 있다.

프로젝트 환경 구축

node.js 설치

Node.js의 패키지 관리자 npm(node.js package manager) 설치
npm을 사용하기 위해서는 node.js 먼저 설치해야한다.

node.js 다운로드 사이트
https://nodejs.org/ko/download/

cmd에서 node -v로 node.js가 제대로 설치됐는지 확인할 수 있다.

npm -v npm이 함께 잘 설치됐는지 확인한다.

환경변수 설정

C:\Users\foobar> npm init'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.

npm까지 깔고 신나서 터미널에서 npm install부터 찍었는데 이런 에러가 떠서 당황스러웠다. 이유를 찾아봤다.

대충 npm을 맞게 설치 했다면, npm이 설치된 폴더가 아닌 다른 위치에서도 사용할 수 있도록 해주는 걸 환경 변수 설정이라고 하는데
이러한 환경변수 설정을 따로 해주어야
cmd에서 node나 npm 명령어를 아무데서나 호출하여 사용할 수 있다 고 한다.

window키를 눌려 환경 변수를 검색하고 시스템 환경 변수 편집에 들어간다.

고급 탭 > 환경 변수

시스템 변수의 변수 Path 편집한다.

새로 만들기를 눌러 nodejs가 저장된 위치를 붙여 넣는다.

확인 - 확인을 눌러 세팅을 완료하면
node 설치 폴더가 아닌 다른 모든 위치에서 node 사용이 가능해진다.

이 멋진 해결법 출처
https://studyingpingu.tistory.com/79
감사합니다.

package.json의 dependendies 설치

드디어 package.json의 외부 패키지들을 설치해보자

npm install

드디어 설치가 되고 있는 반가운 화면이다.

외부 종속 패키지들의 설치가 완료 되었다.
이제 작업 시작