Seunghyeon's lab.

  • 홈
  • 태그
  • 방명록
  • 글

react-hook-form 1

JSON Schema → React Form 자동 생성: 플러그인 설정 UI 코드젠 파이프라인 구축

플러그인 설정 화면을 손으로 짜본 사람이라면 안다. 필드 하나 추가할 때마다 폼 컴포넌트, zod 스키마, 기본값, 에러 메시지를 네 곳에서 동시에 고쳐야 하는 그 번거로움을. 이 글은 plugin.schema.json 파일 하나를 소스 오브 트루스로 삼아, 빌드 타임에 React 폼 컴포넌트 전체를 자동 생성하는 파이프라인을 직접 구현한 경험을 정리한 것이다. Claude Code 플러그인 시리즈 7화다.왜 코드젠인가 — 문제 직면처음엔 react-jsonschema-form 같은 런타임 렌더러를 쓰려고 했다. 스키마를 넘기면 폼을 그려주는 방식이다. 시도해봤더니 두 가지가 걸렸다.첫째, Claude Code 플러그인 SDK의 settingsComponent는 정적으로 import된 React 컴포넌트..

카테고리 없음 2026.05.07
이전
1
다음
더보기
프로필사진

Seunghyeon's lab.

Claude Code와 바이브코딩의 입문·활용·실전·인사이트를 기록합니다.

  • 분류 전체보기 (123) N
    • Code 입문 (31) N
    • Code 활용 (7)
    • Code 실전 (22) N
    • Code 빌드 (1)
    • AI 인사이트 (40) N
    • AI 건축 (0)
    • AI 마켓노트 (4)

Tag

only, Blog, Claude-Code, claudecode, AI 자동화, Plugin, Claude Code 입문, ai 코딩, AI자동화, 셀프호스팅, Mac-Mini, claude code, AI 도구, Claude Code 실전, 개발생산성, 자동화, 보안, n8n, Anthropic, Claude.md,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바