Jutro Digital Platform — Guidewire의 현대 보험 앱을 위한 비밀 소스
Introduction
솔직히 말해서, 대부분의 보험 소프트웨어는 노키아 폰이 “최첨단”이던 시절에 만든 것처럼 보입니다. Guidewire도 이를 눈치챘죠. 바로 JDP — Jutro Digital Platform이 등장합니다.
프레임워크? 맞습니다. 위의 모든 것.
React가 주방이라면, JDP는 이미 스토브, 레시피, 재료, 그리고 웨이터까지 모두 준비된 완전 장비된 레스토랑입니다. 하나씩 살펴보겠습니다.
What is JDP?
JDP는 React와 Jutro Design System으로 구동되는 현대 보험 웹 앱을 구축·운영·스타일링·배포까지 한 번에 할 수 있는 Guidewire의 올인원 플랫폼입니다.
Why does JDP exist?
엔터프라이즈 보험 앱을 만드는 것은 할 일 목록을 만드는 것과 다르기 때문입니다. 보험 앱은:
- 방대함
- 데이터 무거움
- 폼 무거움
- 다단계 흐름
- 다지역 지원
- 다브랜드 지원
- 항상 규제 대상
- 항상 감사 대상
- 대규모 운영 기대
React만으로는 이 모든 혼란을 해결할 수 없습니다. JDP는 다음을 제공함으로써 문제를 해결합니다:
- ✔ 프런트엔드 프레임워크 (React + Jutro)
- ✔ 전체 프런트엔드 라이프스타일
How JDP solves the challenges
1. Jutro Components
다음과 같은 미리 만들어진 UI 블록:
- 그리드
- 입력 필드
- 카드
- 업로더
- 네비게이션 바
- 다단계 폼
- 레이아웃 컨테이너
이제 “버튼을 처음부터 만들 필요”가 없습니다.
2. Floorplans (The Blueprint of Your App)
React 라우터와 MUI 그리드가 보험을 이해하는 아기를 낳았다면, 바로 이거입니다. 플로어플랜을 선택하세요:
- I‑shape – 헤더만
- L‑shape – 헤더 + 좌측 네비
- C‑shape – 헤더 + 좌측 네비 + 우측 패널
- R‑shape – 헤더 + 우측 사이드바
즉시 얻는 것:
- 반응형 레이아웃
- 논리적인 네비게이션
- 깔끔한 간격
- 접근성 구조
UI 혼란 없음. 디자이너와의 갈등도 사라집니다.
3. Patterns (Pre‑cooked UI flows)
보험은 예측 가능한 단계가 많습니다:
- “운전자 추가”
- “FNOL 접수”
- “결제 정보 입력”
- “요약 표시”
패턴은 여러 컴포넌트를 결합해 바로 사용할 수 있는 흐름을 제공합니다. 재사용 가능·확장 가능·엔터프라이즈 수준 안전.
4. Theming (Branding Without Tears)
JDP는 테마 작업을 거의 불법일 정도로 쉽게 만들어 줍니다. 정의만 하면 됩니다:
variableOverridesstylesOverrides- 디자인 토큰
실행:
npm run build-themes그 결과:
- 커스텀 색상
- 간격
- 폰트 스타일
- 기업 브랜딩
디자인 팀이 만든 200페이지짜리 PDF를 읽을 필요가 없습니다.
5. Digital SDK (Your API Cheat Code)
직접 fetch 호출을 작성할 수도 있겠지만, 왜 그렇게 할까요? Digital SDK가 제공하는 것:
- 자동 생성 TypeScript 모델
- 자동 생성 API 함수
- 자동 생성 스키마
- 강력히 타입이 지정된 페이로드
- 전체 PC/CC/BC 통합
코딩량 감소.
6. JWA — The “Control Center” for Front‑End Devs
JWA = Jutro Web Apps. 여기서 할 수 있는 일:
- 템플릿으로 앱 생성
- Git 레포 연결
- TeamCity로 앱 빌드
- 빌드 배포 및 승격
- 패키지 공유
- 동일 “스타 시스템” 아래 여러 앱 실행
네, JDP는 자체 은하 개념까지 갖추고 있습니다:
- Star Systems
- Planets
- Tenants
개발자들이 원했던 건 아니었겠지만…
Conclusion
보험의 미래를 구축하고 있다면, JDP는 선택 사항이 아니라 그 위에 구축해야 할 플랫폼입니다.