맥북 개발자 초기 환경설정하기 (2)

2024.03.04 - [분류 전체보기] - 맥북 개발자 초기 환경설정하기

맥북 개발자 초기 환경설정하기

 

저번 글에 이어 이번에는 터미널을 더 보기 예쁘고 쉽게 만들어보자. 

최종적으로 나오는 터미널의 모습은 다음과 같다!

 

1) Color theme 적용하기

터미널의 컬러를 더 예쁘게 바꿔보자. 

 

일단 다음 사이트에 이동하여 마음에 드는 테마를 고른다. 

https://iterm2colorschemes.com/

Iterm Themes - Color Schemes and Themes for Iterm2

원하는 테마를 찾으면 이름을 눌러 이동을 한다. 필자는 Snazzy 테마를 선택하였다! 

 

이름을 누르면, 아래와 같이 코드가 가득한 사이트로 이동할 것이다.

https://raw.githubusercontent.com/mbadolato/iTerm2-Color-Schemes/master/schemes/Snazzy.itermcolors

 

이제 iTerm2 으로 이동하여 다음과 같은 코드를 작성해보자!

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

# 다운로드 폴더로 이동
cd Downloads

# snazzy color theme를 download
# 만약 다른 color 테마를 다운로드 할 경우 curl -LO 이후에 해당 URL을 넣으면 된다. 
curl -LO https://raw.githubusercontent.com/mbadolato/iTerm2-Color-Schemes/master/schemes/Snazzy.itermcolors

 

이제 iTerm2 환경설정에 들어가 컬러 테마를 바꿔보자. 

Settings -> Profiles -> Colors -> Color Presents -> Import -> Snazzy 파일 선택

컬러 테마 설정 바꾸기 끝

 

2) Theme & Font 변경하기

필자는 이미 저번 글에서 iTerm2 테마를 powerlevel10k로 지정하였다! 

추가로, 이 테마에서는 MesloLGS NF 폰트가 필수적이므로(이미 저번에 테마를 설치하며 폰트도 설치하였다)

더 이상 추가적인 폰트를 변경할 필요 없다. 

 

3) 예쁜 사과 로고(지만 사용자의 정보를 알 수 있는 것^^) 띄우기

터미널에서 아래 코드 입력

# 설치
brew install neofetch

# 설치 확인
brew install neofetch

 

 

VSCode에 열려있는 .zshrc 파일의 하단에 아래의 코드 작성

neofetch

 

터미널 상에서 다음과 같은 코드를 실행하면, 터미널을 실행할 때마다 사과 로고가 적용된다. 

source ~/.zshrc

 

 

4) Syntax Highlighting

: 명령어에 따라 하이라이트를 통해 알려주는 플러그인이다. 

없는 명령어이면 빨간색, 있으면 녹색으로 표시해준다! 

 

다음의 코드를 터미널에 입력하고 

brew install zsh-syntax-highlighting

 

.zshrc 파일의 하단에 다음의 코드를 입력해준다. 

source /opt/homebrew/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh

 

마지막으로 터미널에 다음의 코드를 입력하면 끝

source ~/.zshrc

 

5) Auto Suggestions

: 과거에 입력한 명령어를 보여주는 명령어이다. 

보여지는 상태에서 방향키 오른쪽을 누르면 전체 명령어가 완성된다. 

 

6번과 같이 다음과 같은 코드를 터미널에 입력하고 

brew install zsh-autosuggestions

 

.zshrc 파일의 하단에 다음의 코드를 입력한다. 

source /opt/homebrew/share/zsh-autosuggestions/zsh-autosuggestions.zsh

 

이 역시 마지막으로 터미널에 다음의 코드를 삽입하면 끝

source ~/.zshrc

 

6) 폰트 크기 및 줄간격 변경

Profiles -> Text

원하는대로 수정!

 

7) Margin 수정

 

8) 한글 깨짐 문제 수정

파일명 등이 한글일 때는 한글이 깨질 수 있으므로 다음과 같이 설정을 변경해준다.

Profiles -> Text -> Unicode -> NFC로 변경

 

9) iTerms 터미널 환경 VSCode에 적용하기

VSCode 설정 -> Terminal 설정과 Font 설정 변경!

다음과 같이 변경! 

 

---

 

최종적으로 VSCode에서는 다음과 같은 터미널이 보이고, 

 

iTerms에서는 다음과 같은 모습이 보인다! 

 

끄읏-!