[ETC] iTerm2로 터미널 커스텀하기

Mac에서 Iterm2로 터미널을 커스텀해보자!

 

✅ iTerm2란 ?

iTerm2는 macOS에서 내가 원하는 대로, 다양한 색상을 가지도록 터미널을 커스텀하여 사용할 수 있게 해주는 터미널 에뮬레이터이다. macOS 10.14 이상의 버전에서 작동하며 개발을 편하게 해주는 다양한 기능도 포함하고 있다.

iTerm2로 커스텀한 터미널

 

✅ 설정 순서

터미널을 커스텀하는 설정 순서는 다음과 같이 진행해 보자.

 

1. iTerm2 설치하기

2. Oh-My-ZSH 설치하기

3. 커스텀하기

4. 플러그인 설치하기

 

✅ iTerm2 설치하기

iTerm2는 공식 홈페이지 또는 아래 명령어를 실행하여 Homebrew를 통해 설치한다.

$ brew install iterm2

 

✅ Oh-My-ZSH 설치하기

더 다양하고 편리한 기능을 사용하기 위해 'Oh-My-ZSH'플러그인을 설치한다.

 

iTerm2에 아래 명령어를 실행한다.

$ sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Oh-My-ZSH 설치 완료

 

✅ 커스텀하기

➰ 테마 변경하기

깃허브에 있는 Oh-My-ZSH 테마 목록을 보고 변경할 테마를 선택한다. 오늘은 agonster 테마로 설정해 보자. 

 

iTerm2에서 아래 명령어를 실행하여 .zshrc 파일을 연다.

$ open ~/.zshrc

 

다음과 같이, 파일의 ZSH_THEME 부분을 찾아 ZSH_THEME=”agnoster”로 변경한다.

테마 변경

 

➰ 폰트 변경하기

테마 변경 후 iTerm2를 종료했다가 다시 실행하면 폰트가 깨져있는 모습을 볼 수 있다.

테마 변경 후 폰트 깨진 iTerm2

그래서 깨지지 않는 폰트로 변경할 필요가 있다. 이번에는 D2 Coding 글꼴을 설치해 보자.

 

D2 Coding 글꼴 다운로드 링크에 들어가서 zip 폴더를 다운로드하고 폴더 안에 있는 .ttf 파일을 눌러 D2 Coding 글꼴을 설치한다.

.ttf 파일 클릭 후 설치 버튼 클릭하여 글꼴 설치( 이 사진은 다시 실행한 후의 사진이라 대치라고 뜸)

 

iTerm2를 실행한 후, 상태바 좌상단의 iTerm2  > Settings > Profiles > Font에서 다운로드한 D2 Coding 폰트로 변경한다. 

iTerm2 D2 Coding 글꼴 설정

 

이렇게 설정한 후, 터미널을 실행하면 터미널의 폰트도 깨져있는 것을 볼 수 있다. 상태바 좌상단의 터미널 > 설정 > 프로파일 > 서체에서 다운로드한 D2 Coding 폰트로 변경한다.

터미널 D2 Coding 글꼴 설정

 

➰ 컬러 변경하기

iTerm2 설정에 있는 컬러 프리셋으로 컬러를 변경하는 것이 기본적인 방법이지만, color shemes 다운로드 링크에서 많은 컬러 테마를 다운로드하여서 사용할 수도 있다.

 

링크를 눌러서 들어간 사이트의 상단에 있는 .zip 폴더를 다운로드하면 schemes라는 폴더 안에 itermcolors 파일이 존재한다.

컬러 테마 저장 위치

 

상태바 좌상단의 iTerm2 > Settings > Profiles > Colors > Color Presets > import에서 위에서 설명한 위치에 있는 컬러 테마 중 원하는 것을 선택하여 열기 버튼을 클릭한 후 원하는 테마로 설정한다. 이번에는 Hopscotch 테마를 적용했다.

iTerm2 Hopscotch 컬러 테마 설정

 

Hopscotch 컬러 테마가 적용된 iTerm2

 

➰ 상태바 추가

먼저 상태바를 추가해 보자. 노트북 상태바 좌상단의 iTerm2  > Settings > Profiles > Session > Status bar enabled를 체크한다.

상태바 설정 가능

 

오른쪽에 있는 Configure Status Bar를 클릭한 후 Status Bar Component Menu에서 사용하고 싶은 컴포넌트를 Active Components에 끌어다 놓는다. 하단의 Auto-Rainbow: Automatic을 클릭하여 상태바 컴포넌트의 컬러 모드를 설정할 수 있다. 이번에는 Light Colors로 설정했다.

상태바 컴포넌트 추가 및 컬러 모드 설정

 

상태바를 아래에 두고 싶다면, 노트북 상태바 좌상단의 iTerm2  > Settings > Appearance > Status bar location에서 Bottom으로 설정하면 된다.

 상태바 위치 설정

 

상태바 설정 완료된 iTerm2

 

➰ 사용자 이름 지정

터미널에서 보여줄 사용자 이름을 내가 원하는 대로 지정해 보자. 

 

iTerm2에 아래 명령어를 실행하여 .zshrc 파일을 연다.

$ open ~/.zshrc

 

다음과 같이, {Your Name}에 원하는 이름 적고, 파일에 propmpt_context()를 추가한다. 

prompt_context() { 
  # Custom (Random emoji) 
  emojis=("🐹" "👻" "👼🏻" "🐰" "🍀" "🌸" "🌈" "🍻" "🚀" "❄️" "🌕")
  RAND_EMOJI_N=$(( $RANDOM % ${#emojis[@]} + 1)) 
  prompt_segment black default "{Your Name} ${emojis[$RAND_EMOJI_N]}" 
}

사용자 지정 이름 설정

 

사용자 지정 이름 설정된 iTerm2

 

✅ 플러그인 설치하기

개발을 편하게 해주는 iTerm2의 플러그인을 설치해 보자.

 

➰ 자동 완성

예전에 사용한 명령어를 추천해 주어 자동완성 해주는 플러그인을 설치하는 방법은 다음과 같다.

 

먼저, iTerm2에 아래 명령어를 실행해서 Oh-My-ZSH의 플러그인 디렉터리로 클론 한다.

$ git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

 

iTerm2에 아래 명령어를 실행하여 .zshrc 파일을 연다.

$ open ~/.zshrc

 

다음과 같이, 파일의 plugins 부분을 찾아 아래 플러그인 경로를 추가한다.

plugins=( 
    # 원래 있던 플러그인
    zsh-autosuggestions
)

 

자동완성 플러그인 설정

 

➰ Syntax Highlighter

입력한 명령어가 문법에 맞는지 안 맞는지를 색상으로 구별해 주는 플러그인을 설치하는 방법은 다음과 같다.

 

먼저, iTerm2에 아래 명령어를 실행해서 Oh-My-ZSH의 플러그인 디렉터리로 클론한다.

$ git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

 

iTerm2에 아래 명령어를 실행하여 .zshrc 파일을 연다.

$ open ~/.zshrc

 

다음과 같이, 파일의 plugins 부분을 찾아 아래 플러그인 경로를 추가한다.

plugins=( 
    # 원래 있던 플러그인
    zsh-syntax-highlighting
)

Syntax Highlighting 플러그인 설정

 

➰ Neofetch

iTerm2로 커스텀한 결과물을 보면 애플의 로고, 사과 모양이 빠지지 않는다. 이 사과모양과 같이 iTerm2 부팅 시에 사용자의 정보가 뜨도록 하는 플러그인 Neofetch를 설치하는 방법은 다음과 같다.

 

먼저, iTerm2에 아래 명령어를 실행하여 Neofetch를 설치한다.

$ brew install neofetch

 

iTerm2에 아래 명령어를 실행하여 .zshrc 파일을 연다.

$ open ~/.zshrc

 

다음과 같이, 파일의 가장 아랫줄에 neofetch라고 한 줄 추가한다.

Neofetch 플러그인 설정

 

✅ iTerm2 커스텀 완료하기

위의 모든 설정을 완료한 iTerm2는 다음과 같다.

커스텀 완료된 iTerm2