본문으로 건너뛰기
Clinford Jordano Valencia
모든 프로젝트
플랫폼웹모바일

KYC Studio, 스키마 기반 흐름

Git 기반 설정 코드화와 함께하는 설정 주도 UI 플랫폼으로, 규제 변경을 프론트엔드 배포 없이 몇 시간 안에 반영합니다.

역할
Senior Frontend Engineer
기간
2025–현재
기술 스택
TypeScript · jsonform · Mini Program · Git · CI/CD · Schema validation

문제

100개가 넘는 국가의 인증 흐름은 코드 중복을 낳았고, 규제 담당이나 제품 팀이 지역 규칙을 바꾸려 할 때마다 엔지니어링 티켓이 필요했습니다.

접근 방식

  • 스키마로 폼을 렌더링. UI는 jsonform을 통해 JSON 또는 YAML 설정을 읽고, 스키마가 필드와 검증 규칙을 만듭니다. 네이티브 NFC 브리지나 라이브니스 검사 시작 같은 커스텀 동작은 코드에 둡니다.
  • 같은 단계, 다른 결과. 각 단계가 국가와 플랫폼(웹, 모바일, Mini Program)마다 무엇을 할지는 설정이 정합니다. NFC를 지원하는 곳에서는 스캔 안내와 "NFC로 스캔" 버튼을, 그렇지 않은 곳에서는 일반 폼 필드와 "계속" 버튼을 보여 줍니다. 제품과 규제 담당자는 코드가 아니라 설정에서 이를 바꿉니다.
  • 설정을 코드로. 규제·제품 담당자는 Git으로 변경을 제출합니다. 변경마다 자동으로 pull request가 열리고, TypeScript 타입에 기반한 엄격한 스키마 검증이 CI에서 실행되어 잘못된 설정은 운영에 닿기 전에 실패합니다.

설명할 가치가 있는 두 가지 결정

렌더링은 jsonform, 동작은 코드. 서버가 보낸 임의의 로직을 실행하는 완전한 서버 주도 UI는 원격 코드 실행 위험과 성능 문제를 부릅니다. 데이터 기반 렌더링에 동작은 미리 컴파일된 핸들러에 묶으면, 그 위험 없이 유연성을 지킬 수 있습니다.

관리자 폼 대신 Git. 통제 없는 손쉬운 수정은 운영 흐름을 망가뜨립니다. Pull request, 타입 검사, CI 덕분에 모든 변경은 누가 했는지 분명하고, 리뷰를 거치며, 쉽게 되돌릴 수 있습니다.

결과

설정 배포가 더는 프론트엔드 배포에 묶이지 않아 다중 시장 규제 업데이트가 몇 주에서 몇 시간으로 줄었고, 지역별 코드 중복도 더 늘어나지 않았습니다.