oh-my-zsh, iterm2 으로 예쁘고 생산성 넘치는 터미널 만들기

2020. 2. 23. 16:41Etc/Tip

반응형
2021.04.30 Update
새로운 Mac 셋팅 중 내용이 변경된 부분이 있어 기존 글 기준으로 일부분 업데이트 하였습니다.

 

mac 초기화 진행 후 반드시 해야 하는 터미널 설정에 대해 알려드리고자 합니다 🤩

무조건 해야하는건 아니지만, 한번 쓰고 나면 그 편리함과 예쁜 모습에 적응돼서 안하면 못 씁니다...

설치 중간 중간 비밀번호 입력 요구가 있습니다!

결과

완성된 모습부터 보여주면 다음과 같습니다.

agnoster 테마

powerloevel10k 테마


homebrew 설치

🍺homebrew?

아래 설명 그대로 mac OS 용 패키지 관리자로 명령어 하나로 편리하게 패키지를 설치하고 관리할 수 있습니다.

homebrew 홈페이지

그럼 저 명령어를 쳐서 설치해볼까요?

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

이제 brew의 아래 명령어로 다른 설치들을 진행할 수 있습니다!

brew install [package-name]

zsh와 on-my-zsh 설치

zsh?

bash을 확장한 더 편리한 쉘입니다. 맥은 bash 기반으로 zsh도 함께 설치되어 있습니다.

zsh 버전 확인하기

아래 명령어로 zsh 업데이트 및 설치가 가능합니다.

(저는 업데이트 목적으로 했지만 이전 설치 버전이 최신이었던 듯 합니다. 그대로...)

brew install zsh

oh-my-zsh?

터미널 초보도 쉽게 사용할 수 있도록 zsh 를 더 편리하게 만들어주는 오픈 소스 입니다.

커뮤니티가 활발히 형성되어 있다고 해요. 저는 예쁜 테마를 입히기 위해 사용합니다...😋

https://github.com/ohmyzsh/ohmyzsh

 

ohmyzsh/ohmyzsh

🙃 A delightful community-driven (with 1500+ contributors) framework for managing your zsh configuration. Includes 200+ optional plugins (rails, git, OSX, hub, capistrano, brew, ant, php, python, et...

github.com

curl, wget을 통해 설치 가능합니다.

저는 아직 wget 을 설치하지 않아, 기본 설정된 curl 을 통해 설정하겠습니다.

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
  • wget을 이용한 설치 방법
    1. wget 설치
       brew install wget
    2. oh-my-zsh 설치
       sh -c "$(wget -O- https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

중간에 y 한번 쳐주고, 비번 입력하면 이렇게 설치가 완료됩니다.

설치 완료 화면 (안 예쁘다)

그리고 다음 명령어를 입력해 default shell을 oh-my-zsh 로 변경할 수 있습니다.

// 10.10버전 이후 부터 (재시작 필요)
chsh -s /bin/zsh

// 이전
chsh -s $(which zsh)

oh-my-zsh theme 설치

이제 너무 안 예쁜 이 화면을 예쁘게 만들어봅시다.

아래 페이지에 oh-my-zsh의 다양한 테마들이 있으니 골라 사용하시면 됩니다.

https://github.com/ohmyzsh/ohmyzsh/wiki/Themes

테마 추천/참고
예전에는 agnoster theme을 사용,

이번엔 더 업그레이드 된 powerlevel10k 을 적용하였습니다.

 

1. 테마를 다운 받아줍니다. (저는 powerlevel10k 을 다운 받았습니다.)

git clone https://github.com/romkatv/powerlevel10k.git $ZSH_CUSTOM/themes/powerlevel10k
  • 공식 문서를 참고하였습니다.
  • 아래 내용에 따라 iterm2를 먼저 설치할 것을 추천드립니다.

2. 텍스트 편집기를 사용해 ~/.zshrc 파일을 수정합니다.

vim ~/.zshrc
  • 저는 익숙한 vim 을 사용하였습니다.
  • open ~/.zshrc 로 직접 파일을 열어 수정하셔도 무방합니다.

2-1. 다운 받은 테마로 지정해줍니다.

ZSH_THEME="[theme-name]" 

# 예시
# ZSH\_THEME="agnoster" 
# ZSH\_THEME="powerlevel10k/powerlevel10k"
  • vim 수정 순서
    • vim 명령어로 esc 입력 상태에서 /ZSH_THEME 를 누르면 한번에 해당 라인으로 커서가 옮겨집니다.
    • 그 후, i를 눌러 입력 모드로 변환 후 뒷 부분을 수정해주세요.
    • 수정 후 wq 를 통해 파일을 저장해주세요.

2-2. 사용자 이름을 설정해줍니다. 

# 최하단에 추가해주었습니다.

# Set Default User 
# DEFAULT_USER="[user-name]" 
# 예시
# DEFAULT_USER="mijeong"

터미널을 새로 켜주시면 테마가 적용됩니다. (종료 후 실행 혹은 cmd+t를 눌러 새 탭을 켜주세요)

완료된 것은 아니고... 사용할 터미널의 프로파일 설정을 마쳐야 예쁘게 테마가 적용됩니다.

(그리고 ?가 나오는 것도 폰트가 깨져서 그런거예요! 뒤에 이어서 설정합시다.)

 

기본 터미널을 사용하셔도 됩니다만, 저는 좀 더 편리한 사용을 위해 iterm2를 다운 받겠습니다.

(이 이후에 powerlevel10k

  • powerlevel10k의 경우 다시 켜면 여러 옵션 선택 창들이 뜨게됩니다.
    • 옵션 선택 질문들이 나올 텐데 Meslo Nerd Font 설치를 제안하면 y를 눌러 설치해주세요.
    • 이후, 아이콘들이 잘 나타나는지 질문이 나옵니다. ? 라고 뜨실텐데 아래 내용에 따라 폰트 설정을 먼저 진행해주시면 문제가 해결됩니다.)
    • 아래 내용에 따라 폰트 설정을 마치신 후, 아이콘이 잘 나올 경우 y 선택해주시면 됩니다.
    • 그 이후 부터는 취향에 따라 옵션 선택하여 UI 커스터마이징 해주세요.
      • p10k configure 입력하여 설정 마법사를 다시 실행할 수 있습니다.
  • agnoster 의 경우

 


iterm2 설치

iterm2?

iterm2는 기존 mac의 터미널을 확장하여 편리한 단축키나 화면 나누기 등 다양한 기능을 지원합니다!

더 많은 기능에 대해 살펴 보고 싶으신 분들은 아래 링크를 확인해주세요.

https://www.iterm2.com/features.html

 

Features - iTerm2 - macOS Terminal Replacement

iTerm2 has a lot of features. Every conceivable desire a terminal user might have has been foreseen and solved. And these are just the main attractions! Split Panes Divide a tab up into multiple panes, each one showing a different session. You can slice ve

www.iterm2.com

아래 링크로 들어가 download를 눌러 파일을 다운받고 실행합니다.

https://www.iterm2.com/

 

iTerm2 - macOS Terminal Replacement

iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain

www.iterm2.com

저는 oh-my-zsh 설치 전 iterm2를 미리 설치하였기 때문에 이런 모습입니다.

터미널/iterm2에 원하는 색 테마 적용하기

  1. 아래 페이지에서 원하는 색 테마를 선정해 다운 받아줍니다.
    https://iterm2colorschemes.com/
 

Iterm Themes - Color Schemes and Themes for Iterm2

iTerm Themes Intro This is a set of color themes for iTerm (aka iTerm2). Screenshots below and in the screenshots directory. Installation Instructions To install: Launch iTerm 2. Get the latest version at iterm2.com Type CMD+i Navigate to Colors tab Click

iterm2colorschemes.com

저는 기존에 있던 Solarized Dark theme을 설정해 줄 예정 입니다.

  • 다운로드 방법
    • 원하는 테마 클릭하여 새창에 띄워준 후 [다른 이름으로 저장]을 눌러 저장합니다.
    • 이때, 확장명은 .itermcolors 로 지정하여 저장합니다.


2. iterm2 - preferences 설정 변경
- iterm2 - preferences 클릭

  • 아래 순서대로 색 테마 지정
    • import 를 눌러 아까 저장한 itermcolors 파일을 추가 후 해당 테마를 선택하면 됩니다.

깨지지 않는 폰트 설정하기

  1. 깨지지 않는 폰트 설정을 위하여 powerline font 중 원하는 것을 설치해주세요.
    저는 D2 font를 설치하였습니다.
    powerline/fonts
    그리고 파일을 열어 [서체 설치]를 설치합니다.
  2. iterm2 - preferences 설정 변경
    • iterm2 - preferences 클릭
    • 아래 순서대로 폰트 지정
    • powerlevel10k 의 경우 D2 font로만 설정하면 깨집니다.
      반드시 MesloLGS NF 로 설정해주서야 깨지지 않는데, 일반 글씨는 다른 글씨체로 설정하고 싶다면 아래처럼 해주면 됩니다.
반응형