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

BFF 특정 프론트엔드를 전담하는 서버 계층으로 동작한다 여러 서비스에서 데이터를 수집·가공해 프론트엔드에 전달한다.

핀테크그룹 BFF NestJS와 Apollo Server를 통합해 구현되어 있다 여러 마이크로서비스의 데이터를 단일 GraphQL 스키마로 통합한다.

GraphQL 한 번의 쿼리로 필요한 데이터만 가져와 다중 API 호출을 줄인다 스키마 기반으로 프론트엔드가 요구하는 필드만 반환한다.

Apollo Client InMemoryCache에 정규화된 응답을 저장한다 메모리 기반 캐시는 페이지 새로고침 시 초기화된다.

Graphql-codegen 쿼리로부터 타입스크립트 타입과 훅을 자동 생성한다 개발자가 쿼리만 작성하면 타입 안전한 코드가 생성된다.