코딩 좀 하는 개발자의 터미널처럼 설정하기 (feat. MacBook, Iterm2, Oh My Zsh)

지롱이·2022년 3월 13일
6
post-thumbnail

📌 1) 있어보이는 맥북 터미널 (Terminal)?

A. 시각적인 특징

  • 다양한 색상 적용

  • 다양한 아이콘 사용

  • 현재 시각 표시

  • 사용하고 있는 환경 (ex. pyenv, nvm, etc.) 버젼 표시

  • 실시간 노트북의 상태 (배터리, CPU 사용량, RAM 사용량, 네트워크 처리량) 표현

B. 기능적인 특징

  • 실행시킬 수 있는 명령어인지 여부를 색깔로 표시
    실행 가능 vs. 실행 불가능

  • 최근에 입력한 명령어를 미리보기 형태로 보여주기

📌 2) 준비사항: Hombrew 설치

A. Hombrew?

각종 커맨드라인 프로그램과 어플리케이션(vscode, chrom etc.)을 터미널 환경에서 설치할 수 있게 해주는 맥용 패키지 매니저이다.

B. 설치 방법

🍺 홈페이지 링크: Homebrew

  • 홈페이지로 이동해 “Homebrew 설치하기” 아래에 있는 스크립트를 복사

  • 터미널.app 실행

  • 복사한 스크립트 실행 및 안내에 따라 설치

C. 설치 확인

  • 터미널에 brew --version 명령어 입력

  • 버젼이 제대로 표기되는지 확인

📌 3) iTerm2 설치 및 설정

A. iTerm2?

iTerm2는 맥OS에서 공식 터미널 (Terminal) 애플리케이션 대신에 사용할 수 있는 가상 터미널 애플리케이션이다.
Term2는 기본 터미널 애플리케이션보다 다양한 기능 (ex. 화면 분할, 효율적으로 여러 개 창 관리, 붙여넣기 히스토리 등)을 제공한다.

B. iTerm2 설치 방법

  • 터미널.app에 다음 명령어 입력
    brew install --cask iterm2

C. 설치 확인

  • iTerm이라는 어플리케이션이 설치되었는지 확인

D. iTerm2 설정 (실시간 노트북의 상태 표시)

  • iTerm.app 실행

  • iTerm 2 > Preference 클릭

  • Appearance > General > Theme을 Minimal로 변경

  • Profiles > Session에서 Status bar enabled 체크 후 configure Status Bar 클릭

  • Battery Level, CPU Utilization, Memory Utilization, Network Throughput 선택하여 Active 하기

  • Auto-Rainbow를 Light Colors로 변경 후 OK 클릭

  • iTerm.app을 실행하여 Status bar가 활성화 된 것을 확인

📌 4) Oh My Zsh 설치 및 설정

A. oh-my-zsh?

  • 노트북/컴퓨터의 shell의 종류는 bash와 zsh 등이 있다.
    터미널.app을 실행했을 때, 위 상단 바에 zsh라는 단어가 보인다면 zsh shell이라고 생각할 수 있다.

    oh-my-zsh은 Zsh configuration을 관리하기 위한 프레임워크 이다.
    oh-my-zsh에는 다양한 플러그인과 테마가 있어 zsh을 조금 더 편하게 사용할 수 있게 한다.

B. oh-my-zsh 설치 방법

🍺 홈페이지 링크: Oh My Zsh

  • 홈페이지로 이동해 "Install oh-my-zsh" 클릭 후, 아래에 있는 스크립트 복사

  • iTerm.app 실행

  • 복사한 스크립트 실행 및 안내에 따라 설치

C. Powerlevel 10k 테마 설치 및 적용

🍺 GitHub 홈페이지 설치 링크: Powerlevel10k > installation

  • 다음 명령어를 iTerm에서 실행하기
git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
  • iTerm에서 open .zshrc 명령어 실행 후,
    ZSH_THEME을 다음과 같이 ZSH_THEME="powerlevel10k/powerlevel10k" 세팅

  • .zshrc 파일을 닫은 후, iTerm에서 설정 적용 명령어 source .zshrc 실행

  • Powerlevel10k configuration wizard가 나타나면, 취향대로 설정

  • 재설정 시, p10k configure 명령어 실행

D. zsh syntax hightlight 설치 및 적용

1) zsh syntax highlight?

zsh syntax highlight 는 명령어가 존재한다면 초록색으로 보여주고,
명령어가 존재하지 않고 사용할 수 없다면 빨간색으로 표시해주는 기능을 한다.

2) 설치 방법

  • 터미널에서 brew를 사용하여 설치
brew install zsh-syntax-highlighting

3) 플러그인 실행 설정

  • 플러그인을 항상 실행시켜주기 위해 iTerm에서 open .zshrc 명령어 실행 후,
    .zshrc 파일 맨 아래 부분에 아래 명령어 추가
source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh
  • .zshrc 파일을 닫은 후, iTerm에서 설정 적용 명령어 source .zshrc 실행

E. zsh-autosuggestions 설치 및 적용

1) zsh-autosuggestions?

zsh-auto-suggestion은 history 기반으로 최근에 입력한 명령어를 미리보기 형태로 보여주는 기능 제공한다.

2) 설치 방법

  • 터미널에서 brew를 사용하여 설치
brew install zsh-autosuggestions

3) 플러그인 실행 설정

  • 플러그인을 항상 실행시켜주기 위해 iTerm에서 open .zshrc 명령어 실행 후,
    .zshrc 파일 맨 아래 부분에 아래 명령어 추가
source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh
  • .zshrc 파일을 닫은 후, iTerm에서 설정 적용 명령어 source .zshrc 실행

4) 실행 확인

  • 방향키를 통해 미리보기로 나타난 명령어 라인을 완성 시킬 수 있다.

📌 5) VSCode 터미널 아이콘 오류 수정

A. 오류 발견

  • Oh My Zsh 에서 powerlevel 10k 테마를 적용한 뒤 보이는 아이콘이 보이지 않는 오류 발생

B. 오류 수정

  • 좌측 하단 톱니바퀴 아이콘 (관리) > 설정 클릭

  • terminal font 검색 > Terminal › Integrated: Font Family >MesloLGS NF로 수정

📌 6) 터미널.app 아이콘 오류 수정

A. 오류 발견

  • 5) A. 오류 발견과 동일하게 아이콘이 보이지 않을 수 있다.

B. 오류 수정

  • 터미널.app의 폰트를 MesloLGS NF로 변경시켜주면 된다.

  • 터미널.app 실행 > 좌측상단 터미널 > 환경설정 > 프로파일 > 서체 > 변경 클릭

  • 서체목록 MesloLGS NF선택, 크기 13으로 변경


이 포스팅은 유튜버 노마드 코더 Nomad Coders의 "개발자를 위한 M1 풀옵션 맥북프로 세팅!" 영상과 Linewalks 회사 개발환경 세팅 문서 일부를 참고했다.

profile
빅데이터를 처리하고 분석하는 모든 기술에 관심이 있는 데이터 엔지니어/분석가 입니다.

0개의 댓글