리엑트든 뷰든 spa로 개발하기 위해서는 반 필수적인 node.js는 아래와 같이 다양하게 버젼이 존재..

 

 

그리고 이렇게 각 버젼마다 호환이 되는 모듈들이 존재하다보니 각각의 프로젝트마다 노드 버젼이 다르게 관리 될 수 있습니다... (ㅠ_ㅠ 귀찮아... 그냥 다 통일되면 얼마나 좋을까)

 

그렇기 때문에 매번 프로젝트 개발 시에 노드버젼을 바꿔줘야하는데 https://nodejs.org/ko/download/releases/ 노드 공식 홈페이지 가서 최근 버젼 뿐만 아니라 이전 릴리즈 버젼까지 설치 할 수 있는 방법이 있지만... 매번 그렇게 하기엔 불편하당... 그런 불편함을 해소 시키기 위해 있는 것이 nvm이라는 노드버젼 관리 매니저가 있다..

 

(뭐 어찌저찌 nvm 사용법은 나중에 따로 올려야지 ㅎ.. )

 

그런 nvm 을 사용할 때 간혹 사용자 PC의 이름이 한글로 되어 있을 경우에 아래와 같은 에러를 볼 수 있습니다.

 

아마 한글 인코딩 과정 중에 깨짐 현상으로 인해서

C:\Users\������\AppData\Roaming\nvm, The system cannot find the path specified.

라고 발생 되는 것 같은데 이를 해결 하기 위해서는 nvm root "C:\Users\사용자이름\AppData\Roaming\NVM"  을 사용하면 됩니다. (물론 사용자이름에 PC 이름을 넣으면 됩니다)

 

 

그러고 나면 nvm root가 위 경로로 변경 되었다라는 것을 확인 할 수 있고 nvm install 노드버젼 입력시에 정상적으로 오류를 해결 할 수 있음

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

vscode로 작업 중 node는 정상적으로 설치 되어 있어서 npm i 명령어도 정상적으로 실행되지만 유독 vue, gulp 등과 같은 명령어가 실행 되지 않은 경우가 있습니다 그럴 경우 아래와 같은 방법으로 해결하면됨


1. 터미널 변경

영문버젼이면 Select Default Shell
Command Prompt 선택 후 vscode 재실행 시 cmd 창으로 켜짐


2. 환경 변수 추가

 

[내 PC > 마우스 우클릭 > 속성 > 고급시스템 설정 클릭]

 

환경 변수 클릭

 

시스템 변수 - Path  편집
해당 경로에 node.js 있는지 확인 없으면 새로만들기 클릭 후 등록
상단 사용자 변수 - Path 에 C:\Users\사용자이름\Appdata\Roaming\npm 경로 등록

 


3. Windows PowerShell -  get-ExecutionPollcy 권한 체크

검색에 Windows PowerShell 검색 후 관리자 권한으로 실행

 

get-ExecutionPolicy 입력 시 Restricted 확인이 된다면  set-ExecutionPolicy RemoteSigned 입력 후 Y 로 권한 변경

 

권한이 성공적으로 변경 처리 되면 RemoteSigned 표시


4. npm i -g glup-cli 입력

 

다시 터미널 열고 npm i -g glup-cli 입력 하면 C:\Users\사용자이름\Appdata\Roaming\npm 경로에 gulp 관련 파일 설치 된거 확인 가능합니다.

 

 

그리고 다시 gulp 관련 명령어 입력하면 정상적으로 실행 되는 것을 볼 수 있음

+ Recent posts