← Case Studies
8시간 → 1시간Polestar 10

AI를 활용한 반복 화면 개발 자동화

반복되던 CRUD·상세 화면 개발을 자동화해 약 8시간 걸리던 작업을 1시간으로 단축

ReactTypeScriptAI Skill

배경·문제

Polestar 10은 EMS, APM, NMS, ITSM 등 여러 모니터링 도메인을 통합한 플랫폼입니다. 신규 도메인이 추가될 때마다 CRUD 화면과 상세 화면(성능 조회, 구성, 설정, 이벤트 등)을 새로 개발해야 했는데, 화면 구조와 개발 패턴은 도메인마다 거의 동일하게 반복되고 있었습니다.

도메인 1개의 기본 화면 세트(CRUD + 상세 화면)를 직접 구현하는 데 약 8시간이 소요되었습니다.

접근 — 반복 구현 규칙을 AI Skill로 구조화

코드 템플릿이나 제너레이터로 반복 화면을 생성할 수도 있었지만, 여러 도메인에 개별 구현된 화면을 분석해 공통 패턴을 추출하고 템플릿을 직접 작성·유지해야 하는 비용이 있었습니다.

기존 구현에서 반복되는 규칙을 분석하고, 이를 AI가 재사용할 수 있는 형태로 구조화해 화면 생성을 자동화하는 방식을 선택했습니다.

  • AI로 기존 도메인 화면들의 CRUD·상세 화면 구현 패턴을 전수 분석
  • 공통 패턴을 컴포넌트 구성 규칙, API 연동 규칙, 메뉴 구성 규칙으로 정형화해 AI Skill로 구조화
  • 도메인 정보를 입력하면 CRUD 및 성능 조회·구성·설정·이벤트 등 상세 화면의 기본 구조가 생성되도록 자동화

결과

  • 도메인당 약 8시간 소요되던 반복 구현 작업을 도메인 정보 입력부터 생성·동작 테스트·검토까지 약 1시간으로 단축
  • 자동화 방식을 FE 개발자 3명에게 공유해 팀 내 신규 도메인 개발에 활용