타입스크립트스럽게 성능과 생산성 두 마리 토끼 모두 잡기

간단 소개

Typescript와 Proxy API를 활용하여 gRPC 기반 웹 게임 Admin의 FE-BE 통신을 최적화하고, 성능과 개발 생산성을 향상시킨 사례를 소개합니다.

AI Summary

gRPC와 REST API의 장단점
- gRPC는 실시간 데이터 처리에 효율적이지만, 브라우저 지원 문제로 프록시 서버(Admin BE)가 필요하다.
- REST API는 범용적이지만, gRPC method 추가 시 endpoint를 직접 추가해야 하는 번거로움이 있다.
Proxy API를 활용한 FE-BE 통신 최적화
- JavaScript Proxy API를 사용하여 FE에서 BE의 api client를 사용하는 것처럼 개발 경험을 개선한다.
- code-gen 없이 런타임에 동적으로 BE 함수를 호출하여 개발 생산성을 향상시킨다.
성능 개선 및 코드 감소 효과
- JSON 기반의 직렬화/역직렬화 로직을 사용하여 Admin BE의 부팅 시간을 단축시킨다.
- FE와 BE 코드 약 100만 줄을 삭제하고, 개발자의 endpoint 작성 부담을 줄였다.