카
카카오엔터테인먼트FE
March 10, 20221회
카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?
간단 소개
카카오페이지는 BFF를 통해 프론트엔드의 복잡성을 줄이고 생산성을 높였습니다. Urql과 Redux를 함께 사용하여 데이터 관리 효율성을 개선했습니다.
AI Summary
- BFF(Backend For Frontend)의 필요성
- 다양한 플랫폼 지원 시 각 플랫폼에 필요한 데이터만 제공해야 하는 상황 발생
- 여러 API 호출 후 응답 데이터를 조작해야 하는 복잡성 증가
- 프론트엔드 코드의 복잡성 증가 및 렌더링 성능 저하 문제 발생
- BFF 구조 및 장점
- 프론트엔드를 위한 중간 서버를 두어 API 의존성 문제 해결
- MSA 환경에서 API 엔드포인트 분리 시 팔로업 이슈, CORS 문제 등을 BFF에서 처리
- 프론트엔드 생산성 향상 및 백엔드와의 분리 용이
- 카카오페이지의 BFF 적용 사례
- Next.js, Apollo Server, Urql, Redux를 사용한 구조
- Urql을 통해 데이터 fetch, Redux를 통해 데이터 저장 및 관리
- GraphQL 캐싱의 한계 보완 및 비동기 데이터 처리의 복잡성 해결
- BFF 단에서 에러 처리 커스터마이징
Next Feeds
HTTP connection pool in Go explained
Go HTTP 커넥션 풀 관리 방법, 파라미터 설정, httptrace.ClientTrace를 활용한 성능 분석 및 최적화 기법을 설명합니다.
HTTPconnection poolGohttp.Transporthttptrace
2022. 3. 7.
버즈빌
Airbridge Data Pipeline에서 Serverless 활용 사례
Airbridge는 Serverless framework를 활용하여 Data Pipeline을 구축하고 운영하며, Kafka Connect 관리 및 Batch Job 실행 등의 사례를 소개합니다.
ServerlessLambdaServerless frameworkAirbridgeData Pipeline
2022. 3. 7.
AB180
Airbridge Data Pipeline에서 Serverless 활용 사례
Airbridge 데이터 파이프라인의 서버리스 활용 사례와 ABR 백엔드 그룹의 인재상 및 채용 정보를 제공합니다.
Airbridge데이터 파이프라인서버리스ABR 백엔드 그룹채용
2022. 3. 7.
AB180
![[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #1](https://tech.kakaoent.com/static/c14764e4794cb687d9629bc2a5dacc8a/c592e/img1.jpg)
[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #1
카카오엔터테인먼트 신입 개발자 테크 온보딩 프로그램 소개: 오리엔테이션, 직무/그룹 소개, 협업 툴 교육 등.
온보딩신입 개발자카카오엔터테인먼트협업직무 소개
2022. 3. 7.
카카오엔터테인먼트FE
https 프록시로 mitmproxy를 사용해보자.
https 프록시 mitmproxy의 설치, 설정, 사용법 및 유용한 팁을 제공하여 개발자가 효과적으로 활용하도록 돕는다.
mitmproxy프록시HTTPS인증서안드로이드 에뮬레이터
2022. 3. 7.
카카오엔터테인먼트FE
Tailwind CSS 사용기
Tailwind CSS 사용 시 유용한 팁, className props 문제 해결, Headwind 플러그인 활용법을 소개합니다.
Tailwind CSSArbitrary valuesPreflighttwin.macroHeadwind
2022. 3. 3.
카카오엔터테인먼트FE