서버 개발자를 위한 운영툴 개발 전략: React와 GraphQL 적용기

서버 개발자가 운영툴을 개발할 때 프론트엔드, API, UX 측면에서 고려해야 할 사항을 다룬 글입니다. 프론트엔드는 jQuery의 필요성이 줄어든 추세에서 가장 많이 사용되는 React를 선택했으며, 디자인 프레임워크로는 컴포넌트 기반의 Ant Design을 사용해 개발 효율을 높였습니다. API 설계에는 REST 대신 GraphQL을 도입했습니다. 이는 클라이언트가 필요한 필드만 요청할 수 있어 불필요한 데이터 전송을 줄이고, 스키마 기반 개발로 문서화와 테스트(GraphiQL)가 용이하기 때문입니다. 특히 Spring for GraphQL 1.0을 활용해 기존 Entity 변경 없이 타입을 연결하는 유연성을 확보했으며, 서비스 적용 전 검증 단계로 운영툴에 먼저 적용했습니다. 또한, 일관된 UX를 위해 GNB/LNB 레이아웃 규칙, 퍼머링크 URL 설계 원칙, 인터랙션 표준화 등을 담은 UX 가이드를 수립했습니다. 운영툴 개발은 서버 개발자에게 프론트엔드 기술 습득 및 신기술 검증의 좋은 기회가 됩니다.