pnpm 사용해보기

지금까지 계속 npm으로 사용했는데 유튜브에서 보니 pnpm을 쓰면 속도가 엄청 빠르다고 한다. 그래서 pnpm을 이용해 todo list를 만들어보기로 했다.

1. PNPM 설치하기

명령어를 사용하여 글로벌에 pnpm을 설치해준다.

npm install -g pnpm

2. 프로젝트 만들기

pnpm create vite react-todo 명령어를 사용하여 Vite를 기반으로 한 새로운 리액트 프로젝트를 생성한다.

pnpm create vite react-todo

선택 화면이 나오는데 여기서 리액트를 선택하면 된다.

3. 프로젝트 설정

프로젝트 폴더로 이동한 후, pnpm i 명령어를 사용하여 필요한 라이브러리와 의존성을 설치한다.

cd react-todo
pnpm i

4. 연결하기

설치가 완료되면 Visual Studio Code로 프로젝트를 연다.

5. 개발 서버 실행

pnpm run dev 명령어를 사용하여 개발 서버를 실행한다.

pnpm run dev

실행한 후 웹 브라우저에서 http://localhost:3000 주소로 접속하면 개발 환경이 구축된 것을 볼 수 있다. 실제로 해보니 체감상 엄청 빠르게 느껴졌다. 근데 vite를 사용해서 그렇게 느끼는 걸 수도 있다. vite자체가 엄청 빠르게 느껴진다. 아직은 npm이 더 익숙하게 느껴지지만 언젠가 pnpm도 사용할 날이 있을 수 있으니까 블로그에 한 번 정리해봤다.