Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
TVING의 새로운 백오피스 Refine 구축기 — (1) 섬네일

TVING의 새로운 백오피스 Refine 구축기 — (1)

티빙 favicon티빙·Frontend·
TypeScriptReactGraphQLTurborepoRefine
2026년 07월 06일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

TVING이 Refine를 도입해 백오피스 개발 속도와 일관성을 높였고, AI Agent를 활용한 코드 생성으로 프런트 의존성을 대폭 줄인 경험을 공유합니다.

주요 경험

  • Refine-Tools 모노레포로 프런트/백/게이트웨이/메시를 GraphQL 스키마와 타입을 공유하도록 구성했습니다.
  • 코드 작성 룰북과 Custom Hook/Codegen/Lint 훅으로 컨벤션 준수를 자동화하고 CRUD 페이지를 빠르게 생성했습니다.
  • 데이터/인증/권한을 provider로 추상화해 백엔드 교체에 유연하게 대응하고, ACL/Audit 같은 내장 기능을 재활용했습니다.

얻은 인사이트

  • 스키마 주도 개발이 프런트 재현성 및 협업 효율을 크게 높였습니다.
  • AI Agent의 규칙 기반 자동 코드 생성이 반복 작업을 줄이고 품질을 유지하는 데 기여했습니다.
  • 모노레포+페더레이션 구조가 엔드포인트 관리와 빌드 캐시 공유를 용이하게 했습니다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
Refine 실제 적용 사례(feat. 투표 플랫폼) — (2) 섬네일
84%

Refine 실제 적용 사례(feat. 투표 플랫폼) — (2)

티빙 favicon티빙·2026년 07월 06일
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기 섬네일
71%

쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기

쏘카 favicon쏘카·2024년 08월 29일
오늘도 엔지니어가 된다고 말했다 - 당근페이 이용 내역 개편기 섬네일
71%

오늘도 엔지니어가 된다고 말했다 - 당근페이 이용 내역 개편기

당근 favicon당근·2025년 10월 16일