Zum Portal Core JS 소개
프론트엔드
Zum Portal Core JS 소개
두줄요약
줌인터넷 프론트엔드 파트의 표준화 코어 패키지 도입과 분리 과정을 소개했습니다.\nSSR, 캐시, 설정 표준화로 유지보수와 배포 시간을 개선한 내용을 정리했습니다.
핵심 내용
- 줌인터넷 포털개발팀 프론트엔드 파트에서 사용하는 표준화 core package
zum-portal-core-js소개 - Spring MVC 기반에서 Vue SPA, Node.js SSR로 전환하며 생긴 설정 표준화와 유지보수 문제를 해결하기 위한 배경 설명
- 초기에는 Express 스타일 데코레이터, 싱글톤 컨테이너, SSR 유틸, 캐시, 스케줄, YML 주입 등을 패키지로 제공
- 이후 NestJS 도입과 함께 패키지를 frontend, backend, eslint-config 등으로 분리하고, 모노레포와 Nexus 배포로 빌드·배포 시간을 줄인 과정 정리
적용해볼 점
- 프레임워크 사용 경험이 다른 개발자도 인수인계하기 쉬운 인터페이스 설계
- 기능을 하나의 패키지에 계속 쌓기보다 용도별로 분리해 배포와 유지보수 부담 완화
- SSR, 캐시, 설정 주입 같은 반복 작업은 공통 패키지로 표준화
- 개발용과 배포용 설정, frontend와 backend 의존성을 분리해 관리