지극히 개인적인 프론트엔드 개발자의 맥북 초기세팅

2024. 11. 8.·⚙️ 개발 팁 & 노하우/기타

지극히 개인적인 프론트엔드 개발자의 맥북 초기세팅

 

1. 크롬 브라우저 설치

- 북마크 세팅

- 익스텐션 설치(Deepl, React dev tools ...)

 

2. 터미널 호스트 이름 고정

Iterm2를 설치하기 전에는 기본 터미널을 사용해야 한다. 초기화 이후 공용 네트워크에 접속하면 가끔 터미널 호스트 이름이 변경되는 일이 발생한다..

 

 

터미널에 아래 명령어를 입력하면 호스트 이름을 바꿀 수 있다

scutil --set HostName [새 호스트 이름]

 

3. Homebrew 설치

https://brew.sh/ 공식 홈페이지 참조

설치 이후 터미널을 참고하여 path 추가

 

4. iterm2 설치

https://iterm2.com/index.html 공식 홈페이지 참고

 

5. iterm2 꾸미기

5.1. 폰트 설치

터미널에 폰트 깨짐 현상을 방지하기 위해 폰트를 설치한다. 개인적으로 D2Coding 폰트를 사용한다.

https://github.com/naver/d2codingfont 공식 홈페이지에서 폰트 설치

압축 해제 후 all 버전을 클릭하여 서체 관리자에 등록한다

 

이후 iterm2 를 실행하고 최상단 메뉴의 프로필 > 텍스트 에서 아래처럼 D2Coding을 선택한다

 

5.2. oh-my-zsh 설치

z shell 에 스타일링을 넣기 위해 oh-my-zsh 를 설치한다

https://ohmyz.sh/ 공식 홈페이지 참고

 

- 테마 선택

모든 테마는 공식 홈페이지에서 확인할 수 있다 https://github.com/ohmyzsh/ohmyzsh/wiki/Themes

agnoster 테마를 사용할 것이다

 

zsh 설정 파일을 수정하기 위해 연다

open ~/.zshrc

 

그러면 아래처럼 설정파일을 열 수 있다. 여기서 ZSH_THEME 값에 원하는 테마를 입력한다

- agnoster 값 입력하고 cmd + s 눌러 저장

- iterm2 종료하고 재시작

 

변경 결과

 

5.3. zsh-syntax-highlighting 패키지 설치

터미널에서 unix 명령어의 문법을 강조해주는 패키지 설치한다

https://github.com/zsh-users/zsh-syntax-highlighting/blob/master/INSTALL.md 공식문서 참고

 

homebrew를 활용해 설치한다

brew install zsh-syntax-highlighting

 

이후 .zshrc 에 등록을 위해 아래 코드를 터미널에 입력한다

echo "source $(brew --prefix)/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh" >> ${ZDOTDIR:-$HOME}/.zshrc

 

5.4. zsh-autosuggestions 패키지 설치

기존 명령어 실행 내역을 바탕으로 자동완성을 해주는 패키지를 설치한다

https://github.com/zsh-users/zsh-autosuggestions/blob/master/INSTALL.md 공식문서 참고

 

homebrwe로 설치

brew install zsh-autosuggestions

 

.zshrc 파일을 열고 맨 아래에 아래 코드를 추가

source $(brew --prefix)/share/zsh-autosuggestions/zsh-autosuggestions.zsh

 

를 추가하면 되는데, 이미 추가한 zsh-syntax-highlighting 라이브러리에서 추가한 대로

source /opt/homebrew/share/zsh-autosuggestions/zsh-autosuggestions.zsh 라고 추가해도 된다

 

6. rectangle 설치

화면 분할을 쉽게 해주는 rectangle 라이브러리를 설치한다

https://rectangleapp.com/ 공식 홈페이지 참고

 

'⚙️ 개발 팁 & 노하우/기타' 카테고리의 다른 글
  • zsh에 anaconda 환경변수 추가하기
  • <작심삼주 오블완 챌린지>를 소개합니다
  • Webstorm 단축키 for Mac
  • vscode 단축키 모음
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (516)
      • 🎨 프론트엔드 공부 (253)
        • JS & TS (92)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
지극히 개인적인 프론트엔드 개발자의 맥북 초기세팅
상단으로

티스토리툴바