[mac M1] M1 맥북 에어 homebrew로 nvm 설치 (노드버전관리)

무엇이 문제일까..
내가 새로 angular cli를 설치해서 컴포넌트까지 세팅하면 아무 문제가 없는데

udemy에서 예제를 다운 받아서 
ng serve를 하면 처음 본 에러들이....?

내 인내심을 며칠째 자극 중이다. 

(아직 해결 못함 / 누가도와주세요🤮)

목표: 꼭 해결해서 [나만나는에러]에 포스팅하기 

 

 

에러를 해결할 가설 가운데 node / npm / angular cli 

-v 호환이 맞지 않아 생기는 문제일 수도 있다는데... (확실하지 않음 / 너무 많고 다양한 에러 문구에 기억 혼란)

 

 

 

이때 고수님들은 이럴 때를 대비해서

node.js의 버전을 관리해서 사용할 수 있는 nvm을 사용한다고 하신다

사실 회사서도 프로젝트마다 버전이 달라서 설치해서 관리하랬지만

역시 사람은 스스로 느껴야 행동..ㅎ...ㅏ.ㄴ....ㄷ..ㅗ..ㅇ.무..ㄹㄹㅋㄹㅇ 

 

 

 

나도 바로 설치한다!!

 

 

 

_

nvm 셋팅

 

우선 mvn을 설치하기 전 homebrew가 있는지 확인! (자세한 설치는 아래 홈페이지로)

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Homebrew

 

 

설치 완료 됐다면 시작이 반이라했나

는 아니고 이제 험난한 여정 시작이다

 

 

brew로 nvm 설치하기

 

1. nvm install

$ brew install nvm

 

 

2. brew를 통해 nvm설치 했다면 이제 npm 관리 폴더 생성 (관련정보 담기)

$ mkdir ~/.nvm

 

 

3. zshrc에 환경변수 셋팅하기

$ vi ~/.zshrc

!! 여기서 잠깐 !! 혹시 mac os 버전이 Catalina 이하라면 bash_profile 명령어를 이용

$ vi ~/.bash_profile

 

 

4. 키보드에서 [i]를 눌러 insert모드로 변경후 맨 하단에 코드 입력

$ export NVM_DIR=~/.nvm
$ source $(brew --prefix nvm)/nvm.sh

실제로 입력한 모습 

그 다음 ESC를 누르고 :wq를 입력후 나오면 된다.

 

 

5. 설정 환경 꼭꼭 저장하기

(내가 3번에서 들어간 폴더에 맞는거만 선택해서 source ~/. ???? 해주기, 두 줄 다 쓰면 nonono!!!)

$ source ~/.zshrc

or

$ source ~/.bash_profile

 

 

6. nvm 입력 후 설치되었나 버전 확인해서 아래 이미지와 같은 창이 뜨면 성공!!! 

 

 

 

-

이제 설치는 끝냈고 

오류를 해결하기 위한 다음을 향해...