[개발 일지] dependencies vs devDependencies 구분하기

📚 1. 사전 지식

dependencies vs devDependencies

참고 : stackoverflow

dependencies(배포용)

• $ npm install 라이브러리로 설치한 항목들
• 애플리케이션 동작과 연관된 라이브러리

devDependencies(개발용)

• $ npm install 라이브러리 --save-dev 혹은 $ npm install 라이브러리 -D로 설치한 항목들
• 개발할 때 필요한 라이브러리 설치

---

🤩 2. 실제로 구현하기

1. 기존 package.json

2. 변경할 사항은?

dependencies : tailwindcss, RTK, StompJS, react-query, axios, html-toimage, moment, react-query ..

devDependencies : Storybook, Typescript관련 라이브러리, eslint, prettier, postcss ..

dependencies에는 모두 배포에 필요한 라이브러리, devDependencies는 배포에는 불필요하지만, 개발환경에서는 필요한 라이브러리라 생각한다. 전부 다 잘 설치되어있어서 손 볼 부분이 없었다.

---

🤔 2. 느낀 점 / 배운 점 / 추가로 공부할 것

TypeScript, Storybook, ESLint와 같이 개발 환경에서만 사용하거나 서버 실행 시에만 필요한 라이브러리 외에는 dependencies에 대부분이 포함되어 있었다. 프로젝트를 진행하면서 -D 또는 -P 옵션에 대해 고려하지 않고 라이브러리를 설치했었는데, 이러한 의미가 있다는 것을 처음 알게 되었다. 앞으로는 사용하는 코드에 어떤 의미가 있는지 좀 더 깊이 생각하고, 프로젝트를 이해하며 진행하여 보다 전문적인 개발자로 성장하고자 한다.