프론트엔드
코드 퍼스트로 스키마 변경이 일어났을 때 확인하는 과정을 자동화해보자
두줄요약
코드 퍼스트 GraphQL 스키마 변경으로 인한 프론트엔드 빌드 실패 확인 과정을 GitHub Actions로 자동화한 사례입니다. 서버 PR 반영 전에 코드젠과 타입 체크를 돌려 영향 범위를 빠르게 검증했습니다.
문제 상황
- 코드 퍼스트 GraphQL 스키마 변경 시 프론트엔드 빌드 실패 여부를 사전에 확인하는 수작업
- 서버 개발자와 프론트엔드 개발자 모두에게 반복되는 확인·대응 부담
해결 방법
- GitHub Actions의 paths 조건으로 스키마 변경 PR만 감지
- 서버 리포지토리의 여러 스키마를 mergeSchema로 병합해 단일 스키마 생성
- 병합된 스키마를 프론트엔드 리포지토리에 반영한 뒤 codegen과 type-check 실행
적용해볼 점
- 서버 PR 반영 전 프론트엔드 영향 검증 자동화
- 스키마 깨짐 발생 PR을 빠르게 식별하는 운영 흐름 구축