배민 커머스, 프론트엔드 진화! #우아콘2022 #Day2_음식그이상의것을문앞으로
우아콘 2022 우아한형제들 · YouTube
AI 핵심 요약
B마트에서 시작한 커머스 프론트엔드는 적은 인원으로 웹앱과 여러 어드민을 빠르게 만들었지만, 프로덕트와 팀이 커지면서 중복 로직과 협업·채용 부담이 커졌다. 발표자는 Vue 기반 구조를 컨테이너·프레젠테이션 계층과 아토믹 디자인으로 정비하고, 채용과 유지보수 가능성을 고려해 상품 도메인부터 React와 TypeScript로 점진적으로 옮긴 뒤 주문 영역에는 서버사이드 렌더링도 적용했다. 이후 공통 컴포넌트 라이브러리와 모노레포로 여러 서비스를 묶고, 티켓·스프린트·코드 리뷰·배포 자동화를 통해 팀의 업무 방식을 정돈했다. 기술 선택은 유행이나 선호보다 제품 규모와 팀의 지속 가능성에 맞춰야 하며, 작은 범위에서 검증하며 전환하는 것이 중요하다는 교훈을 공유했다.
- 초기에는 팀이 익숙한 Vue로 빠르게 시장 반응을 확인하고, 채용과 장기 유지보수 여건을 고려해 React로 점진적으로 전환했다.
- 도메인 컴포넌트에 화면과 비즈니스 로직을 함께 쌓기보다 컨테이너와 프레젠테이션을 나누고, 필요에 따라 아토믹 디자인 계층을 적용한다.
- 마이그레이션은 복잡한 주문보다 API 호출 중심인 상품 도메인부터 시작해 기술과 팀의 숙련도를 검증했다.
- 공통 컴포넌트는 별도 라이브러리로 버전 관리하고, 변경 시 QA와 회귀 테스트를 거쳐 여러 프로덕트에 미치는 위험을 줄인다.
- 팀이 커질수록 티켓·스프린트·회고와 자동화된 리뷰·배포 절차를 마련해 개발자가 구현에 집중할 수 있게 한다.
소개
B마트, 배민스토어, 배민쇼핑라이브의 기반을 이루고 있는 '배민 커머스 서비스'. 각각의 서비스를 위해 별도로 만들어져있었던 것을 하나의 웹프론트 개발팀으로 묶게 되면서 인원과 프로덕트가 많아져 재정비가 필요하게되었습니다. 그 과정에서 웹 프론트 아키텍처와, 보다 효율적으로 개발하기 위한 생산성에 대한 고민이 많았는데요. 고민의 결과와 앞으로의 방향까지 발표를 통해 공유합니다. 마광휘 | 배민스토어웹프론트개발팀 최근 팀원이 많아지면서, 더 높은 업무 효율과 생산성에 관심을 두고 있습니다. 적은 인원, 적은 코드로 폭발적인 가치를 창출하는 문화를 만드는 데 집중하고 있습니다.
비슷한 학습 자료
컨퍼런스 우아콘 2022
배민 플랫폼의 진화 방향은? 송재하 CTO :: 【우아콘 2022】 키노트 DAY2
컨퍼런스 우아콘 2022
우리는 하나다! 모노레포 with pnpm #우아콘2022 #Day2_음식그이상의것을문앞으로
컨퍼런스 우아콘 2022
바쁜 일정 속에서 여러 프로젝트를 모노레포로 구성해야 했던 커머스 프론트엔드! 방법을 찾던 그들은 마침내 pnpm을 만나게 되는데... [발표자 소개] 윤태원 | 배민스토어웹프론트개발팀 우아한형제들에서 프런트엔드 개발(과 이것저것...)을 하고 있습니다. 배우는 재미를 찾고 즐기며, 나름 즐겁게 지내고 있습니다 :) 이수형 | 배민스토어웹프론트개발팀 개발은 항상 비즈니스와 커뮤니케이션해야 한다는 생각으로 구성원들과 적극적으로 커뮤니케이션하며 프로젝트에 임하고 있습니다. 미니멀리즘 코드를 지향하며 범용성과 확장성, 재사용성이 높은 아키텍처나 디자인 패턴을 위해 고민하는 것을 좋아합니다. 홍영준 | 배민스토어웹프론트개발팀 우아한형제들에서 프런트엔드 개발을 하고 있는 신입 개발자입니다. 매일 새로운 것들을 배우고 있고 그 내용들을 기록으로 남기려고 노력하고 있습니다. 발표자 코멘트) 지난 8월 pnpm 7에서 아래와 같은 에러가 보고되었습니다. *https://github.c...
프론트엔드 개발 도구
컨퍼런스 우아콘 2022
프론트엔드 개발자와 디자이너의 도움 없이도! 배민다운 백오피스 사용 경험을 만들 수 있는, 우아한형제들의 백오피스 디자인시스템을 소개합니다. 프론트엔드 개발 공수를 많이 들이지 않으면서도 일관된 UX/UI를 제공하기 위해 고민하고 만들어낸 것들을 소개하고 일련의 과정에서 느낀 점들을 공유합니다. [발표자 소개] 신성환 | 웹프론트개발그룹 물리학을 전공했지만 무언가를 만드는 즐거움에 빠져 개발자의 길을 걷고 있습니다. 개발로 무언가를 만드는 일이 잘 맞아서 항상 즐거운 마음으로 출근하고 있습니다. 프런트엔드 개발자이지만, 요즘 슬금슬금 백엔드에도 관심이 가기 시작했습니다.
프론트엔드 UI/UX
컨퍼런스 우아콘 2022
배민스토어 플랫폼 전환기: PM 시점 #우아콘2022 #Day2_음식그이상의것을문앞으로
컨퍼런스 우아콘 2022
커머스 플랫폼 기반을 교체하는 TF를 통해 운영 중인 서비스에서 플랫폼을 갈아끼우는 과정에서 만나게 된 다양한 체크포인트에 대해 소개합니다. 장기적으로 다양한 커머스 서비스를 담을 수 있는 플랫폼의 구조와, 데이터 마이그레이션까지! 운영 중인 서비스에 문제가 없도록 고군분투한 경험담을 풀어드려요. PM뿐만 아니라 사업, 개발 등 신규 플랫폼 구축 프로젝트를 할 때 고민해야 할 부분들을 콕 집어서 알려드립니다. [발표자 소개] 이나영 | 배민스토어셀러기획팀 커머스 플랫폼을 설계하는 프로덕트 매니저입니다. 서비스를 구성하는 플랫폼에서 시작하여 사용자에게 전달되기까지의 과정, 서비스를 사용하는 다양한 고객 등 프로덕트를 둘러싼 모든 환경을 전반적으로 고민합니다. 해결하기 어려운 복잡한 문제에 차근차근 접근하여 풀어나가는 순간에 희열을 느낍니다. 조용재 | 배민스토어셀러기획팀 수많은 커머스 서비스가 있지만, 비즈니스 환경과 제약 조건, 전략적 방향성에 따라서 플랫폼은 다를 수밖에 없습니...
데이터베이스 프로덕트 매니지먼트
컨퍼런스 우아콘 2022
[우아콘2022] Day2.음식 그 이상의 것을 문 앞으로 #라이브토크콘서트
컨퍼런스 우아콘 2022
우아콘2022에서 발표영상을 확인하세요👉https://www.woowacon.com 우아콘 어떠셨나요? 설문조사 참여하고 우아콘 스페셜굿즈도!👉https://forms.gle/iB9h2xRAc13rcDVu9 퀵커머스를 이끄는 기술과 서비스를 만들어가는 여정! 우아한형제들 CTO의 키노트와 CPO의 라이브 발표를 들어볼까요? [키노트] 음식 배달을 넘어 커머스 플랫폼으로 송재하 | 우아한형제들 CTO [라이브발표] 푸드와 커머스를 아우르는 슈퍼앱으로의 전환 김용훈 | 우아한형제들 CPO [훑어보기] 둘째날 발표 훑어보기 조은옥 | Developer Relations 유영경 | Developer Relations