마켓컬리

블로그 방문

Nx에서 Bun 더 잘 사용하기: Nx 18 -> 21 마이그레이션

Nx를 18에서 21로 업그레이드하며 Bun(bun.lock)으로 전환해 빌드와 CI 성능을 개선했습니다. bun.lock 텍스트 전환으로 도구 호환성 및 Dependabot PR 확인이 가능해졌습니다.

#webpack#bun#마이그레이션

44000분

1월 12일

백엔드

컬리의 입고 시스템이 외부 인입 데이터를 안전하게 동기화하는 방법

아웃박스 패턴을 도입해 DB 쓰기와 메시지 발행의 원자성을 확보했습니다. Spring Kafka의 RetryableTopic으로 실패 메시지를 지연 재시도하고 최종적으로 DLT로 관리합니다.

#Kafka#spring boot#spring kafka

136000분

12월 24일

OMS에서 Claude AI를 활용하여 변화된 업무 방식

OMS팀은 Claude AI로 역할 기반 AI Context를 도입해 4명이 12개 MSA를 운영했습니다. TPM AI가 설계하고 MSA AI가 구현을 담당해 생산성과 코드 품질이 향상되었습니다

#MSA#TPM#Claude

92000분

12월 23일

프론트엔드

디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기

빌드·패키지 구조를 ESM 전환과 단일 패키지화로 재설계했습니다. 결과적으로 번들 크기와 빌드 시간이 크게 개선되어 개발자 경험이 향상되었습니다.

#react#design-system#ESM

102000분

12월 17일

Claude Code를 활용한 예측 가능한 바이브 코딩 전략

바이브 코딩의 LLM 한계를 Claude Code의 Plan/Todo/서브에이전트/CLAUDE.md로 보완하는 방법 제시. 작게 쪼개고 계획 검증하며 컨벤션과 검사를 자동화해 누락과 오류 누적 방지.

#LLM#Claude Code#agent-driven

325000분

12월 4일

개발자의 시간을 벌어주는 두 가지 도구: 잘 쓴 테크 스펙, 그리고 AI

컬리 웹개발 팀은 테크 스펙 도입으로 개발 문서화를 표준화하고, 이를 통해 코드 리뷰와 협업 효율을 크게 향상시켰습니다. 또한 AI를 활용해 테크 스펙 초안을 자동 생성하는 시도를 통해 문서 작성 부담을 줄이고 생산성을 높이고 있습니다.

#Web#협업#자동화

196000분

12월 1일

프론트엔드

빌드가 터졌다: 5년 된 CMS 프로젝트의 Webpack4 → Vite 전환

5년간 유지된 Webpack4 기반 CMS 프로젝트가 메모리 문제로 빌드 실패를 겪자 Vite로 전환하여 빌드 성능과 개발 환경을 크게 개선했습니다. 기술 부채 해소와 점진적 마이그레이션의 중요성을 강조하며 전환 과정의 상세 경험을 공유합니다.

#react#TypeScript#CI/CD

73000분

12월 1일

백엔드

Kafka Streams 윈도우 도입기

Kafka Streams 윈도우 기능을 재고 정산 처리에 도입한 경험을 공유합니다. 도입 과정에서의 문제점과 해결책, 그리고 적용 효과를 설명합니다.

#event#system#Kafka

81000분

Kafka Streams 윈도우 도입기

11월 26일

개인화 추천 시스템 1편 - 유저의 행동은 “언어”일까? : Collaborative Embedding 구축기 (feat. Knowledge Distillation)

컬리는 Transformer와 Knowledge Distillation을 활용해 유저 행동을 언어처럼 해석하는 개인화 추천 시스템을 개발했습니다. 이 시스템은 온라인 실험에서 장바구니 전환율과 매출을 크게 향상시키며 우수한 성과를 입증했습니다.

#A/B test#추천#embedding

76000분

10월 27일

배송 완료 사진 속 객체 탐지를 통한 수기 검수 비용 줄이기

배송 완료 사진 내 퍼플 박스와 종이봉투 객체 탐지를 통해 수기 검수 비용을 93% 절감하는 AI 모델을 개발했습니다. 데이터 중심 접근법으로 라벨 품질을 개선하며 모델 성능을 크게 향상시켰습니다.

#자동화#배송#객체탐지

73000분

10월 17일

프론트엔드

핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기

핀테크그룹은 GraphQL 기반 BFF를 도입해 프론트엔드 데이터 관리와 보안 정책을 통합했습니다. Apollo Client의 캐싱 문제 해결과 BFF 도입 시 고려사항도 상세히 다룹니다.

#TypeScript#GraphQL#NestJS

115000분

10월 10일

백엔드

nginx 설정 없이 우아하게 서비스 점검하기 (上)

컬리의 입고 시스템 점검 과정에서 nginx 설정 권한 부재로 인해 애플리케이션 레벨에서 차단하는 AccessBlock 시스템을 개발했습니다. 이후 Redis 캐싱을 도입하여 응답 속도를 개선하고 RDBMS 의존성을 줄였으나, 완전한 의존성 제거는 다음 과제로 남겼습니다.

#API#MySQL#Redis

116000분

10월 10일

백엔드