The Setup Boulder

[JiwoonKim]

collection of fears when setting up the developer environment

---

시지프스가 끝없이 돌을 굴려올려야 하는 형벌처럼 내 컴퓨터에 프로젝트를 로컬로 셋업하는 것 자체부터 나는 막힌다. 그럴 때마다 정말 너무 힘들고 내가 이런 기본적인 셋업부터 막히고 시간이 너무 오래 걸리는데 과연 개발자를 할 수 있을까 의문이 든다. 이런 좌절감과 회의감에 대해 고찰해보고 해결방식을 찾을 수 있을까?

• 윈도우 설정에 맞게 이것저것 바꾸고, 나의 환경에 맞게 무언가를 더 설치하는데 정말 코드에 기여해야 되는 부분이 아닌 고작 설정부분 코드를 이렇게 변경하는 것이 괜찮은가 고민도 든다. (나중에 pull request를 할 때, 어떻게 하면 이 부분을 제외하고 제출을 할 수 있을까?)

• 셋업하는데만 최소 하루, 이틀이 걸리는데 이게 정상일까?

[JiwoonKim]

macOS Catalina (v 10.15.6) 기준 개발 환경 설정 모음

🔧 기본 작업 도구들

• xcode: $ xcode-select --install
• homebrew 설치
• git 설치: $ brew install git
• vscode 설치

🐚 쉘 터미널 설정

Catalina에서는 디폴트 쉘이 zsh으로 설정됨

• oh-my-zsh 설치
• 테마 설정: agnoster

VSCode 에디터 설정

• Extensions 설치: andromeda, vscode-icons, auto close tag, eslint, prettier, vscode-styled-components, TODO Highlight, bracket pair colorizer 2
• 터미널 agnoster 테마 적용: terminal fontFamily "Source Code Pro for Powerline"
• prettier 자동 설정: preferences > format on save 체크

⚓️ Git & OSS

• Git config 등록 - 깃 커밋 로그 내용에 기록됨

  $ git config --global user.name "{$아이디}"
  $ git config --global user.email "{$이메일주소}"

• OSS credentials 캐시 등록 (osxkeychain 등록)

  $ git credential-osxkeychain store
  protocol=https
  host=oss.navercorp.com
  username={$OSS 아이디}
  password={$OSS 패스워드} #LDAP 패스워드 or PAT 토큰
  # enter 두번 입력

🎭 Node.js 환경 설정

nvm을 설치하여 여러 버전의 node.js 관리할 수 있는 환경 마련하기

1. 먼저 컴파일러 설치 (이미 있으면 생략 가능): $ brew install gcc
2. 쉘 프로파일 파일 미리 생성: $ touch ~/.zshrc
3. nvm 설치: $ brew install nvm
4. nvm 디렉토리 생성: $ mkdir ~/.nvm
5. 쉘 프로파일 파일($ vi .zshrc) 내에 스크립트 추가

   export NVM_DIR="$HOME/.nvm"
   [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
   [ -s "/usr/local/opt/nvm/etc/bash_completion" ] && . "/usr/local/opt/nvm/etc/bash_completion"  # This loads nvm bash_completion

6. 패키지 매니저 설치: $ brew install yarn
7. 필요할 node.js 버전 설치: $ nvm install {$버전 or node}