맥북 개발자 개발 환경 설정 (2022 버전) 완전 처음부터.

brew install node

1. homebrew 설치

Terminal 에 해당 화면에서 붙여넣으라는 부분을 복사 붙여넣기 하면 된다. 복사 붙여넣기 하는 방법은... 복사 붙여넣으면 된다 ㅎ

https://brew.sh/index_ko

Homebrew

 

2. 터미널 커스터마이징

터미널을 본격적으로 사용하기 전에, 터미널(terminal)을 키고 

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

다음과 같은 화면이 뜨면 일단 설치는 된 것이고,

설치가 완료가 된 후에는 맨 마지막에 

==> Next steps :

라는 문구 부분이 나오는데, 해당 부분을 꼭 따라 치세요. 사람마다 다르기 때문에, 따로 올리지 않겠습니다.

Next steps 에 나오는 두 명령어를 치세요

bash 의 환경을 계속 사용하시려면 그대로 하셔도 되지만, 저는 많이 쓰이고 편한 zsh로 넘어가겠습니다.

brew install zsh

한 가지! 여기서 brew 가 적용이 잘 안 될 수 있다!

이러한 경우 터미널 창을 닫았다가 키면 brew 명령어가 잘 먹는 것을 확인할 수 있습니다.

이러면 개발 홤녕을 bash에서 zsh 로 변경

which zsh

iTerm2 에 대한 태마들이 정리가 되어있는 깃허브

github.com/mbadolato/iTerm2-Color-Schemes

GitHub - mbadolato/iTerm2-Color-Schemes: Over 250 terminal color schemes/themes for iTerm/iTerm2. Includes ports to Terminal, Ko

Terminal 을 멋지게 사용할 수 있는 새로운 iTerm2라는 터미널 을 설치한다.

https://iterm2.com/

iTerm2 - macOS Terminal Replacement

 

내가 쓰는 것은 Powerlever9k 라는 테마입니다. 이걸 적용 시키는 방법

1.  터미널에 해당 명령어 복붙

git clone https://github.com/bhilburn/powerlevel9k.git ~/.oh-my-zsh/custom/themes/powerlevel9k

2. 파일 설정에서 몇 줄 수정

vim .zshrc

3. 밑으로 내리다 보면 ZSH_THEME= 이라는 부분이 있다. 그 부분을 편집해라

ZSH_THEME="powerlevel9k/powerlevel9k"

물론 다른 테마를 원한다면 다르게 하면 됨.

- 처음에 이동은 방향키로한다

- ZSH_THEME 을 찾으면 i 키를 눌러 insert 모드로 들어간다

- 해당 부분 작성이 완료가 되었으면 

- esc 키 눌러 insert 모드를 종료하고

- : 키를 누르고, wq 를 입력한 후 엔터를 완료한다. (wq 의미는 저장하고 종료한다.)

여기까지만 하면 글자가 깨집니다.

호환 되는 글꼴 올림.

Meslo LG M Regular for Powerline.ttf

0.45MB

이 글꼴을 iterm 내부에도 이 글꼴 쓰겠다 선언을 넣어 놔야지.

iTerm2 실행 - 왼쪽 위 - Preferences - Profiles - Default - Text - Font 에 추가 

Profiles - window 탭에서 background Image 까지 설정을 한 모습ㅋㅋㅋ

Simpsons_1.jpeg

0.47MB

3. homebrew를 통한 npm, node 설치

brew install node

해당 명령어를 입력해보고 node, npm이 잘 설치가 되었는지 확인해보려면 node -v, npm -v 를 쳐본다. 버전은 항상 다를테니, 혼란을 방지하기 위해 캡쳐를 올리지 않겠음. 숫자가 나오면 된 것. 최대한 LTS 버전으로 하셈. 그때마다 다를 것이니까 잘 체크를 하고 진행을 하세요 제발. latest 라고 모두 좋은 것은 아니에요. 짝수 버전이 LTS 버전일건데, 잘못 했다가 나중에 피보지 말고 진짜 되도록 LTS로

 

4. 터미널에 Git 연결

brew install git

git config --global user.name " "
git config --global user.email " "

깃헙 들어가셔서 자신의 프로필로 들어가 User name 이랑, email 을 확인하세요

 

5. 비주얼 스튜디오 다운로드

비주얼 스튜디오 코드만받아도 됨. 나는 그렇게 함

https://visualstudio.microsoft.com/ko/free-developer-offers/

무료 개발자 소프트웨어 및 서비스 - Visual Studio

terminal 에서 cd 하면서 폴더를 이동하다가 바로 그 폴더를 비주얼 스튜디오에서 열고 싶을 때 code . 명령어를 가지고 여는 방법입니다

1. vscode 켠다.

2. ⇧(Shift) + ⌘(Command) + P

누른 후 shell command 쳐서 명령 설치 하면 끝.

하나 더, 

글꼴을 vscode 에 넣지 않으면, vscode 내부의 터미널에서도 글자가 깨지겠지? command + ,(comma) 눌러서 설정 키고 font family 검색하고 제일 밑에 여기서  'Meslo LG M for Powerline' 이것을 추가하면 끝

꿀 단축키 하나 알려드림

여기서 나는 ctrl + s 로 변경내역 있는 파일 일괄 저장키를 둠. 이거 생각보다 꿀.!