나만의 맥북 셋업

이번에 새로운 Mac m1 pro 를 갖게 되면서, 설치하다보니 뭐를 설치해야되고 어떤거를 동기화 해야되고 생각보다 기억이 잘 안났다. 그래서 이번 기회에 나의 맥이라면 이런걸 해야하는 TODO List를 만들어 보았다.

개발자 도구

어플

위젯

개발자도구

iTerm Setting

나는 내장 terminal보다 iTerm을 주로 쓴다. 하이라이트, 복사, 붙여넣기, 히스토리 등 다양한 기능이 많아서 더 편함

  • Oh-my-zsh

    기왕 Terminal 쓰는김에 이쁘면 좋잖아요?

    공식문서

  • Powerlevel10k

    마찬가지로 zsh shell을 더 이쁘게 만들어준다.

    설치 끝내고, VSC Terminal에서도 폰트 적용을 해서 깨지는걸 방지하자

    공식문서 도움받은 블로그

    완성된 모습 스크린샷 2022-06-09 오후 2 00 03

  • brew

    당연히 깔아야 하는 맥주

    공식문서

  • git setup

    git login을 미리미리 해두자

    $ git config --global user.name "John Doe"
    $ git config --global user.email johndoe@example.com
    

Web Programming

명색이 프론트엔드이기에 깔아야 하는 기본적인 세팅

  • node

    맥주가 있어 행복하다

    brew install node
    node --version
    npm --version
    
  • yarn

    npm보다 더 안전하고 오류를 잘 잡아준다

    brew install yarn --ignore-dependencies
    

Blog

해당 깃허브 블로그 또한 jekyll 로 관리하기에 ruby, bundle, jekyll설치가 필수적이다

  • Ruby

    brew install rbenv ruby-build
    rbenv install -l #버전은 알아서 선택! 근데 3.0.0 부터 잘 안됐던거 같음
    rbenv install 2.7.2
    rbenv global 2.7.2
    

    zsh 적용하기

    vim ~/.zshrc
    

    들어가서 환경변수 추가

    export PATH="$HOME/.rbenv/bin:$PATH"
    eval "$(rbenv init -)"
    
  • Bundle && Jekyll

    gem install bundler
    bundle add jekyll
    bundle install
    gem install jekyll
    

Applications

내가 최초로 설치했던 어플리케이션 목록

Chrome

사파리 대체용품

Visual Stuido Code

  • Code Runner

    작성한 코드를 빠르게 실행시켜주게 도와주는 확장

  • Discord Presence

    Discord 에서 내가 어떤 작업하고 있는지 보여주는 확장 스크린샷 2022-06-09 오후 2 02 14

  • ESLint

    ESLint 규칙 적용해주는 확장

  • Git-Graph

    VSC Git Page에서 Git-Kraken 처럼 어떤 브랜치에서 어떤 작업하는지 보여주는 확장

  • Live Share

    VSC를 쓰는 주된 이유

  • Live Server

    VSC를 쓰는 주된 이유2 -> Live share 호스트 컴퓨터에서 서버 올릴 때 접속한 사람들도 같은 localhost로 접속 할 수 있음

  • Prettier

    Lint 혹은 일반적인 코드 포맷팅 도와주는 포매터 기본 foramtter를 prettier로 설정 및 format on save 등록하는걸 까먹지 말자.

    image

    image

  • Styled-Components

    styled에서 주석처럼 안달리고, 코드처럼 사용가능. 훨씬 쉽다. 심지어 추천도 해준다 image

  • Material Icon

    image

    옆에 아이콘들 이쁘게 보임

  • Markdown All in One

    블로그 쓸 일이 많다면, 마크다운 쓸 때 도움 받을 수 있다

  • Markdown Preview

    마크다운 미리보기 지원

    image

Discord

KakaoTalk

Webex

Slack

Notion

Terminus

Widgets

Alt-Tab

보통 맥북을 사용하다보면, Cmd + Tab을 주로 사용하는데, 사파리 창이 여러개 띄워져 있는 경우에 상당히 불편하다. 윈도우처럼 쓰는 창들이 전부 분할해서 나오면 참 좋겠다~ 싶을 때 사용하는 위젯

image

Fig

터미널을 쓰다보면, 단축키가 뭐였는지 까먹을 때가 많다. 올바른 명령어를 추천해주기도 하고, cd 에서 어디로 가야할 지 모를 때, ls로 안찾고 gui처럼 쉽게 찾을 수 있다.

스크린샷 2022-06-09 오후 2 12 43

스크린샷 2022-06-09 오후 2 12 58

스크린샷 2022-06-09 오후 2 13 10

RunCat

상태바에 CPU 속도만큼 뛰는 고양이

나는 주로 귀여운 슬라임과 WIFI 다운로드 및 업로드 속도를 켜둔다

화면-기록-2022-06-09-오후-2 14 41

Unicorn

사파리 광고차단 위젯.

유료인데 값어치를 한다고 생각한다

Hidden-Bar

상태바에 너무 많아서 정리하고 싶을 때 사용.

보통 상태바에서 정말 빠져도 괜찮다~ 싶은데, 필수록 달아둬야 하는게 많은데, 그런것들 빼놓을 수 있다

Magnet

Karabiner

윈도우 키보드를 맥용으로 사용할 수 있게 도와준다.

나는 Cmd와 Option 키만 바꿔서 사용한다.

Amphetamine