node개발자의 macOS 개발환경 세팅하기

nodejs 개발을 위한 개발환경 세팅

2021-04-18

Infra

최근 맥북프로 M1을 구매하게 되면서 개발환경을 다시 세팅할일이 생겼습니다.
리마인드겸 정리해두는게 좋을 것 같아 설치한 목록을 정리해보려고 합니다.

brew 설치

먼저 인텔 빌드 앱을 Apple Silicon에서 실행 할 수 있도록 로제타를 설치합니다.

/usr/sbin/softwareupdate --install-rosetta --agree-to-license

터미널에서 프로그램을 설치할 때 arch -x86_64 옵션을 이용해 설치하게 됩니다.

$ arch -x86_64 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
$ echo "alias brew='arch -x86_64 /usr/local/bin/brew'" >> .zshrc

brew update

iterm2 설치

https://iterm2.com/

zsh 설치

brew install zsh

기본 shell 변경하기

chsh -s $(which zsh)

oh-my-zsh 설치

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

curl이 없다면

brew install curl

테마

brew install zsh-autosuggestions
brew install zsh-syntax-highlighting

혹시 M1 노트북에서 ARM오류가 보인다면..

Error: Cannot install in Homebrew on ARM processor in Intel default prefix (/usr/local)!
Please create a new installation in /opt/homebrew using one of the
"Alternative Installs" from:
  https://docs.brew.sh/Installation
You can migrate your previously installed formula list with:
  brew bundle dump

다음과 같이 해준다

/usr/sbin/softwareupdate --install-rosetta --agree-to-license

arch -x86_64 brew install zsh-autosuggestions
arch -x86_64 brew install zsh-syntax-highlighting

설치한 plugins 적용

echo "source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh" >> ${ZDOTDIR:-$HOME}/.zshrc
echo "source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh" >> ${ZDOTDIR:-$HOME}/.zshrc

source ~/.zshrc

theme

vi ~/.zshrc

ZSH_THEME 항목을 agnoster으로 바꿔준다.

=> ZSH_THEME="agnoster"

node 설치

brew install node

작성일 기준으로 node 버전는 v15.14.0이 설치되었습니다.

mysql 설치

brew install mysql

현재 기준으로 8버전대가 설치됩니다.

nginx

brew install nginx

elasticsearch

brew install elasticsearch

설치된 항목들 서비스 로드

brew services start nginx
brew services start mysql
brew services start redis
brew services start elasticsearch

github 관련 세팅

github을 rebase를 더 편하게..

interactive-rebase-tool

brew install interactive-rebase-tool

git alias

vi ~/.gitconfig

제가 사용중인 git alias를 공유합니다.

[alias]
  l = log --graph --abbrev-commit --decorate --format=format:'%C(cyan)%h%C(reset) - %C(green)(%ar)%C(reset) %C(white)%s%C(reset)  %C(dim white)- %an%C(reset)%C(yellow)%d%C(reset)' --all
  co = checkout
  rb = rebase -i
  s = status
  c = commit
  p = !git pull origin `git branch --show-current`
  ps = !git push origin `git branch --show-current`
  psf = !git push -f origin `git branch --show-current`
  a = add
  t = tag -n
  d = diff
  br = branch
  rh = reset HEAD^
  bd = branch -D

git branch가 새로운 페이지로 뜨지 않도록

gitconfig에 추가

[pager]
  branch = false

Infra