카
카카오페이
May 10, 20221회
카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유
간단 소개
카카오페이 프론트엔드 팀이 Redux의 단점을 극복하고 React Query를 도입하여 개발 효율성과 사용자 경험을 개선한 사례를 분석합니다.
AI Summary
- Redux 사용의 어려움
- 과도한 Boilerplate 코드와 복잡성으로 인해 개발 생산성이 저하됨
- API 요청 관리에 대한 규격화된 방식 부재로 팀 협업 시 비효율 발생
- 사용자 경험 개선을 위한 추가 기능 구현에 많은 개발 리소스 소모
- React Query 도입 효과
- Boilerplate 코드 감소 및 코드 간결성 증대
- API 요청 및 상태 관리에 대한 규격화된 방식 제공으로 개발 효율성 향상
- 캐싱, 자동 업데이트 등 사용자 경험 향상을 위한 다양한 기능 제공
- 개발자가 핵심 비즈니스 로직에 집중할 수 있도록 지원
Next Feeds

Open Problems in Data&Analytics
네이버 서치 Data&Analytics 팀의 A/B 테스트 효율화, 모델 기반 지표 개발, KPI 추적, 신뢰성 및 공정성 측정, 인프라 개선 노력 소개.
AB 테스트Variance모델 기반 지표KPI데이터 인프라
2022. 5. 9.
네이버DnA팀
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 디자인 시스템 도입 과정과 아토믹 디자인 적용 시 겪는 문제점, 해결 방안을 제시합니다.
아토믹 디자인디자인 시스템컴포넌트UI 모델링재사용성
2022. 5. 5.
카카오엔터테인먼트FE
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js 환경에서 런타임 환경 변수 URL 주입 방식을 통해 빌드 프로세스를 개선하고, 빌드 결과물의 신뢰성을 높이는 방법에 대한 설명.
Next.js환경 변수런타임빌드dotenv
2022. 5. 5.
카카오엔터테인먼트FE
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js에서 런타임 환경 변수 URL 주입 방식으로 빌드 프로세스를 개선하고 결과물의 신뢰성을 높이는 방법에 대한 설명.
Next.js환경 변수런타임빌드dotenv
2022. 5. 5.
카카오엔터테인먼트FE
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 아토믹 디자인 기반 디자인 시스템 도입 과정과 문제점, 해결 방안을 제시합니다.
아토믹 디자인디자인 시스템컴포넌트UI 모델링재사용성
2022. 5. 5.
카카오엔터테인먼트FE
![[여의도 43층 사람들] DevOps팀에게 무엇이든 물어보세요!](https://blog.banksalad.com/static/896a372c1ff933deed227c65a27a19a7/cover.png)
[여의도 43층 사람들] DevOps팀에게 무엇이든 물어보세요!
뱅크샐러드 DevOps팀의 역할, 인프라 구축 방식, 안정성 확보 노력, 장애 대응 시스템 등을 Q&A 형식으로 소개합니다.
DevOps인프라IaC쿠버네티스안정성
2022. 5. 4.
뱅크샐러드