맥북 Terminal 꾸미기 | iTerm2, Oh my zsh | Powerlevel10k theme 설정하기

Seohyun·2023년 8월 24일
0

기타

목록 보기
4/6
post-thumbnail

Prerequisites 🔧

brew

  1. 터미널에서 아래 세 명령문을 실행한 뒤,
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
echo '# Set PATH, MANPATH, etc., for Homebrew.' >> /Users/{user name}/.zprofile
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/{user name}/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
  1. 아래 명령어로 brew가 제대로 설치되었는지 확인합니다.
brew --version

iTerm2

  1. 설치합니다.
brew install iterm2

  1. iTerm2를 엽니다.

oh my zsh

  1. 설치합니다.
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

zsh

  1. 설치합니다.
brew install zsh


Status bar 📊

상단바 꾸미기

  1. 설정에 들어갑니다.

  1. Profiles 탭의 Sessions 탭에 들어가서, 빨간색 화살표로 표시된 Configure Status Bar를 클릭합니다.

  1. Status Bar Component Menu에서 상단바에 추가하고 싶은 컴포넌트를 drag & drop 합니다.

그럼 아래 스크린샷처럼 상단바가 나타납니다.

상단바 글자 색상 설정

  1. 아래 화살표로 표시된 부분을 설정해주면 됩니다.

  • Light colors

  • Dark colors

  • Automatic (Light colors/Dark colors 중 하나로 설정됨)

상단바 바탕 색상 설정

  1. 설정 > Appearances > General에서 Theme을 선택합니다.

  1. Minimal로 설정 시 스크린샷처럼 바탕 색상이 터미널 바탕 색상과 동일해집니다.

외부 Color Preset Import하여 사용하기

  1. 아래 링크로 이동하여 iTerm2 Color Schemes의 Source Code를 zip파일로 다운로드 받습니다.

    iTerm2 Color Schemes Github

  2. iTerm2-Color-Schemes/screenshots 또는 아래 사이트에서 맘에 드는 프리셋을 고릅니다.

    Iterm2-color-schemes

  1. 설정 > Profiles > Colors에서 Color Presets를 클릭하여

Import를 선택합니다.

  1. 다운 받은 폴더 내 schemes 폴더에서 원하는 프리셋을 찾아 Open합니다.

  1. 추가된 프리셋을 선택해 적용합니다.

  1. 짜잔


Set zsh theme 🎨

powerlevel10k

powerlevel10k Github

  1. 아래 명령어를 실행해 테마 Github 리포를 clone합니다.
git clone https://github.com/romkatv/powerlevel10k.git ~/powerlevel10k
  1. 아래 명령어를 실행합니다.
source ~/powerlevel10k/powerlevel10k.zsh-theme
  1. Meslo Nerd Font가 설치되어 있지 않은 경우, 설치를 합니다.
  • 폰트를 포함하는 theme이므로 폰트를 변경하면 그림이 깨집니다.

  1. command + Q를 눌러 iTerm2를 종료한 뒤 다시 실행합니다.

  2. 그러면 다음과 같은 여러 질문들이 나오는데, 설정하고자 하는 대로 답하면 됩니다.


  1. ~/.zshrc 파일의 표시된 부분을 다음과 같이 수정합니다.

  1. 짜잔 그림이 생겼어요

Finished look 👌

많이 가렸지만 이렇게 생겼습니다. git init 한 디렉토리는 다음과 같이 branch 이름도 보여줍니다.

  • 위 스크린샷에서 ?2, ?1 부분에 대한 기능 해석은 아래와 같이 되어 있습니다.

    • 확인해 보았습니다.

Pycharm Terminal 💻

Pycharm 터미널에도 적용된 모습입니다. JetBrains사 IDE에도 적용되는 듯합니다.

profile
Hail hamster

0개의 댓글