우당탕탕 beauty 풀한, 컬리 앱 서비스 런칭기
이규현 · 컬리 · 컬리 기술 블로그
소개
iOS 개발자 관점에서 뷰티 컬리를 어떻게 오픈했을까?
AI 핵심 요약
컬리 앱에 뷰티 서비스를 촉박한 일정 안에 추가하면서, 작성자는 상품 개편 QA에 먼저 집중하는 한편 site 개념과 정책을 미리 파악해 개발 준비를 했다. site에 따라 API 경로와 상품 노출이 달라지는 구조를 반영해 의존성 흐름을 정리하고, Postman으로 API 변경 사항을 안드로이드 팀과 공유했으며, 마켓과 뷰티의 유사한 추천 화면은 공통 모델링으로 코드를 재사용했다. 출시 후에는 site 전환 때 루트 뷰를 새로 만들며 발생한 API 호출과 로딩 지연을 개선하기 위해 site 상태를 서비스에서 관리하고 필요한 화면만 구독하도록 구조를 바꿨다. 이후 플로팅 버튼은 기획·디자인과 목업부터 협업하고 데이터로 효과를 확인했으며, 주관적 체감보다 사용자 관점과 측정 결과를 바탕으로 개선해야 한다는 점을 배웠다.
- 앱 상위 개념인 site가 API 경로와 홈·카테고리·검색의 상품 노출을 바꾸므로, 상태와 의존성 흐름을 명확히 설계해야 한다.
- 플랫폼 간 API 변경 사항은 공통으로 확인할 수 있는 Postman 요청과 응답 예시로 공유하면 중복 작업과 데이터 불일치를 줄일 수 있다.
- UI 구조가 유사하다면 공통된 성질을 기준으로 모델링해 기존 화면과 코드를 재사용할 수 있다.
- 화면 전환 때 루트 뷰를 매번 새로 만들면 불필요한 API 호출과 로딩 지연이 생길 수 있으므로, 서비스가 상태를 관리하고 필요한 곳만 구독하는 방식을 고려한다.
- 전환율 개선 UI는 목업 단계부터 정책을 코드에 반영하고 기획·디자인과 상호 피드백한 뒤 데이터로 효과를 확인한다.
비슷한 학습 자료
카카오페이 iOS 웹뷰 소개 및 리팩토링 이야기 / if(kakao)2022
if kakao · YouTube
뷰티 필터를 개발하며 얻은 새로운 경험
한승희 · 컬리 기술 블로그
새로운 컬리몰 NX를 소개합니다.
김민중 · 컬리 기술 블로그
컬리에서 선물하기를 개발하며 회고
정명성 · 컬리 기술 블로그
마켓컬리 서비스 구조를 소개 합니다
sangseok.lim · 컬리 기술 블로그
개발자의 시간을 벌어주는 두 가지 도구: 잘 쓴 테크 스펙, 그리고 AI
한승희 · 컬리 기술 블로그