국내 IT 기업 기술 블로그 최신 글

NEW FEATURE

채용 검색부터 관심사 기반 추천, 내 적합도까지.

새로운 기술 블로그가 추가되었어요

필터 1

Webpack Module Federation 도입 전에 알아야 할 것들

Webpack Module Federation의 원격 모듈 로딩 구조와 컨테이너 구성 요소를 설명했습니다. 독립 배포의 장점과 타입·환경별 경로 관리의 제약을 함께 짚었습니다.

크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.

Webpack Dev Server로 프론트엔드 단독 개발 모드를 구성하는 방법을 설명했습니다. Axios와 stub 파일, before 훅을 활용해 백엔드 없이도 API 응답을 모사했습니다.

Webpack Dev Server의 proxy로 모든 요청을 백엔드에 우회시키고, HTML 응답에만 번들 스크립트를 주입하는 dev 모드를 구성했습니다. 이를 통해 SPA와 서버 템플릿을 함께 테스트하면서 CORS 없이 배포 유사 환경을 만들었습니다.

웹 기술과 CEF를 결합해 브라우저 엔진 내장형 PC 애플리케이션을 개발했습니다. 서버에는 WebSocket을 추가하고 React·Webpack으로 웹 앱 복잡도를 관리했습니다.