Mac OS 환경 세팅

😏Mac OS 환경 세팅

안녕하세요 이번시간에는 맥북, 혹은 IMac을 세로 장만하면 프론트앤드 개발자로서 환경세팅을 어떻게 하는지 처음부터
정리해보겠습니다.

✌️1. Xcode를 다운로드 받자

App Store에서 최신버전을 검색해서 다운받으면 된다. 근데 간혹 옛날 버전의 Xcode가 필요하다면 아래 링크에 들어가서 로그인하고 필요한 Xcode 버전을 검색하여 찾을 수 있습니다.

로그인 - Apple

✌️2.Visual Studio Code 설치하기

Download Visual Studio Code - Mac, Linux, Windows

✌️2-1.(Windows 사용자만) Git bash 설치

[Git] Git Bash 2.19 설치하기

✌️3.NVM 설치

Mac 인경우 👇👇

1. 내 터미널 확인하기
터미널을 켜고 내 터미널이 bash인지 zsh인 지 확인해주세요!(상단에 서 확인할 수 있어요.)

2. nvm을 설치하자!
브루를 통해 설치하기(homebrew를 통해서 설치하자)

1. homebrew를 설치하고(설치링크)
2. homebrew를 통해 nvm을 설치합시다.

brew install nvm

3. 설치 확인하기
아래 명령어를 입력해서 버전이 나오는 지 확인합니다. 
nvm: not found ~~가 나오면 4번으로 가서 환경변수를 이어서 설정하시고,
나오지 않는다면 설치 끝 입니다.👍👍

nvm --version

4. 환경변수 설정하기

4-1. 설정 파일 열기 vi 에디터로 설정 파일을 열어줍니다.

#터미널이 bash일 경우
vi ~/.bash_profile

#터미널이 zsh일 경우
vi ~/.zshrc

4-2. 환경 변수를 추가하자 (환경변수안에 있는 내용은 잘못 만지면 안되는 중요한 파일이에요!! 기존에 있는 내용 지우면 절대 안됩니다!)

• vi 에디터로 파일을 열면 방향키만 움직일 수 있을거예요! i 키를 눌러서 입력 모드로 전환합니다. 
• 방향키를 아래로 쭉쭉 내리고 맨 밑에서 엔터 두번! 
• 아래 내용을 복사하고 붙여넣어줍니다.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

4-3. 저장하고 나가기

1. esc 키를 누르고,
2. :wq 를 입력합니다. (그리고 엔터!)

4-4. 추가한 내용을 적용하자!

#터미널이 bash일 경우
source ~/.bash_profile

#터미널이 zsh일 경우
source ~/.zshrc

5. 설치를 다시 확인합니다.

nvm --version