이 글은 네이버 블로그 「박기린의 기린파크」 원문을 정리한 요약본입니다. 원문 전체와 이미지는 네이버에서 볼 수 있어요.
요약
우아콘 2025에서 들은 세션들을 정리합니다. 복잡하고 다양한 API 스키마를 어떻게 쉽게 표준화된 방식으로 다룰까? (해당 강의 세션은, 강의 중간에 참여한 탓에 전반부가 누락되어 있습니다.) 저장하기 & 버전 관리하기 데이터 레이어입니다. Data Manager는 현재 편집 상태, IndexedDB는 임시저장, 서버 데이터는 영구저장을 담당합니다. Data Manager입니다. DB에 들어갈 많은 데이터를 state로 관리하는 것은 부적절하다고 판단하여 Data Manager 라이브러리를 사용했습니다. 모든 데이터를 이 한 매니저에 추가하되, 하나의 store에 모든 것을 넣으면 컴포넌트 메모이제이션 이슈가 있어서 선택적 구독 방식을 사용했습니다. IndexedDB입니다. 페이지 이탈 시 안정성 보장을 위한 주기적 임시저장 솔루션입니다. LocalStorage를 쓰지 않고 서버에 저장하지도 않은 이유가 있습니다. Tanstack query를 이용해서 어댑터를 사용했습니다. 임시저장 복구 플로우입니다. 서버 데이터입니다. 깃에서 영감을 얻은 프로젝트 버저닝 시스템을 사용합니다. Git은 Content-Addressable 저장 방식을 사용하며, snapshot과 commit의 버전 id를 비교해서 변경사항을 체크합니다. Version은 커밋과 유사하고, Definition은 코드 변경과 유사합니다. 배포하기 인프라 구축하기 어드민 스튜디오는 에디터, 뷰어, 서버로 구성된 서비스입니다. 어드민이 늘어나면 뷰어도 늘어나는가에 대한 고민이 있었습니다. AWS 클라우드프론트의 내장 기능인 대체 도메인을,
핵심 포인트
- 우아콘 2025에서 들은 세션들을 정리합니다.
- (해당 강의 세션은, 강의 중간에 참여한 탓에 전반부가 누락되어 있습니다.) 저장하기 & 버전 관리하기 데이터 레이어입니다.
- Data Manager는 현재 편집 상태, IndexedDB는 임시저장, 서버 데이터는 영구저장을 담당합니다.
- Data Manager입니다.
- DB에 들어갈 많은 데이터를 state로 관리하는 것은 부적절하다고 판단하여 Data Manager 라이브러리를 사용했습니다.
- 모든 데이터를 이 한 매니저에 추가하되, 하나의 store에 모든 것을 넣으면 컴포넌트 메모이제이션 이슈가 있어서 선택적 구독 방식을 사용했습니다.
원문 보기 (네이버 블로그)
- 📎 원문 링크: [우아콘 2025] 강연 후기 : 배민 프론트엔드 개발팀의 비법소스 털기
- 🌐 PC 링크: https://blog.naver.com/op5321/224317769184
- 📱 모바일 raw URL(구글 크롤러 친화):
https://blog.naver.com/PostView.naver?blogId=op5321&logNo=224317769184 - 🖼️ 이미지 147장