본문 바로가기
도구/Mac

mac에 iterm2 설치해 터미널 커스텀하기

by 작은소행성 2023. 4. 13.

개발자라면 검은 화면에 화려한 컬러의 터미널 창을 사용해야하지 않나 싶다. 

그런의미에서 터미널창을 꾸며보자 

 

 

iTerm2 다운로드

먼저 iTerm2 를 다운해준다.

https://iterm2.com/

 

iTerm2 설치하기

zip 파일을 누르면 응용프로그램이 자동으로 설치된다. 

 

iTerm2 테마 변경

1.아래 링크에서 원하는 테마를 선택한다. 

https://iterm2colorschemes.com/

 

2. 테마의 이름을 누르면 링크가 나오는데 링크 부분을 복사한다. 

 

 

3. 링크 부분은 위에서 복사한 링크로 사용한다. 

$ mkdir iTerm2Util && cd iTerm2Util
## curl -LO {원하는 테마 url}
$ curl -LO https://raw.githubusercontent.com/mbadolato/iTerm2-Color-Schemes/master/schemes/Snazzy.itermcolors

 

 

4. iTerm2 > Settings > Preferences > Profiles > Colors 에서   

     오른쪽 하단에 Color Presets.. 를 선택하면

 

5. 다음과 같은 이미지가 나오는데 import 부분을 눌러서 방금 다운 받은 파일을 선택 해준다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

oh-my-zsh 설치하기 

zsh 설치하고 테마를 꾸미기 위한 oh-my-zsh 설치를 해준다.

터미널이 bash 로 되어 있다면 zsh 로 변경도 진행해도된다. 

## honebrew 업데이트하기
$ brew update

## zsh 설치 
$ brew install zsh

## zsh의 설치 경로 확인 
$ which zsh

## 기본 shell 변경 하기
$ chsh -s $(which zsh)

## zsh 테마 변경을 위한 ohmyzsh 설치
$ sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

 

iTerm2 터미널 테마 변경

iTerm2의 터미널 테마를 변경하고자 하는데 현재 checkout중인 branch를 쉽게 알 수 있도록 한다. 

vi ~/.zshrc

vi편집기에서 i 를 입력해 insert 상태로 변경한다.

ZSH_THEME 부분을 찾아서 원하는 테마를 입력한다. 

ESC 를 누르고 :wq! 수정 내용을 저장하고 나온다. 

iTerm2 창을 닫고 다시 열면 변경되어 있는 것을 확인할 수 있다. 

 

테마는 아래 링크에서 확인할 수 있다. 

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

 

 

테마별 스타일 

해당 테마 이름은 robbyrussell 이다.. 

ZSH_THEME = "robbyrussell"
ZSH_THEME = "cloud"

 

ZSH_THEME 를 agnoster 로 변경했는데 해당 이미지처럼 깨져서 표현이 되었다. 

해당 현상을 해결하기 위해선 폰트변경과 유니코드 변경을 해주어야 한다. 

ZSH_THEME = "agnoster"

 

깨짐 해결하기

1. 유니코드 변경

iTerm2 > Settings > Preferences > Profiles > Text 에서 Unicode를 NFC로 변경한다. 

 

2. 폰트 변경

폰트를 다운로드 해준다. 

https://github.com/naver/d2codingfont

 

GitHub - naver/d2codingfont: D2 Coding 글꼴

D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub.

github.com

 

폰트 설치 후 

해당 폴더에 들어가 클릭해주면 아래 이미지처럼 폰트를 설치할 수 있다. 

폰트가 설치되면 이미지에서 폰트 부분에서 방금 설치한 폰트로 변경해준다. 

 

 

완료

아래 이미지와 같이 커스텀이 완료되었다.

반응형