Mac에서 iterm2로 예쁜 터미널 커스텀하기

요즘 인프런으로 Spring을 공부하고 있다. 영상으로 보면서 배우는 중인데 강사분 터미널이 너무 예쁘고 가독성이 좋아 보였다. 나도 저걸 쓰고 싶었다. 그래서 여기저기 블로그를 뒤지면서 터미널을 커스텀 해보았다.

 

1. 결과물

iterm2 커스텀 결과물

가독성만 생각해서 별로 커스텀하지도 않았는데 너무 맘에 드는 결과물이 나왔다. 왜 이걸 진작 하지 않았을까. 커스텀 과정에서 설치했던 oh-my-zsh 이것도 엄청난 녀석이다. 제일 충격 적이었던 것은 폴더안에 있는 파일을 나열해주는 ll 명령어!

커스텀을 해보고 나니 Mac의 터미널이 왜 그렇게 강력한 장점인지 이제야 깨달았다... 이걸 이제까지 활용 못했다고?

 

1. iterm2 다운로드

iTerm2 - macOS Terminal Replacement

iterm2 공식 홈페이지에 들어가서 stable release 버전을 다운로드 해주자. 원래 있던 터미널 대신 이걸 커스텀해서 사용한다.

 

2. homebrew 설치

homebrew는 패키치 관리 어플리케이션인데, 명령어 한줄로 어플리케이션을 설치하고 삭제할 수 있다. 보통 Mac 개발환경 세팅 하려면 필수로 설치해야 하는 녀석이다. 여기 에서 더 자세한 내용을 볼 수 있다.

 

iterm2를 켜고, 아래 명령어를 복사해서 실행시키면 homebrew를 설치할 수 있다. 시간이 좀 걸리니 진행이 안된다고 껐다 켰다 안해도 된다.(경험담)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

3. oh-my-zsh 설치

zsh는 아마 default로 이미 설치가 되어있을 것이다. 그래서 oh-my-zsh만 설치해주면 된다. 혹시라도 zsh가 설치 안되어 있으면,

brew install zsh

 

 

그 후에 oh-my-zsh 설치하자.

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

 

4. Color Theme 적용

oh-my-zsh 설치를 완료한 후 터미널은 정말 못생겼다. ㅋㅋ 일단 이거 먼저 예쁘게 커스텀 해보자.

못생긴 터미널 창

 

(파란 사각형, 초록 사각형은 일단 무시하자.) Theme을 변경하게 되면 아래와 같이 바뀐다.

 

 

테마 적용 후

 

쨍한 검정색 배경화면보다 훨씬 가독성이 좋아졌다.

 

이제 iterm2에서 사용가능한 Color Theme의 url을 가져오기 위해 아래 사이트로 이동하자.

Iterm Themes - Color Schemes and Themes for Iterm2

 

테마 예시

마음에 드는 테마를 골랐다면 위의 사진처럼 왼쪽 상단에 위치한 하늘색 링크를 클릭하자. 위의 사진은 ayu테마를 예시로 들었다. 다른 테마면 이름도 다르다.

 

링크를 클릭하게 되면 뭔가 모르겠는 html코드 같은 창 하나가 등장한다.  Url만 복사하고 얌전히 나오도록 하자.

 

컬러 테마를 적용하기 전에 curl 이라는 것을 설치해야만 한다. 그리고 폴더하나 만들어주고 그 폴더에서 테마 설치해주면 끝난다!

# curl이 설치되어 있지 않은 경우
brew install curl

# util이라는 이름의 directory를 생성하고 이동
mkdir util && cd util

# curl -LO 이후에 복사한 URL을 넣으면 된다.
curl -LO https://raw.githubusercontent.com/mbadolato/iTerm2-Color-Schemes/master/schemes/Snazzy.itermcolors

나는 snazzy라는 테마를 적용하였다.

 

이제 iterm2의 preference로 이동하자.

 

그리고 profile->color->가장 오른쪽 아래 Color presets을 클릭->import 클릭.

 

마지막으로 테마를 설치한 폴더로 이동하여 아래 사진에 있는 파일 클릭, 그리고 open 을 클릭해서 설치한 테마를 추가해준다.

 

끝났다면 아래 사진처럼 추가한 테마를 선택하고 변경해주자!!

 

 

5. zsh Theme 변경하기

zsh Theme을 변경하면 아래 사진처럼 바뀐다.

차이점이라면 바로 색깔있는 사각형이 생겼다. Branch 마다 색이 달라져서 가독성이 눈에 띄게 좋아진다. 그리고 간지도 난다.

 

iterm2에 아래 명령어를 입력한다.

vi ~/.zshrc

해당 파일로 이동하게 되면 ZSH_THEME을 발견할 수 있는데 저기 있는 Robbyrussell을 agnoster로 변경해야 한다.

ZSH_THEME을 찾으면 해당 위치에서 i를 클릭 -> agnoster로 변경 -> esc 클릭 -> :wq! 로 종료.

밑줄 친 부분을 바꾸면 된다.

 

그러면 이제 다 돼었나? 아니다. 폰트가 깨져서 이 포스팅 제일 위에 있는 사진처럼 화살표가 아니라 사각형이 나오고 이상한 물음표도 생긴다. 이 문제는 폰트만 변경해주면 바로 해결된다.

 

 

6. 폰트 변경하기

아래 명령어를 복사해서 iterm2에서 원하는 폴더로 이동 후 실행해 주자. 나는 cd Desktop으로 바탕화면으로 이동 후 실행했다.

git clone https://github.com/powerline/fonts.git

저 명령어를 실행하면 원하는 폴더안에 fonts 라는 폴더가 생성되게 된다.

 

cd fonts
./install.sh

위 명령어를 실행하면 폰트들이 설치가 완료된다.

설치가 끝나면 iterm2 -> preference로 이동해서 profile 창을 연다. 아까 color theme 변경할 때 열었던 그 profile이다.

이번에는 Colors가 아니라 Text 탭을 열고 아래 Font를 ubuntu Mono der... 이걸로 변경해주자.

 

끝! 이제 정말 예쁜 터미널 창을 보며 공부할 일만 남았다. 터미널 창이 예쁘니 공부할 맛도 나는 것 같다.

 

7. 블로그 출처

아래 블로그 글의 도움을 받았다. 감사합니다ㅠㅠ.

[개발 환경] iTerm2로 터미널 커스텀하기

 

Oh My ZSH! 과 agnoster 테마 폰트 깨짐 없이 사용하기 – SW Level Up