핵심 요약
ZUM이 Webpack dev server와 Reverse Proxy를 활용해 백엔드 연동 dev 모드를 구성하고, HMR로 수정 사항을 즉시 반영하는 개발 환경 구성을 소개했습니다.
구현 방법
- Webpack4, Vue-CLI2, Axios를 이용한 프런트엔드 기술 스택 구성
- Reverse Proxy를 통한 백엔드 연동 dev 모드 설정
- Hot Module Replacement(HMR) 적용으로 변경 사항 즉시 반영
주요 결과
- 개발 피드백 루프가 빨라져 개발 효율성이 향상될 수 있음
- 단일 도메인에서 페이지 이동 및 API 호출 확인이 가능
