컬
컬리
December 1, 20251회
빌드가 터졌다: 5년 된 CMS 프로젝트의 Webpack4 → Vite 전환

간단 소개
컬리 CMS 프로젝트가 Webpack4 OOM 문제로 Vite로 번들러를 전환하여 빌드 성능과 개발 경험을 크게 개선한 여정.
AI Summary
Webpack4 기반 CMS의 OOM 위기
- 5년 된 컬리 CMS 프로젝트는 Webpack4 기반의 레거시 스택으로 성장하며 OOM(Out of Memory) 에러 발생.
- 순환 참조 및 Webpack4의 구조적 한계가 주원인으로, CI/CD 빌드 실패 및 6GB 이상 메모리 요구.
- 임시방편의 한계로 번들러 전환이 필수적임을 인지. Vite로의 성공적인 마이그레이션
- ESM 기반 개발 서버, 활발한 생태계, 레거시 스택과의 호환성을 고려하여 Vite를 선택.
- Node.js 내장 모듈, CSS 문법, 'react-csv' 호환성 등 다양한 기술 이슈를 해결하며 전환 완료.
- 설정 파일 77% 간소화, 불필요한 패키지 제거, Node.js 22로 업그레이드. 전환 후 얻은 성과 및 교훈
- 빌드 시간 48% 감소, 개발 서버 시작 460배 개선, 번들 크기 81% 감소 등 정량적 성과 달성.
- 기술 부채 관리의 중요성, 측정 기반 의사결정, 점진적 전환의 안전성을 핵심 교훈으로 제시.
- OOM 위기를 개발 환경 개선의 기회로 활용.
Next Feeds
YEYE가 지켜보고 있다–카카오의 공격 표면 관리 이야기
카카오는 공격 표면 관리(ASM) 도구 'YEYE'를 개발하여 자산 식별, 취약점 분석, 대규모 스캔 최적화를 통해 보안을 강화하고, DSR 및 AI Assistant '예냥이'를 활용하여 보안 문화를 구축하고 있다.
공격 표면 관리YEYE보안 문화자산 관리스캔 최적화
2025. 12. 1.
카카오

AX 시대를 위한 한글 문서: 오픈소스 생태계 현황 분석과 활성화 전략
한글 문서(HWPX)의 AI 학습 데이터로서의 잠재력을 강조하고, 오픈소스 생태계 활성화 전략을 제시합니다.
한글 문서오픈소스 생태계AX 시대HWPXAI 학습 데이터
2025. 12. 1.
한글과컴퓨터
[Hands On] 질문 유형별 최적 LLM 모델 선택 AI Assistant 구축 실습
사용자 질문 유형에 따라 최적의 LLM 모델을 자동으로 선택하여 응답하는 AI Assistant를 Flask 기반으로 구축하고 그 효율성을 검증한 실습 내용.
LLM 모델 선택AI AssistantMulti-LLMAmazon BedrockFlask
2025. 11. 30.
교보dts

Amazon Bedrock AgentCore Identity로 안전한 기업형 에이전트 구현하기
Amazon Bedrock AgentCore Identity를 활용하여 AI 에이전트의 복잡한 인증 및 권한 관리 문제를 해결하고 안전한 기업형 에이전트를 구현하는 방법을 설명합니다.
Amazon BedrockAgentCore IdentityAI 에이전트인증권한 관리
2025. 11. 29.
AWS

AWS Backup를 활용하여 백업 데이터 복원 테스트를 구현하기
AWS Backup을 활용하여 미션 크리티컬 애플리케이션의 백업 데이터 복원 테스트를 자동화하고 검증하는 방법을 설명합니다.
AWS Backup복원 테스트자동화데이터 검증규정 준수
2025. 11. 29.
AWS
![[DAN25] 기술세션 영상이 모두 공개되었습니다.](https://d2.naver.com/content/images/2025/11/---------.gif)
[DAN25] 기술세션 영상이 모두 공개되었습니다.
DAN25 컨퍼런스 기술 세션 영상이 공개되었으며, AI, LLM 기반 개인화 및 시스템 구축 사례를 다룹니다.
DAN25AI 에이전트LLM개인화로그 파이프라인
2025. 11. 28.
Naver d2