디버깅

• drf 로 프로젝트 작업을 하던 중 프론트 (react) 분이 만드신 작업물을 클론받고 확인하기 위해 npm install 등의 npm 관련 명령어를 작성할 때마다 ...

npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.

=> vscode git bash에서 npm --install 작업을 하니 뜬 문구

터미널이 문제인가 싶어서 command prompt로 이동 후 명령을 써봐도

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

=> command prompt 터미널에서 npm 명령어를 치니 나온 문구 ..!

해결책

-난 애초에 node.js 가 깔려있지 않아서 나는 에러였다

1. node.js 설치

=> node.js 설치 (링크)

• 나는 윈도우 유저라 window 버전 설치

2. 파일 경로 확인 & PATH 환경변수 설정

(+) node.js 설치될 때 디폴트 값은 아래와 같습니다

C:\Program Files\nodejs\
아마 따로 경로 설정 안해주셨다면 대부분 이 경로로 되어 있을 확률이 높으니 어딨는지 기억이 안나면 이 경로로 확인해보세요!

2-1 환경변수 설정해주러 가기 =

1) 시스템 환경 변수 편집

2) 환경변수 누르기

3) 환경변수에서 Path 누르기

4) 새로 만들기 누르고 아까 확인한 node.js 저장된 주소 입력

확인 - 확인 눌러주고
컴퓨터 전원 껐다가 켜기
=> 다시 시작 안하고 그대로 vscode 들어가서 npm 치면 소용이 없더라구요!

3. 터미널 command prompt로 변경

=> 위와 같이 터미널이 command prompt 아니었다면 변경

4. react 등의 npm 관련 파일로 cd

=> cd : change directory로 기본으로는 자신이 생성한 폴더에 우리가 위치해있을 건데 cd로 클론받은 react 결과물로 이동해줘야 합니다!

결과

1) 실행할 디렉토리로 cd 완료했으면, 일단 npm 명령어가 실행되는지,, 제대로 깔렸는지 test로

npm --version 이라고 쳐보면

위와 같이 나오면 잘 설치된 것 ㅎㅎ
저 파란색이 내가 클론을 받아왔고 실행할 react 코드들이 담긴 디렉토리이다.
c:Users~바탕화면\django\web은 내가 react 파일 클론 받기 위해 생성한 내 폴더

따라서 내 폴더에서 디렉토리로 cd 해주어야 합니다!

그리고 해당 react 파일에 package.json이 있다면
npm install로 파일 깔아주면 됨

npm install : 패키지명을 명시하지 않고 package.json 파일의 의존성을 설치하는 동작

• 만약 package 명을 명시했다면=> 해당 패키지가 install 될 것이야

$ npm install 을 실행하면 package.json 에 포함된 의존성 패키지들이 일괄적으로 설치됩니다.

• 그리고 npm run => npm start 하면 서버 돌아간다 히히

---

해결책 참조 블로그 : 블로그 주소1
package.json , npm isntall 설명 참조 블로그 : 블로그 주소2