React Programming 공부를 시작하기에 앞서 다음과 같은 환경설정들을 진행해주어야 한다.
이글을 천천히, 정독하셔서 진행하시면 zsh not found와 같은 오류를 피하고 react 프로그래밍을 위한 안정적인 mac셋팅을 하실 수 있습니다.
►개발환경: Mac OS Big Sur
►터미널: iterm2 사용 (iterm 설치 및 환경설정은 추후 업로드 하겠습니다.)
►이 글에 서 배울 것들
-homebrew 설치
-nvm 설치
1. homebrew 란?
-터미널에서 명령어를 통해서 패키지 설치 및 삭제를 도와주는 도구(Yum, apt-get install 이런거와 비슷함)
- ex) brew install 000 등으로 편리하게 패키지 설치를 도와준다.
2. homebrew 설치
터미널에 다음의 명령어를 입력
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"입력후 엔터키, 비밀번호 나올때 비밀번호 입력등을 통해 설치
다음과 같이 brew --version 을 쳐보고 잘 나온다면 설치가 완료된 것임!
3. NVM 설치하기
►NVM이란?
-NVM은 Node Version Manager, 즉 노드JS 잘 쓸수 있게 버전관리 해주는것
(노드 깔기전에 이걸 깔고 이걸로 노드를 까는것임)
►NVM설치하기
brew install nvm위 명령어를 실행하면 nvm이 설치 된다.
이것도 마찬가지로 잘 설치되어있는지 확인을 위해
nvm --version 위 명령어를 입력하여 잘 설치되었는지 확인해보자.
아마 zsh: nvm not found 라는 문구가 뜰 것이다.
이렇게 뜨면 nvm이 설치되어있어도 작동할 수 없는 상태를 의미한다.
원인은.. nvm을 실행시킬 수 있도록 환경변수를 설정해주어야 하기 때문.
먼저 zsh << 이 단어는 터미널의 shell 이 zsh 방식으로 동작하고 있다는것을 의미한다.
터미널의 shell의 종류에는 크게 zsh와 bash 로 나누어져있다고 생각하면 된다.
그중 zsh을 나는 지금 쓰고있다는 뜻이다. 만약 bash로 뜬다면 구글에 terminal zsh로 바꾸기 라고 검색하여 찾아보자.
-> 내가 찾아왔다 명령어는 이렇다
chsh -s /bin/zsh이러면 zsh로 바뀐다.
►nvm 환경변수 설정하기
zsh의 환경변수는 ~/.zshrc 라는 파일에 저장되어 있다.
이 파일을 열어보자
vi ~/.zshrc열고 i 키를 눌러서 수정모드로 전환해준다.
그리고 제일 윗칸 빈칸에 다음과 같이 입력해준다.
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
이렇게 입력을 마치고 esc키를 한번누르고 wq를 입력하고 엔터(저장 후 종료)
이제 환경변수를 설정했으니 파일을 적용하라는 명령어를 입력해줘서 프로젝트 빌드되듯이 파일을 적용시켜준다.
source ~/.zshrc
그러면 적용이 잘 될 것이다.
그러면 이제 최종적으로 nvm이 잘 설치되었는지 버전을 확인해볼까?
nvm --version
오호 아주~ 잘 나왔음을 알 수 있다. 이제 우리는 성공적으로 homebrew와 nvm을 설치했음을 알 수 있다.
☞초보를 위한 nvm설치를 알아보았다. zsh니, bash니, 환경변수니 등등 이해하기 힘든 사람들은 이글을 읽고 도움이 되었으면 좋겠다.
대부분의 블로그 글들에서는 단순 명령어만 알려주고 환경변수에 이거 추가하면됨 ㅇㅋ? 라는 식의 글이 많아서 최대한 자세하게 작성해 보았다.
►위 글은, 필자가 경험을 바탕으로 작성한 글입니다. 글에 오류가 있을 시에는 댓글로 알려주시면 수정하도록 하겠습니다.
그럼 다음시간에는 node.js를 설치하고 react 프로젝트를 간단하게 만들어서 돌려보도록 하자.
'ETC > React.js Programming' 카테고리의 다른 글
| React 시작하기 ②- node.js설치와 react-app 프로젝트 생성하기 (0) | 2021.06.04 |
|---|
