Development & React Native Setting (1/3)
1. 컴퓨터 이름 및 로컬 호스트 이름 변경
처음 Mac을 켜고 바탕화면까지 보게 되셨다면, Mac의 이름부터 바꿔줍니다.
상황에 따라 회사의 Apple ID를 공유해서 사용하기도 하고, 회사용 개인 Apple ID를 부여받게 됩니다.
이 과정에서 누가 어떤 기기를 가지고 있는지 관리를 용이하게 하고자, 기기 이름의 규칙을 가지게 되었습니다.
우리의 기기 네이밍 규칙은 다음과 같습니다.
Pirates_(소속)_(기기 번호)_(이름)
아래 첨부된 화면을 참고하여 Mac 이름을 수정합니다.
아래 첨부된 화면을 참고하여 로컬 호스트 이름도 수정합니다.
해당 부분은 터미널에서 보여지는 호스트 네임에 해당합니다.
로컬 호스트 이름 또한 이름과 같이 변경합니다.
_(underscore)는 지원하지 않으므로 -(hyphen/dash)를 사용하기를 추천합니다.
2. Homebrew 설치
업무를 위해 필요한 프로그램을 설치하는데, Homebrew를 사용하려 합니다.
Homebrew는 패키지 관리 시스템으로, macOS 운영 체제의 다양한 소프트웨어 설치를 단순하게 만들어 줍니다.
아래 첨부된 화면을 참고하여 Homebrew 설치를 진행합니다.
Homebrew의 주소는 https://brew.sh/ 입니다.
터미널(terminal)을 열어줍니다. 터미널에 명령어를 입력하여 Homebrew를 설치하려 합니다.
Homebrew 설치를 위한 명령을 복사합니다.
해당 명령어는 다음과 같습니다. 아래 명령을 복사해도 좋습니다.
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
설치 진행중에 macOS의 password와 Return/Enter 입력이 필요합니다.
Next Step:으로 안내되는 2줄의 명령어를 터미널에 각각 입력해 줍니다.
괄호나 따옴표 등의 기호가 누락되지 않도록 주의합니다.
(사용자에 따라 root 폴더명이 상이하기에 명령어를 첨부하지 않습니다.)
그리고 터미널을 완전히 종료한 후에 재실행합니다.
터미널을 재실행하고 brew를 입력하여 Homebrew가 정상적으로 설치되었는지를 확인합니다.
위와 같은 화면이 나오면 정상적으로 설치 완료된 것입니다.
3. 필요한 소프트웨어 설치
3.1. application 설치 (chrome, slack, etc.)
앞서 설치한 Homebrew를 이용해서 업무에 필요한 소프트웨어를 설치하려 합니다.
여기서 잠깐 !!!
Homebrew 에서 설치 가능한 소프트웨어
Homebrew 홈페이지에서 검색창에 설치를 원하는 소프트웨어 검색하면, 해당 소프트웨어가 Homebrew를 통해서 설치 가능한지 여부를 알 수 있습니다. 소프트웨어의 성격에 따라서 설치 명령의 차이가 있습니다.
# 예시1) nvm(node version manager) brew install nvm # 예시2) slack brew install --cask slack
설치하려는 소프트웨어 중 어플리케이션 목록입니다.
- google chrome
- slack
- iterm2
- visual-studio-code
- postman
- notion
- gather
- zeplin
- figma
한 줄의 명령어로 위에 언급한 모든 소프트웨어 설치가 가능합니다.
여러 개의 소프트웨어를 설치하고자 할 때, space로 구분하여 명령을 입력하면 됩니다.
설치 명령어는 다음과 같습니다. 아래 명령을 복사해도 좋습니다.
brew install --cask google-chrome slack iterm2 visual-studio-code postman notion gather zeplin figma
필요한 소프트웨어가 모두 완료되었습니다.
런치패드에서 설치된 모든 어플리케이션을 확인할 수 있습니다.
여기서 잠깐 !!!
터미널 커스터마이징
앞서 설치한 프로그램 중에서 iTerm2가 있습니다.
해당 어플리케이션은 기존 macOS의 터미널을 대신합니다.
- 터미널 커스터마이징 및 맥북 기본 세팅 영상
- 개발자를 위한 M1 풀옵션 맥북프로 세팅! (Nomad Coders)- iTerm2 커스터마이징에 필요한 프로그램
- Oh My Zsh
- powerlever10k
- iterm2colorschemes
여기서 잠깐 !!!
터미널에서 code 커맨드로 Visual Studio Code 열기
개발 작업을 하거나 소프트웨어 설치 과정 중 path 설정 등의 상황에서, 터미널에서
code커맨드를 이용해서 Visual Studio Code를 쉽게 열 수 있습니다.
1. Visual Studio Code를 열어 줍니다.
2.command+shift+P를 눌러서 상단에 검색창을 띄웁니다.
3. 검색창에shell command라고 입력합니다.
4. Shell Command: Install 'code' command in PATH를 클릭하여 설치를 진행합니다.
3.2. nvm(node), gh(github), yarn 설치
다음은 추가로 설치할 소프트웨어 목록입니다.
- nvm:
nvm은 node version manger로 node의 버전 관리를 쉽게 할 수 있습니다. - gh:
gh는 커맨드 라인에서 Github을 다루는데 용이합니다. - yarn:
yarn은 package manager로, npm 보다 보안 및 성능성이 좋다고 합니다.
❗️ yarn은 node를 베이스로 하기에, nvm 설치 후 node의 설치가 선행되어야 합니다.
nvm과 gh 설치를 시작합니다.
설치 명령어는 다음과 같습니다. 아래 명령을 복사해도 좋습니다.
brew install nvm gh
shell profile에 PATH 설정이 필요합니다.
.zshrc 파일에 PATH를 설정합니다. 아래 코드를 복사해도 좋습니다.
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
해당 파일을 저장해 줍니다.
# .zshrc 파일을 열 때
code ./.zshrc
# .zshrc 파일을 시스템에 적용 시킬 때
source ./.zshrcsource command를 이용하여 해당 파일을 시스템에 즉시 적용 시킬 수 있습니다.
현재 설치 가능한 node의 버전 리스트를 조회합니다.
nvm ls-remote원하는 버전의 node를 설치해 줍니다.
최신 버전과 안정화 버전을 둘 다 설치했습니다.
nvm install 19.8.1
nvm install 18.15.0원하는 버전의 node를 선택할 수 있습니다.
nvm use 19.8.1
터미널에서 github 로그인을 진행합니다.
이 과정을 거치고 나면, 추후에 github 로그인을 할 필요도 없고, github 관리 또한 command를 통해 가능합니다.
yarn 설치를 시작합니다.
설치 명령어는 다음과 같습니다. 아래 명령을 복사해도 좋습니다.
brew install yarn4. Apple Silicon chip 유저인가요? M1? M2?
/usr/sbin/softwareupdate --install-rosetta --agree-to-license위 명령을 입력하여, Rosetta를 사용하면 Intel 프로세서가 장착된 Mac용으로 제작된 앱을 Apple Silicon이 장착된 Mac에서 사용할 수 있습니다.
추가 정보는 해당 페이지에서 확인할 수 있습니다.
