화면 단위 복잡성을 흡수하다: 여기어때 BFF의 기록
화면 단위 복잡성을 흡수하다: 여기어때 BFF의 기록
MSA 환경에서 화면 단위 복잡성을 줄이기 위해 BFF를 도입한 사례를 정리했습니다. 여러 도메인 API 조합과 분기 로직을 서버로 옮기고, 장애 전파와 메모리 과부하 대응도 다뤘습니다.
#MSA#BFF
87005분
새로운 기술 블로그가 추가되었어요
필터 1
핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기
GraphQL 기반 BFF의 역할과 프론트엔드 활용 사례를 설명했습니다. Apollo Client 캐싱 문제와 BFF 도입 시 고려할 점도 함께 정리했습니다.
#GraphQL#BFF
126005분
버즈빌 프론트엔드 변천사
버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.
#Vue#React
134005분
BFF(Backend for Frontend) 가 여기어때에서 하는 일
BFF(Backend for Frontend) 가 여기어때에서 하는 일
여기어때의 BFF가 각 클라이언트에 맞춘 API와 데이터 가공을 맡는 역할을 소개했습니다. 성능 최적화, 보안 분리, 독립 배포 측면의 장점도 함께 정리했습니다.
#BFF#REST API
211005분
‘오네’(O-NE) 배송을 오네가이시마스 — 레거시 API 떠나보내기
레거시 배송정보 API를 신규 API로 전환해 MLC API 결합도를 낮추고 네트워크 비용을 줄였습니다. BFF 구조와 캐싱을 적용해 응답 속도와 운영 효율도 개선했습니다.
#Spring Boot#MSA
32005분
마법소녀 이세계 아이돌 웹툰 런칭! BFF 장애 대응기
마법소녀 이세계 아이돌 웹툰 런칭! BFF 장애 대응기
카카오페이지 BFF 장애 원인을 추적한 결과, node.js http agent의 keepAlive 기본값이 문제였습니다. keepAlive를 true로 바꾸고 미들웨어 중복 처리도 줄여 TPS와 CPU 상태를 개선했습니다.
#GraphQL#BFF
36005분
금융서비스 MSA 전환기- BFF 와 CircuitBreaker 적용(2편)
MSA 환경에서 BFF로 Frontend에 맞는 데이터 제공 구조를 적용했습니다. 또한 CircuitBreaker와 Resilience4J로 외부 장애 전파를 막고 트래픽을 조절했습니다.
#MSA#BFF
33005분
`API 언제 나오나요?` 로 부터 독립하기
`API 언제 나오나요?` 로 부터 독립하기
API 응답 모델이 불확실한 상황에서 factory 레이어를 둬 UI와 API 의존을 분리했습니다. LIVE와 VOD의 서로 다른 응답을 정규화해 UI 변경 범위를 줄인 사례를 소개했습니다.
#RTK Query#factory
25005분
WebFlux와 코루틴으로 BFF(Backend For Frontend) 구현하기
카카오페이 신규 서비스의 BFF 서버를 WebFlux와 코루틴으로 구현한 경험을 공유했습니다. 비동기 API 서버 구조와 적용 사례를 중심으로 설명했습니다.
#WebFlux#코루틴
15005분