올
올리브영
September 4, 20252회
올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다

간단 소개
올리브영은 블록 기반 CMS를 구축하여 콘텐츠 제작 시간을 99% 단축하고, Vue에서 Lit 웹 컴포넌트로 전환하여 확장성을 확보했습니다.
AI Summary
- 올리브영 블록 기반 CMS 구축 배경
- 콘텐츠 제작에 평균 7일 소요, 외주 인력 의존으로 인한 비효율성 발생
- 블록 기반 CMS 도입 및 효과
- HTML 직접 작성 및 디자이너 개입 최소화, 기획자도 콘텐츠 제작 가능
- 콘텐츠 제작 시간 40시간에서 20분으로 단축, 발행량 2배 증가
- 기술 스택 변화 및 이유
- Vue 기반 프로토타입의 한계 (프레임워크 종속성, 확장성 부족)
- Lit 기반 웹 컴포넌트로 전환, 프레임워크 독립성 확보 및 재사용성 증대
- 향후 계획
- CMS를 퀄리티 있는 콘텐츠 제작에 최적화된 도구로 발전시킬 계획
Next Feeds

Playwright로 하는 Component Test와 E2E Test Coverage
Playwright를 이용한 Component Test와 E2E Test Coverage 구축 경험 공유 및 테스트 자동화 전략 소개
PlaywrightComponent TestE2E Test테스트 커버리지자동화
2025. 9. 3.
여기어때
![[Hands-On]Amazon Bedrock WebSocket 실시간 AI 채팅](https://blog.kico.co.kr/wp-content/uploads/2025/09/image-3-1024x495.png)
[Hands-On]Amazon Bedrock WebSocket 실시간 AI 채팅
Amazon Bedrock, API Gateway WebSocket, Lambda를 활용하여 실시간 AI 채팅 애플리케이션 구축 및 스트리밍 핵심 개념을 체험합니다.
BedrockWebSocketLambdaDynamoDB실시간 AI
2025. 9. 3.
교보dts

Compose에서 Stable을 가볍게 보면 안 되는 이유: 베드 케이스로 본 안정성의 법칙 Part 1
Compose에서 안정성이 중요한 이유와 stable, immutable 사용 시 주의사항, class와 data class의 비교를 통해 안정성의 중요성을 강조합니다.
ComposeStabilityStableImmutablerecomposition
2025. 9. 3.
여기어때

데이터 자동 생성으로 생산성 향상 : Playwright로 3분 걸리던 계약 생성을 30초로!
Playwright를 활용하여 계약 생성 자동화를 구축, 생산성을 향상시키고 핵심 검증 작업에 집중할 수 있게 된 경험 공유.
Playwright자동화데이터 생성생산성 향상계약 생성
2025. 9. 3.
여기어때

코드 품질 개선 기법 19편: 차일드 록
오버라이딩 가능한 범위를 제한하여 코드의 안정성을 높이는 차일드 록 기법을 소개합니다.
오버라이딩상속코드 품질차일드 록super
2025. 9. 3.
LY Corp

AI 에이전트는 보안 취약점 관리를 어떻게 자동화할까? : Claude Code, Opus Security, Cycode, DeepSource 사례
AI 에이전트 기반 보안 취약점 관리 자동화 도구 사례 분석 및 특징 비교: Claude Code, Opus Security, Cycode, DeepSource
AI 에이전트보안 취약점 관리자동화DevSecOps코드 보안
2025. 9. 3.
인포그랩