문제인식

react 프로젝트는 주로 npm이나 yarn을 이용해서 dependency를 관리한다.
라이브러리를 설치할때 dependency로 설치할지 devDependency로 설치할지 고민하게 되는 경우가 많은데,
배포될때 dependency에 포함되면 배포되었을때 필요없는 코드가 포함될까봐,
devDependency에 포함되면 배포되었을때 코드가 포함되지 않을까봐 걱정되었다.

어디에 저장해야 하는가

dependency는 현재 개발되는 node 프로그램이 npm으로 배포될 때, dependency 라이브러리를 추가로 설치해줄지 결정할 때 사용된다.
react 프로젝트에서는 번들러가 필요한 코드를 가져오며 npm으로 배포되는 프로젝트가 아니므로 devDependency에 넣든 안넣든 의미가 없다.

결론

어디에 넣든 번들 크기와 실제 작동과는 연관이 없다.
다른 개발자가 더 이해하기 쉽게 임의로 devDependency에 추가해주는 경우도 있지만, 작동과는 전혀 상관이 없다.
오히려 깔끔하게 dependency로 몰아서 사용하는게 package.json을 관리하는데 더 편리 할 수 있다.

참고

https://www.reddit.com/r/reactjs/comments/dp7d64/dependencies_vs_devdependencies/
https://jsramblings.com/do-dependencies-devdependencies-matter-when-using-webpack/