프로젝트Case study
지오유React · TypeScript · BlockNote · Orval

ZioForm

직접 제작하는 A4 폼에 데이터를 입력받고 관리하는 기업용 도구

ZioForm

프로젝트 개요

Vite, React, TypeScript로 Zero to One 개발한 기업용 사용자 정의 폼 서비스입니다. BlockNote 위에 확장 가능한 커스텀 블록 체계를 설계하고, 폼 작성부터 API 연동까지 프론트엔드 기반을 구축했습니다.

핵심 기여

  1. 01

    블록 스키마·렌더링·옵션·Formatter·Props를 통합 관리하는 팩토리 패턴

  2. 02

    텍스트·선택형 입력·날짜·수식·함수·서명 등 32종의 커스텀 블록

  3. 03

    Orval을 도입한 OpenAPI Spec 기반 타입 안전 API 코드 자동 생성