컬
컬리
December 22, 20251회
디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기
간단 소개
컬리 디자인 컴포넌트 라이브러리 'Kitchen'의 비효율적인 빌드/번들 구조를 ESM 전환 및 패키지 단순화로 개선하여 개발 경험과 번들 사이즈를 크게 향상시킨 과정.
AI Summary
문제점 및 배경
- 컬리 디자인 컴포넌트 라이브러리 'Kitchen'은 초기 UMD 및 멀티 패키지 구조로 트리셰이킹이 불가능.
- 복잡한 빌드 구조는 개발 경험(DX) 저하, 번들 사이즈 증가, 설계 의사결정 제약 초래. 구조 개선 과정
- 실제 사용 방식 일치, 번들러 정적 분석, 유지 보수성 우선을 개선 기준으로.
- ESM 전환 및
exports명시, 멀티 패키지에서 단일 패키지로 단순화하여 트리셰이킹 및 DX 개선. - 디자인 토큰 등 공통 자산을 foundation 패키지로 분리. 개선 결과
- 빌드 시간 및 개발 확인 루프 대폭 단축으로 개발 경험(DX) 크게 향상.
- 번들 사이즈 89.97% 감소 및 트리셰이킹 정상 작동으로 성능 개선.
Next Feeds
Karrot’s GenAI Platform
Karrot's GenAI Platform 페이지 접근 중 500 오류가 발생하여 콘텐츠를 로드할 수 없으며, 새로고침 등을 권장하는 메시지.
KarrotGenAI Platform500 오류접근 불가Medium
2025. 12. 22.
당근
Amazon RDS for PostgreSQL에서 고성능 시계열 데이터 테이블 설계
Amazon RDS for PostgreSQL에서 시계열 데이터의 고성능 테이블 설계를 위해 데이터 타입, BRIN 인덱스, 네이티브 파티셔닝 및 pg_partman/pg_cron 활용 방안을 제시합니다.
시계열 데이터PostgreSQL파티셔닝BRIN 인덱스Amazon RDS
2025. 12. 22.
AWS
Coroutine Async 로 지도보기 API 성능 개선하기
여기어때는 지도보기 API의 8초 응답 시간을 Kotlin Coroutine Async와 동적 Window 분할로 2초로 단축, TPS를 7배 개선했다.
Coroutine AsyncAPI 성능 개선표준 상품 API병렬 처리동적 Window 분할
2025. 12. 22.
여기어때
전시 도메인에 Kotlin DSL적용하기
여기어때 전시개발팀이 복잡한 숙박 상품 전시 로직의 가독성 향상을 위해 Kotlin DSL을 도입한 경험과 장단점을 공유합니다.
Kotlin DSL전시 도메인백엔드가독성복잡도
2025. 12. 22.
여기어때
Strands Agents와 Amazon Bedrock AgentCore를 활용해 포스트잇 워크숍을 파워포인트로 정리하기
Strands Agents와 Amazon Bedrock AgentCore를 활용해 포스트잇 워크숍 결과를 파워포인트로 자동 정리하는 AI Agent 개발 및 배포 방법과 맥락 보강 기법을 소개합니다.
Strands AgentsAmazon Bedrock AgentCoreAI Agent포스트잇 워크숍파워포인트 자동화
2025. 12. 22.
AWS
![공통 Kafka 전환기 [Part 2. 공통 Kafka 전환 여정]](https://miro.medium.com/v2/resize:fit:1200/1*CBaBRoVYjmcQc4ZHPeS-eA.png)
공통 Kafka 전환기 [Part 2. 공통 Kafka 전환 여정]
여기어때는 MirrorMaker2를 활용하여 8개 도메인 Kafka 클러스터를 공통 Kafka로 성공적으로 통합하고 운영 효율성을 높였습니다.
KafkaMirrorMaker2클러스터 통합데이터 복제운영 효율성
2025. 12. 22.
여기어때