💻 할 때 마다 구글링하는 초기 노트북 세팅법 정리하기

매번 노트북을 초기세팅할때마다 기억이 안나서 구글링을 했었습니다.
분명 나말고도 다른사람들도 이럴거라는 생각에 가이드북을 작성해보려고합니다.
단어선택이 거창하지만, 개발에 필요한 초기세팅이라고 생각하면 될 것 같습니다.

참고로 나는
맥북 m2칩이상 노트북이며 프론트엔드 개발 기준입니다.

ssh

사람들마다 깃허브를 토큰이나 ssh로 관리하는데, 일단 나는 ssh로 관리합니다.
그렇기때문에 ssh 키를 발급하고 깃허브에 등록하는 것까지 작성해보겠습니다.

1. 키 확인 후 키 생성

cat ~/.ssh/id_rsa.pub # 해당 명령어로 키 여부 확인

2. 키생성

ssh-keygen # 이 과정에서 위치를 설정하라고 뜨지만 나는 그냥 엔터를 쳤다.

3. 키복사

pbcopy < ~/.ssh/id_rsa.pub # 키 복사 완료 이대로 깃허브로

4. 깃허브에 ssh 추가

깃허브에 로그인 한 후 우측상단에 내 프로필 사진을 눌러 setting 페이지로 옵니다.
그 후에 해당 페이지 좌측 탭에서 SSH and GPG keys를 누르고 아까 복사해온 키를 추가해주면 됩니다.

내가 지정한 이름으로 키가 등록된 것을 확인할 수 있습니다.
키는 현재 내 컴퓨터에서 발급하고 등록한 것이기 때문에 다른 컴퓨터에서 사용할려면 또 위에 과정을 거쳐서 키를 등록해주면 됩니다.

homebrew

homebrew 홈페이지
homebrew는 맥북을 사용해 개발하는 사람들이라면 자주 애용할 것입니다.
homebrew를 통해 명령어 한 줄로 필요한 프로그램들을 쉽게 설치할 수 있기때문입니다.
homebrew 설치 방법은 홈페이지에 매우 잘 나와있지만, 클릭해서 페이지 이동도 귀찮다면 이 글 하나로 다 끝내보자.

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

홈페이지에 나온대로 설치 명령어를 터미널에 입력하면 위와 같은 완료화면이 나옵니다.
잘 읽어보면 Next steps이 있는데, Path를 등록하는 것이기때문에 위의 작업까지 다 해줘야합니다.

(echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> /Users/jooye/.zprofile
    eval "$(/opt/homebrew/bin/brew shellenv)"

간단하게 복사해서 바로 터미널 창에 입력하고, 아래 명령어를 사용해 버전을 확인하면 homebrew 설치가 끝납니다.

brew --version

nvm

nvm은 node version manager로 말그대로 노드를 설치하고 버전 관리를 편리하게 해줍니다.
nvm 말고도 n도 있지만, nvm이 편하기때문에 그대로 진행하겠습니다.
우리는 위에서 brew를 설치했기때문에 nvm 설치도 brew를 통해 진행하겠습니다.

brew install nvm

brew로 nvm 설치를 완료하면 brew를 설치했을 때처럼 이후에 해야하는 과정들이 나옵니다. 역시 path를 등록해주는 것이라고 생각하면 될 것 같습니다.

mkdir ~/.nvm ## 해당 폴더 만들기

vim ~/.zshrc ## vim으로 해당 파일 편집하기

vim은 i 를 눌러 편집할 수 있습니다. 아래 코드를 복사해서 붙여넣은 후에

export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

:eq 를 입력하여 저장하고 해당 파일을 빠져나옵니다.

source ~/.zshrc ## 파일 실행
nvm --version ## 버전 확인

위의 명령어로 우리가 입력해준 파일을 실행시켜 적용하고, 버전을 확인하여 nvm 설치를 마칩니다.

node

이제 nvm을 통해 node를 설치해보겠습니다.

nvm install 20 ## install 뒤에 원하는 버전을 작성하면된다.

위의 이미지가 나온 후 node --version 을 통해 버전을 확인하면 node까지 설치가 끝났습니다.

yarn

npm install -g yarn@berry  

위의 명령어를 통해 yarn을 전역으로 설치합니다. (회사에서 yarn을 쓰기때문에 저도 익숙해질겸 사용해보기로 했습니다.)

또 해야할 것은?

추가적으로 본인의 입맛에 맞는 IDE를 설치해주는거까지가 제 기준 초기세팅인 것 같습니다.
그리고 왜 git 설치를 안하지? 라고 생각할 수 있습니다.
그러고보니 전 따로 git을 설치한 기억이 없었습니다. (맥북기준)
git이 없는 상태에서 git 명령어를 실행하면 맥북이 알아서 git이 없으니 git을 설치하라고 알려줬기때문입니다. (그래서 전혀 인지를 못한.. 😝)