React 환경설정가이드 및 command not found: brew /command not found: nvm 에러 해결방법

나중에 내가 다시 보기 위한 환경설정 가이드 포스팅 시작 !

(📌해당내용은 스파르타 코딩클럽 리액트 기초강의에 다 있습니다. )

 

👻 환경설정 가이드 👻 

 

1. VSC를 설치 (맥 윈도우 공통)

설치링크 click 🤩👉 https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

2. 윈도우라면 git bash 설치 (윈도우만 해당)(맥이라면 설치 X 왜냐 ? 터미널이 있기 때문)

https://gabii.tistory.com/entry/Git-Git-Bash-219-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0

 

설치가이드링크 click 🤩👆

[Git] Git Bash 2.19 설치하기

 

3. 윈도우 nvm 설치하기 (윈도우만 해당) 

설치링크 click 🤩👉  https://github.com/coreybutler/nvm-windows/releases

Releases · coreybutler/nvm-windows

 

4. 맥이라면, 앱스토어에서 Xcode 검색 후 설치하기 (맥만 해당)

 

설치를 해줘야된다고 합니다. 설치하는데 1시간정도 걸린 것 같습니다만 ? ㅎㅎ 🎃

 

 

 

5. vsc 터미널 설정 bash로 해두기 (윈도우 맥 공통)

 

vsc > 터미널 > 새터미널 열기 > 아래와 같은 창이 나오면 bash 로 바꾸기 (음 맥북이신분들은  따로 안바꾸셔도 됩니다. 전 zsh로 했어요)

6. nvm 설치하기  (윈도우 맥 공통)

 

윈도우 설치 링크  click 🤩👉  https://github.com/coreybutler/nvm-windows/releases

Releases · coreybutler/nvm-windows

윈도우 nvm 설치 가이드 click 🤩👉  https://seunghyun90.tistory.com/52

[Install] windows NVM 설치하기

맥 설치가이드 링크  click 🤩👉 https://grepper.tistory.com/2

 

NVM (Node Version Manager) 설치 (in mac)

자 .. ! 저는 맥이기 때문에 맥으로 설치를 해보겠습니다.

 

우선 xcode가 다 깔렸나요 ?

깔린 다음 설치를 해야되기때문에 xcode가 다 깔리기만을 기다립니다. 

엄청 오래 걸리는군요. 💩

 

저는 포스틩을 하고 있는 이 시각까지 깔리지 않았습니다. 🤪

평점을 보니 똥이군요 .. 느리다는 평이 가장 많습니다. ㅋㅋㅋㅋㅋㅋㅋ

저는 90%에서 멈춘 것 같습니다.

인내만이 답이군요 ..

도저히 못참았겠어서

99%에서 멈춰있는 xcode를 두고 그냥 다른 방법으로 깔아주었습니다.

 

다른 방법으로 xcode 깔기 링크  click 🤩👉 https://es1015.tistory.com/391

[Mac] Xcode 빠르게 설치하기 (AppStore 다운로드 실패 해결)

 

만약 다 깔렸으면, 

homebrew를 사용하여 nvm을 설치해 줄것인데 !!!

 

homebrew 설치 링크  click 🤩👇

https://brew.sh/index_ko

Homebrew

위 사이트에 들어가보시면 아마 중간에 영어 코드가 있을겁니다.

바로 이것이지요 ?

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

위의 있는걸 복사하지 마시고요 홈브루 사이트에서 복사하시는 것을 추천드립니다 !

복사한 것을 vsc 터미널에 붙여넣기를 해줍니다 !!!

 

==> Checking for `sudo` access (which may request your password)...
Password:
==> This script will install:
/opt/homebrew/bin/brew
/opt/homebrew/share/doc/homebrew
/opt/homebrew/share/man/man1/brew.1
/opt/homebrew/share/zsh/site-functions/_brew
/opt/homebrew/etc/bash_completion.d/brew
/opt/homebrew

Press RETURN to continue or any other key to abort:

복붙하고 나면 위와같은 메세지가 뜹니다. 

그리고

brew -v 입력!

command not found: brew

 

ㅋㅋㅋㅋ이딴 에러 떠서 구글링해서 해결했습니다.

😵시작부터 킹받네요..😵

 

해결한 사이트 링크 click 🤩👇

https://miracleground.tistory.com/entry/Mac%EC%97%90%EC%84%9C-Homebrew-%EC%84%A4%EC%B9%98-%ED%9B%84-zsh-command-not-found-brew-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0

Mac에서 Homebrew 설치 후 zsh: command not found: brew 오류해결

무튼 해결하고 다시 brew -v 입력!하면

 

Homebrew 3.3.13-dirty
Homebrew/homebrew-core (git revision f35c70b345f; last commit 2022-02-03)

현재 나의 버전이 잘 나타납니다.

 

brew install nvm

이것을 그대로 따라칩니다.

무언가가 굉장히 많이 설치된 느낌입니다. 

설치가 다 되었으면 brew ls 를 입력해줍니다.

그러면 nvm이 나옵니다. 전 nvm만 설치했으니깐요.ㅎㅎ

==> Formulae
nvm

이렇게 나옵니다 !!!

그렇다면 brew로 nvm설치가 끝난겁니다 !

고생하셨습니다 다들...

 

nvm -v입력했더니 아까와 같은

command not found: nvm 이런게 뜨네요 ?

 

해결방법 1번

1. 설정 파일 열기
   1. 터미널이 bash일 경우,
   2. vi ~/.bash_profile
   3. 터미널이 zsh일 경우,
   4. vi ~/.zshrc
2. vi 에디터로 설정 파일을 열어줍니다.
3. 환경 변수를 추가하자 (잘못 만지면 안되는 중요한 파일이에요!! 조심조심하기! 기존에 있는 내용 지우면 절대절대절대 안됩니다!)
   1. vi 에디터로 파일을 열면 방향키만 움직일 수 있을거예요! i 키를 눌러서 입력 모드로 전환합니다.
   2. 방향키를 아래로 쭉쭉 내리고 맨 밑에서 엔터 두번!
   3. 아래 내용을 복사하고 붙여넣어줍니다.
   4. export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \\. "$NVM_DIR/nvm.sh"
   5. 저장하고 나가기
      1. esc 키를 누르고,
      2. :wq 를 입력합니다. (그리고 엔터!)
   6. 추가한 내용을 적용하자!
      1. 터미널이 bash일 경우,
      2. source ~/.bash_profile
      3. 터미널이 zsh일 경우,
      4. source ~/.zshrc
   7. 설치를 확인합니다.
      1. nvm --version

위 방법으로 했을때 저는 해결이 되지 않더군요..

하지만., 아래 블로그를 참고하니 해결해버렸습니다. (해결방법2로 가보시오)

또한 저장하기할때 esc 버튼이 안눌리더군요 ?ㅋㅋㅋㅋㅋㅋㅋㅋㅋ또한번 멘붕

이럴땐 ctrl + c 를 입력하고 :wq를 입력해주면 됩니다.

만약 :wq가 안된다면..... :w!로 강종시켜주면 됩니다 !!!

 

휴 ... 이제 점심을 먹을 수 있게 되었습니다.

 

2. 해결방법2

 

nvm 설치 치 에러났을 경우 참고 링크 click 🤩👇

https://webruden.tistory.com/271

NVM을 활용해서 쉽고 효율적이게 노드(Node.js) 버전을 관리해보자

기특합니다..저 자신

nvm --version
0.39.1

잘 설치 되었다면 위 처럼 버전이 뜹니다.ㅠㅠㅠㅠㅠㅠㅠㅠ

맥북 m1을 사용하니...에러가 참 많이 뜨는군요.

정말 힘들었습니다.

미래의 절 위해 포스팅을 해둡니다.

이글을 읽고..여러분들도 문제를 해결하시길 바랍니다.