Mac 개발환경 셋팅

📌 개발 관련 앱 설치

커맨드 + 스페이스바를 누르고 "터미널" 입력 엔터

 

 1. Homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

1-1 (m1~m2)일때, 추가 명령어

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"'

eval "$(/opt/homebrew/bin/brew shellenv)"

 

2. cask

brew install cask

 

3. brew update

brew update

 

4. iterm2

brew install --cask iterm2

 

4-1  oh-my-zsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

 

4-2 (m1~m2)에선 이 환경 설정을 안해주면 터미널 종료 후 brew를 리인스톨 해야합니다.

vi ~/.zshrc

위의 명령어를 입력하면, 에디터가 열리게되며, 방향키를 사용하여 에디터의 제일 아래로 이동해줍니다.

• 키보드에서 키 i 를 누릅니다.
• Enter키를 눌러 줄바꿈을 합니다.
• 아래의 문장을 복사 후 붙여넣기합니다.

export "PATH=/opt/homebrew/bin:$PATH"

• ESC 키를 누릅니다.
• :  키를 누릅니다.
• wq! 를 입력합니다
• Enter 키를 누릅니다.

 

4-3 위에서 설치한 iterm2를 실행해줍니다.

 

4-4 더보기를 클릭하여 theme를 적용해 봅시다

theme 적용 하는 법

1. 하단 파일 다운로드

material-design-colors.itermcolors.txt

0.01MB

2. 확장자 txt 제거하고 itermcolor만 남겨두기

3. iterm2 열기

4. 맥 OS 메뉴에서 preferences 클릭

5. 사진에 표시된 곳 클릭 - Color Presets 클릭 후 6번 참고

6. import를 클릭

 7.  다운로드 받은 파일을 open

8. 첨부한 디자인을 적용

 

 

4-5 Powerlevel10k

• iterm2에 아래 코드를  입력하고 Enter를 누릅니다

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ~/powerlevel10k

• 이어서 다음 아래 코드를 입력하고 Enter를 누릅니다.

echo 'source ~/powerlevel10k/powerlevel10k.zsh-theme' >>! ~/.zshrc

• iterm2를 종료하고 재실행하여, 알아서 잘 해석하여, 설정을 마칩니다. (사용자 설정이여서 어렵지 않습니다.)

 

4-6 zsh-autosuggestions 설치

이 플러그인은 한번 입력했던 명령어일 때, 연관어를 입력하면 iterm2에 표시해줍니다.

방향키 중 오른쪽 키를 누르면, 자동완성합니다.

 

• iterm2에 아래 코드를  입력하고 Enter를 누릅니다

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

• 아래의 명령어를 입력하여 에디터를 엽니다.

vi ~/.zshrc

• commend + F 를 눌러서 plugins= 를 찾습니다

• 아래 코드와 같이 만들어주세요. (복사 붙여넣기 하셔도됩니다.)

plugins=(
git
zsh-autosuggestions
)

• ESC 키를 누릅니다.
• :  키를 누릅니다.
• wq! 를 입력합니다
• Enter 키를 누릅니다.

 

4-7 zsh-syntax-highlighting 설치

이 플러그인은 사용가능한 명령어인지, 초록색, 연한 빨간색으로 표시해줍니다.

• iterm2에 아래 코드를  입력하고 Enter를 누릅니다

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

• 아래의 명령어를 입력하여 에디터를 엽니다.

vi ~/.zshrc

• commend + F 를 눌러서 plugins= 를 찾습니다
• 아래 코드와 같이 만들어주세요. (복사 붙여넣기 하셔도됩니다.)

plugins=(
git
zsh-autosuggestions
zsh-syntax-highlighting
)

• ESC 키를 누릅니다.
• :  키를 누릅니다.
• wq! 를 입력합니다
• Enter 키를 누릅니다.

 

5. node

brew install node

  - n 설치

sudo npm install -g n

    -- 비밀번호 입력 ( os 비밀번호 )

 

6. nvm 설치

(m1 ~m2)일 때, 

• 설치

brew install nvm

• nvm이 사용할 디렉토리 생성

mkdir ~/.nvm

• 아래의 명령어를 입력하여 에디터를 엽니다.

vi ~/.zshrc

• 에디터의 제일 하단으로 이동합니다
• 키보드에서 i 키를 누릅니다.
• Enter키를 눌러 줄바꿈을 합니다.
• 아래 코드를 복사 붙여넣기 합니다.

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

• ESC 키를 누릅니다.
• :  키를 누릅니다.
• wq! 를 입력합니다
• Enter 키를 누릅니다.
• iterm2를 재실행합니다.
• 아래 명령어를 입력했을 때, 초록색 명령어면 완료

nvm

 

(m1 ~m2)가 아닐 때,

 

• 설치

brew install nvm

• nvm이 사용할 디렉토리 생성

mkdir ~/.nvm

• 아래의 명령어를 입력하여 에디터를 엽니다.

vi ~/.zshrc

• 에디터의 제일 하단으로 이동합니다
• 키보드에서 i 키를 누릅니다.
• Enter키를 눌러 줄바꿈을 합니다.
• 아래 코드를 복사 붙여넣기 합니다.

export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"

• ESC 키를 누릅니다.
• :  키를 누릅니다.
• wq! 를 입력합니다
• Enter 키를 누릅니다.
• iterm2를 재실행합니다.
• 아래 명령어를 입력했을 때, 초록색 명령어면 완료

nvm

 

 

6. yarn

brew install yarn --ignore-dependencies

 

7. pnpm

brew install pnpm

 

8. vscode

brew install --cask visual-studio-code

 

9 . git

더보기를 클릭하여 진행합니다.

git 설정

 

  - Personal Token 받기

    ㄱ. github 로그인

        - https://github.com/

    ㄴ. settings 클릭

    ㄷ. 좌측 맨 하단 메뉴 클릭

    ㄹ. Personal access tokens 클릭

    ㅁ. Tokens (classic) 클릭

    ㅂ. new tokens

    ㅅ. Generate new token (classic) 클릭

    ㅇ. note에 입력하고 싶은 내용 입력

    ㅈ. Expiration은 no Expiration 클릭

    ㅊ. 체크박스 중 repo만 클릭

    ㅋ. Generate new token ( 초록색 버튼) 클릭
          토큰은 어디에 잘 모셔둡시다.

 

  - 터미널에서 git과 연결

    -- iterm2 열기

      --- 글로벌 셋팅

        ---- github 사용자 이름 확인하여 하단의 코드에 입력

git config --global user.name conqueror-G

        ---- github 계정 입력

git config --global user.email xxxx@gmail.com

- git new repository 생성 후 푸쉬하기
( repo 생성하고 내용 수정하고 커밋하고 푸쉬하는 건 할 수 있죠? 없어도 검색해서 알아서 해봅시다)

    1. 위에서 입력한 것과 동일하게 user.name 입력 ex) conqueror-G

    2. 위에서 받은 Personal Access Token 복사해서 붙여넣기

 

10. fork

fork는 git을 관리하는 GUI입니다.

• 설치

brew install --cask fork

• Account를 연결합니다.

OS 상단의 메뉴에서 Accounts 클릭

• + 버튼을 클릭합니다.

• Github에 Login 합니다

• Github Id가 아니라 username을 입력합니다.

• 인증합니다.