4 min read

MacBook onboarding for development

MacBook 을 구입하고, 계속 작업을 할 수 있게 환경을 구성하면서, 진행한 내용을 기록합니다.

혹시나 비슷하게 구성하시는 분이 참조하실 수 있기 바랍니다.

For General use

Homebrew

Macos 패키지 관리자 Homebrew 를 설치합니다.

v3.0.0 이후부터 애플실리콘(M1)을 지원합니다.

Git

MacOS 에 설치되어 있는 git 은 보통 최신 빌드가 아니므로, 버젼확인 후 Homebrew를 사용해서 git을 설치합니다.

$ git --version

git 은 기본 설치 응용프로그램 목록에서 제외된 것으로 확인됩니다.

터미널에서 git 명령을 입력하면 다운로드하는 기능의 실행을 묻습니다.

homebrew로 git 최신빌드를 설치합니다.

$ brew install git
$ git --version 
git version 2.32.0 (Apple Git-132)

for React frontent development

node.js 기반 개발환경이 필요한 경우에 해당합니다.

nvm

NVM (Node version manager) 은 node.js 설치를 매우 편리하게 사용할 수 있는 도구입니다.

저는 편리하게 사용자 권한으로 node.js 설치가 가능해서 우선적으로 설치를 고려합니다.

Homebrew 에서 제공하는 패키지로 nvm 을 설치합니다.

$ brew install nvm
# 생략
You should create NVM's working directory if it doesn't exist:

  mkdir ~/.nvm

Add the following to ~/.zshrc or your desired shell
configuration file:

  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

You can set $NVM_DIR to any location, but leaving it unchanged from
/opt/homebrew/opt/nvm will destroy any nvm-installed Node installations
upon upgrade/reinstall.

nvm 설치 스크립트 마지막에 출력되는 내용을 확인하고 설명대로 따라합니다.

# 사용자 프로필 디렉터리에 .nvm 디렉터리를 작성합니다.
$ mkdir ~/.nvm

.zshrc 파일을 편집기로 열어서 내용을 추가합니다.

# ZSH 사용자 프로필을 편집기로 편집합니다.
$ nano ~/.zshrc

마지막 줄에 해당 내용을 붙여넣습니다.

PATH 환경변수에 .nvm 경로를 추가하고, nvm 사용을 준비하는 명령입니다.
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

아래 명력으로 쉘 프로필을 다시 로드합니다.

$ source ~/.zshrc

설치된 NVM 버젼을 확인합니다.

$ nvm --version
0.39.1

아래 명령으로 최신 LTS 빌드를 설치합니다.

$ nvm install --lts

설치된 node.js 버젼을 확인합니다.

$ node --version
v16.13.2

설치된 node.js 가 애플 실리콘용 바이너리인지 확인합니다.

$ node -p "process.arch"
arm64
  • [x] 애플실리콘으로 실행되는 바이너리가 설치되었는지 확인

Visual Studio Code

Visual Studio Code는 React 개발시 주로 사용하는 Microsoft 에서 제공하는 IDE 입니다.

v1.54 이후부터 애플 실리콘을 지원합니다.

Visual Studio Code 실행 후 커맨트 팔레트를 열고 (Command ⌘ + Shift ⇧ + p) 아래 메뉴를 실행해서 터미널에서 실행할 수 있게 구성합니다.

>shell command: Install 'code' command in PATH

이 후 터미널에서 아래 명령으로 Visual Studio Code를 실행한 후 현재 디렉터리를 열수 있습니다.

$ cd path-to-work
$ code .
관련글: Start Visual Studio Code on Terminal on MacOS

for .NET development

.NET SDK

.NET 6 부터 애플 실리콘용 SDK가 제공됩니다.

Visual Studio 2022

프리뷰 단계의 Visual Studio 2022 for Mac (을)를 제공하고 있습니다.

설치해보니 설치 직후 Visual Studio 2022 라고 제목이 출력되었는데, 업데이트 후 Visual studio 2019 for Mac 으로 변경되었습니다.

제거 후 다시 설치를 진행할 예정입니다. 진행했습니다.