Web을 위한 gRPC Stub과 Runtime 생성하기 - Feat. Buf & kubernetes

간단 소개

뱅크샐러드 웹팀은 gRPC-Gateway 환경에서 @bufbuild/protoplugin을 활용, HTTP 클라이언트 코드 자동 생성을 통해 개발 생산성을 향상시키고 인프라 부하를 감소시켰습니다.

AI Summary

gRPC와 HTTP API 호환 문제
- 프론트엔드 개발 시 HTTP 클라이언트 코드 중복 및 반복 작업 발생
- External endpoint 호출 시 IPS 성능 부하 및 비용 증가
해결 방안: @bufbuild/protoplugin 활용
- proto file 기반 HTTP 클라이언트 코드 자동 생성 및 Type-Safety 보장
- 클러스터 내부/외부망 호출 분리
- buf cli를 통해 코드 생성기 구현 및 관리 간편화
결과 및 기대 효과
- 동일 RPC 호출 시 응답 속도 90% 감소 (200ms -> 20ms)
- 프론트엔드 개발 생산성 향상 및 인프라 부하 감소
- 추가적으로 react-query hooks 자동 생성으로 생산성 더욱 향상 기대