중고나라 기술 블로그 · 2024. 11. 26.
Refine 이관 작업 ( feat. 중고나라 — 셀러지원센터 )
AI 엔지니어링 브리핑
셀러지원센터의 코드가 페이지와 개발자마다 달라 유지보수가 어려워지자, 공통 규칙과 확장성을 갖춘 Refine으로 이관한 과정을 설명한 글이다.
문제 & 배경
빠른 개발을 우선하면서 페이지별 코드 스타일과 API 데이터 변환 방식이 달라졌고, 여러 API를 함께 사용하는 화면에서는 로직이 뒤섞여 오류 수정과 기능 확장이 어려웠다.
기술 & 해결책
Refine을 도입해 관리자 화면에 필요한 반복 기능을 일정한 구조로 다루고, 특히 Provider가 백엔드와 데이터를 주고받는 방식을 맡도록 하며 Resource 단위로 화면과 데이터 대상을 정리하려 했다.
교훈 & 주의점
테이블과 정보 화면의 코드 구조까지 일관되게 관리하면 다른 개발자도 흐름을 쉽게 이해하고 여러 페이지에 새 기능을 함께 적용할 수 있으므로, 공통 규칙을 실제 코드에 정착시키는 것이 중요하다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.