국내 IT 기업 기술 블로그 최신 글

NEW FEATURE

기술을 읽던 곳에서, 다음 기회를 만나세요.

채용 검색부터 관심사 기반 추천, 내 적합도까지.

새로운 기술 블로그가 추가되었어요

필터 1
BFF 서버에 SSE를 도입한 이유: 전시 서버의 통신 구조 재설계
우아한 형제들
아키텍처

BFF 서버에 SSE를 도입한 이유: 전시 서버의 통신 구조 재설계

가게목록 전시 구조를 1지면 1API와 BFF 기반 SSE 스트리밍으로 재설계했습니다. 첫 응답을 앞당기고 클라이언트 통신 복잡성을 줄이는 방향을 소개했습니다.

#SSE#BFF
12000
화면 단위 복잡성을 흡수하다: 여기어때 BFF의 기록
여기어때
백엔드

화면 단위 복잡성을 흡수하다: 여기어때 BFF의 기록

MSA 환경에서 화면 단위 복잡성을 줄이기 위해 BFF를 도입한 사례를 정리했습니다. 여러 도메인 API 조합과 분기 로직을 서버로 옮기고, 장애 전파와 메모리 과부하 대응도 다뤘습니다.

#MSA#BFF
10500
핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기
마켓컬리
프론트엔드

핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기

GraphQL 기반 BFF의 역할과 프론트엔드 활용 사례를 설명했습니다. Apollo Client 캐싱 문제와 BFF 도입 시 고려할 점도 함께 정리했습니다.

#GraphQL#BFF
13500
핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기
마켓컬리
프론트엔드

핀테크그룹의 GraphQL 기반 BFF와 프론트엔드 활용기

MSA 환경의 복잡도를 줄이기 위한 GraphQL 기반 BFF 구조와 프론트엔드 활용 방식을 소개했습니다.\nApollo 캐시 키 충돌 해결과 BFF 도입에 따른 운영 복잡도도 함께 짚었습니다.

#GraphQL#BFF
000
버즈빌 프론트엔드 변천사
버즈빌
프론트엔드

버즈빌 프론트엔드 변천사

버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.

#Vue.js#React
14200
BFF(Backend for Frontend) 가 여기어때에서 하는 일
여기어때
아키텍처

BFF(Backend for Frontend) 가 여기어때에서 하는 일

여기어때의 BFF가 각 클라이언트에 맞춘 API와 데이터 가공을 맡는 역할을 소개했습니다. 성능 최적화, 보안 분리, 독립 배포 측면의 장점도 함께 정리했습니다.

#BFF#REST API
22300
‘오네’(O-NE) 배송을 오네가이시마스 — 레거시 API 떠나보내기
CJ온스타일
백엔드

‘오네’(O-NE) 배송을 오네가이시마스 — 레거시 API 떠나보내기

레거시 배송정보 API를 신규 API로 전환해 MLC API 결합도를 낮추고 네트워크 비용을 줄였습니다. BFF 구조와 캐싱을 적용해 응답 속도와 운영 효율도 개선했습니다.

#Spring Boot#MSA
3600
쿠팡 파트너스

광고

개발자를 위한 서적을 확인해 보세요

이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

#개발서적#프로그래밍
마법소녀 이세계 아이돌 웹툰 런칭! BFF 장애 대응기
카카오엔터테인먼트FE
백엔드

마법소녀 이세계 아이돌 웹툰 런칭! BFF 장애 대응기

카카오페이지 BFF 장애 원인을 추적한 결과, node.js http agent의 keepAlive 기본값이 문제였습니다. keepAlive를 true로 바꾸고 미들웨어 중복 처리도 줄여 TPS와 CPU 상태를 개선했습니다.

#GraphQL#BFF
4200
금융서비스 MSA 전환기- BFF 와 CircuitBreaker 적용(2편)
핀다
아키텍처

금융서비스 MSA 전환기- BFF 와 CircuitBreaker 적용(2편)

MSA 환경에서 BFF로 Frontend에 맞는 데이터 제공 구조를 적용했습니다. 또한 CircuitBreaker와 Resilience4J로 외부 장애 전파를 막고 트래픽을 조절했습니다.

#MSA#BFF
3700
`API 언제 나오나요?` 로 부터 독립하기
카카오엔터테인먼트FE
프론트엔드

`API 언제 나오나요?` 로 부터 독립하기

RTK Query 기반 factory와 Adapter 레이어로 API 응답 모델을 화면용 데이터로 변환했습니다. API 변경이 생겨도 UI 컴포넌트 수정 범위를 최소화했습니다.

#RTK Query#API
000
`API 언제 나오나요?` 로 부터 독립하기
카카오엔터테인먼트FE
프론트엔드

`API 언제 나오나요?` 로 부터 독립하기

API 응답 모델이 불확실한 상황에서 factory 레이어를 둬 UI와 API 의존을 분리했습니다. LIVE와 VOD의 서로 다른 응답을 정규화해 UI 변경 범위를 줄인 사례를 소개했습니다.

#RTK Query#factory
3500
WebFlux와 코루틴으로 BFF(Backend For Frontend) 구현하기
카카오페이
백엔드

WebFlux와 코루틴으로 BFF(Backend For Frontend) 구현하기

카카오페이 신규 서비스의 BFF 서버를 WebFlux와 코루틴으로 구현한 경험을 공유했습니다. 비동기 API 서버 구조와 적용 사례를 중심으로 설명했습니다.

#WebFlux#코루틴
2800
카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?
카카오엔터테인먼트FE
아키텍처

카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?

카카오페이지의 BFF 적용을 주제로 MSA 환경에서 여러 플랫폼을 지원하는 맥락을 다룹니다. Web·Android 등 프론트엔드별 요구사항에 맞춘 백엔드 구성을 살펴봅니다.

#BFF#MSA
000
카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?
카카오엔터테인먼트FE
아키텍처

카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?

카카오페이지 Web은 GraphQL 기반 BFF로 다중 API 응답을 화면 모델에 맞게 통합했습니다. Apollo 캐시 문제를 피해 Urql과 Redux로 데이터 조회·상태 관리를 분리했습니다.

#BFF#MSA
3800