Webpack Dev Server를 이용한 개발 환경 구성 Part1

이 글은 Webpack Dev Server를 활용하여 프론트엔드 단독 개발 모드를 구성하는 방법을 Part 1에서 설명합니다. 모바일 줌 개편 프로젝트에서 Webpack 기반의 프론트엔드 개발 경험을 공유하며, 특히 JS 파일과 백엔드 API를 하나의 웹 애플리케이션 서버로 배포하는 환경에서 빠른 개발과 협업을 위해 프론트엔드와 백엔드 개발을 분리하는 것의 중요성을 강조합니다.

NPM 스크립트 소개와 함께 publish 모드 및 dev 모드별 구성 방법을 다룹니다. 이 글은 Webpack4와 Axios를 예제 코드로 사용하며, 프론트엔드 개발 생산성을 높이는 데 초점을 맞춥니다.