[Mac] Error: EACCES: permission denied

최근에 새로운 mac을 구매했다. M2 Pro!
물론 사자마자 곧 바로 M3가 출시되었다는 소리를 들었지만..

웹 프론트엔드 개발자가 mac을 구매하면 가장 먼저하는 몇 가지 세팅들이 있다.

1. xcode 설치하기
2. brew 설치하기
3. vscode 설치하기
4. iterm2 설치하기
5. nodejs 설치하기

1. node 설치 방법

https://nodejs.org/en 공식홈페이지에서 LTS버전을 다운받으면 된다. 매우 간단하다.

2.node 설치 확인

node -v
npm -v

여기까지 확인했을 때 노드가 잘 설치됐구나! 안심했었다.

3. 에러 사항

전역에 yarn을 설치하려고 하니 다음과 같은 에러가 발생했다.

npm install -g yarn

npm ERR! code EACCES
npm ERR! Error: EACCES: permission denied

에러 메세지만 보면 node_modules에 대한 권한이 없어서 문제가 생긴거란걸 금방 알 수 있었고 sudo 키워드로 설치하면 문제가 해결된다.

하지만 sudo npx create-react-app my-app과 같이 프로젝트를 npx 키워드로 설치하게되면 프로젝트 내부에서도 sudo yarn dev 이처럼 sudo 키워드를 무한으로 입력해야하는 번거로움이 있다.

4. 해결

npm Docs
npm 공식에 있는 글을 보고 해결할 수 있었다.

1. 혹시 모르니 컴퓨터 현재 상태를 백업해둔다.
2. cmd를 열고 mkdir ~/.npm-global 새로운 폴더를 만든다.
3. npm이 새로운 폴더의 경로를 이용하도록 설정해준다.
   npm config set prefix '~/.npm-global'
4. vi ~/.profile 파일을 만들고 다음 라인을 입력해준다.
5. export PATH=~/.npm-global/bin:$PATH
6. cli에서 다음 명령어로 시스템 변수들을 업데이트 해준다.
   source ~/.profile

문제없이 설치되는것을 확인할 수 있다!