올
올리브영
December 15, 20221회
올리브영 앱 - 아키텍처 도입 1탄

간단 소개
올리브영 앱의 클린 아키텍처 도입 배경, 핵심 내용, 그리고 모바일 환경에 맞춘 적용 사례를 소개합니다.
AI Summary
- 클린 아키텍처 도입 배경
- 올리브영 앱의 복잡성 증가로 유지보수 어려움 발생, God Class/Object 증가.
- 팀원들은 구조 개선을 원했지만, 당면한 이슈 해결에 집중하며 부채 누적.
- 앱 성능 개선 과제를 계기로 구조 개선 논의 시작.
- 클린 아키텍처의 핵심
- 관심사 분리를 통한 유지보수성 향상, 계층 구조 적용으로 코드 품질 향상 목표.
- Android, iOS에 동일한 비즈니스 구조 적용.
- 클린 아키텍처는 계층 분리를 통해 관심사를 분리하는 시스템 아키텍처.
- 모바일 클린 아키텍처 적용
- Presentation(UI), Domain(업무 로직), Data(데이터 입출력) 레이어로 구성.
- 올리브영 앱은 3-layer 구조로 클린 아키텍처를 적용, 지속적인 리팩토링 진행.
- 도메인 레이어 설계의 어려움과 중요성을 강조하며, 팀원 간 협의를 통한 상황에 맞는 설계의 중요성을 언급.
Next Feeds
카카오페이 if(kakao) 발표 준비 과정 엿보기
카카오페이의 if(kakao) 2022 컨퍼런스 준비 과정과 발표 내용을 소개하고, 개발 문화와 채용 관련 세션도 간략히 다룬다.
if(kakao)카카오페이개발자 컨퍼런스발표 준비기술 문화
2022. 12. 15.
카카오페이

Datadog Dash 2022 컨퍼런스 방문기
컬리 엔지니어가 Datadog Dash 2022 컨퍼런스 참여 후 신규 기능 소개, 본사 방문 경험, 오프라인 컨퍼런스의 장점을 공유합니다.
Datadog컨퍼런스모니터링Observability클라우드
2022. 12. 14.
컬리
Android Kotlin StateFlow 도입기
Android 앱 개발에 StateFlow를 도입한 경험 공유. LiveData의 한계를 극복하고 클린 아키텍처를 적용하며 얻은 이점과 사용법을 설명.
StateFlowLiveDataKotlin Flow클린 아키텍처Android
2022. 12. 14.
올리브영
서비스 워커에 대해 알아보고 Mock Response 만들기
서비스 워커의 개념, 생명주기, 페이지와의 통신 방법을 알아보고, 이를 활용하여 네트워크 호출을 가로채 Mock Response를 만드는 방법을 설명합니다.
서비스 워커PWAfetch 이벤트Mock ResponseMessageChannel
2022. 12. 14.
카카오엔터테인먼트FE
서비스 워커에 대해 알아보고 Mock Response 만들기
서비스 워커의 기본 개념, 생명주기, fetch 이벤트 가로채기, MessageChannel을 이용한 Mock Response 생성 방법을 설명합니다.
서비스 워커fetch 이벤트Mock ResponseMessageChannelPWA
2022. 12. 14.
카카오엔터테인먼트FE

올영라이브 템플릿화
올영라이브 이벤트 페이지 템플릿화를 통해 퍼블리싱 작업 부담을 줄이고 효율성을 높였습니다. 다양한 타입의 모듈을 조합하여 쉽게 페이지를 만들 수 있습니다.
올영라이브템플릿화퍼블리싱프론트엔드모듈
2022. 12. 13.
올리브영