2021.02.10 TIL

매일 TIL을 작성하기로 다짐한 날부터 TIL을 못지키게 생겼다.. 😅😅

박준우님 블로그에서 자극을 받아 매일 커밋을 작성해 보기로 했는데, 기존에 있던 Jykell 블로그는 포스트와 카테고리를 한눈에 볼 수 있는 구조가 아닌 것이 맘에 안들어서, 또 ruby 기반이라 원하는 대로 바꾸기도 쉽지 않은터라 React로 동작하는 gatsby를 사용해 블로그를 새로 만들어보기로 했다.

원하는 starter kit은 찾았지만 이왕 하는거 우분투 환경에서 진행하고 싶어서 wsl2를 설치하는 것부터 시작했다. 설치는 어렵지 않았으나 우분투 개발환경이 익숙치 않아 많이 헤맸다.

gastby 스타터 블로그 생성기 를 참고해서 따라했지만 역시나 여러군데에서 막혔다.

sudo apt-get install nodejs
sudo npm i -g yarn
sudo yarn global add gatsby-cli
gatsby -v

위 명령어에서 npm 으로 global yarn 을 설치하고, yarn 으로 global gastby를 설치했지만 막상 gatsby를 실행하면 계속 에러로 말썽이었다. 또 내가 설치한 버전과 which yarn 명령으로 검색한 버전이 계속 다르게 나왔다. 알아내는데는 오래 걸렸지만 이유는 간단했다. 같은 컴퓨터지만 ubuntu 환경에서도 npm 과 yarn global path를 따로 설정해줘야 하는 것이었다. ㅎㅎㅎ

npm의 경우

mkdir ~/npm-global // 전역 모듈이 담길 디렉토리 생성
npm config set prefix '~/npm-global' // npm이 이 디렉토리를 사용하도록 설정

export PATH=~/npm-global/bin:$PATH // ~/.profile 파일에 다음 라인을 추가해준다

source ~/.profile 위 수정이 반영되도록 파일을 실행해준다

yarn 의 경우

yarn config get prefix
yarn config set prefix ~/.yarn-global

export PATH="$PATH:`yarn global bin`" // .bashrc파일에 추가해준다