[iTerm2] ZShell(zsh) 화면 구성하기-1 : State Bar, Font, Theme

해당 글에서는 ZShell(zsh)을 구성하기 위한 초기 설정과 상태 바(State bar), 글꼴(Font), 테마(Theme)를 적용하기 위한 설정 방법을 공유하는 목적으로 작성한 글입니다.

 

1) 초기 필수 설정

---

💡 ZShell을 화면을 구성하기 위해서 homebrew, iTerm2, zshell을 설치합니다.

# 1. homebrew 설치
$ /bin/bash -c "$(curl -fsSL <https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh>)"

# 2. iTerm2 설치
$ brew install --cask iterm2

# 3. zshell 설치
$ brew install zsh

 

 

2) 상태 바(State bar) 설정 방법

---

1. iTerm2 환경설정 페이지를 엽니다.

---

💡  iTerm2 - Settings.. 버튼을 누릅니다

 

 

2. State Bar 메뉴로 이동합니다.

---

💡 Profies 탭 - Session 탭 - ‘Status bar enabled’ 체크 - ‘Configure Status Bar’ 버튼을 클릭합니다.

 

 

3. State Bar로 사용할 메뉴를 선택합니다.

---

💡 해당 메뉴를 드래그 앤 드롭하여 Active Components로 옮기고 선택이 완료되면 ‘OK’ 버튼을 누릅니다.

 

 

4. 적용한 내용을 확인합니다.

---

💡 선택 한 메뉴가 잘 출력됨을 확인하였습니다.

 

 

5. State bar 위치를 수정합니다.

---

💡   Appearance 탭 - General 탭 - Status bar location 내에 ‘Top’으로 설정된 위치를 ‘Bottom’으로 변경 해 봅니다.

 

6. State bar의 변경된 위치를 확인하였습니다.

---

 

 

3) 글꼴(Font) 구성하기

---

💡 iTerm2 내에 Font를 선택하는 방법에 대해서 공유합니다.

 

 

1. homebrew-cask-fonts과 사용할 폰트를 시스템에 설치합니다.

---

 

# homebrew-cask-fonts 설치 
$ brew tap homebrew/cask-fonts

# [선택] 외부 폰트를 설치합니다. -1
$ brew install font-fira-code

# [선택] 외부 폰트를 설치합니다. -2
$ brew install font-inconsolata

 

[참고] 공식 Github

GitHub - Homebrew/homebrew-cask-fonts: 🖋 Casks of Ｆ🅾𝓝𝐓𝚂

 

2. iTerm2의 환경설정 페이지를 엽니다

---

💡 iTerm2 - Settings.. 버튼을 누릅니다.

 

 

3. Font 메뉴로 이동합니다.

---

💡 Profies 탭 - Text 탭 - ‘Font’의 selectbox를 선택하여 외부 폰트를 선택합니다 - ‘Use ligatures’를 체크합니다.

 

4. 폰트가 잘 변경됨을 확인하였습니다.

---

 

4) 테마 변경

---

 

1. 내부 테마 이용하기

---

💡 Profiles 탭 - Colors 탭 - Color Presets… 를 눌러서 내부 테마를 이용하는 방식입니다.

 

 

2. 외부 테마 이용하기 - Iterm2-color-schemes

---

💡 외부 테마를 가져오기 위해서 아래의 사이트를 접속합니다.

 

[참고] 공식 사이트

Iterm Themes - Color Schemes and Themes for Iterm2

 

 

1. 테마 선택

💡 공식 사이트 중에 적용할 테마를 선택하고 상세 페이지로 이동합니다.

 

2. 새로운 테마 ‘다른 이름으로 저장’

💡 아래와 같이 xml 형태의 파일로 제공이 됩니다.

 

 

3. 원하는 경로에 다운로드를 합니다

 

 

4. 다운로드한 이름을 변경합니다. txt 확장자를 지웁니다.

💡 해당 확장자를 지우면 아래와 같은 화면이 출력됩니다. 여기서 ‘itermcolors 사용‘ 버튼을 누릅니다.

 

 

5. iTerm2 내에 설정 파일을 엽니다

---

💡 Profiles 탭 - Colors 탭 - Color Presets… - import를 선택합니다.

 

 

6. 다운로드한 파일을 import 합니다.

 

 

7. import 가 되면 다운로드한 테마를 선택합니다.

 

 

8. 적용이 잘됨을 확인하였습니다.

 

[참고] 해당 글은 다음글에서 이어집니다. 참고하시면 좋을 것 같습니다.

[iTerm2] ZShell(zsh) 화면 구성하기-2 : ZShell Theme, Highlighting, Emoji, newline

 

 

 

오늘도 감사합니다😀