01

Manual Editor 시작하기

Manual Editor는 YAML 기반 매뉴얼 콘텐츠를 편집하고 Sanity CMS에 동기화하는 도구입니다.

Manual Editor 접근하기

Manual Editor에 접근하는 방법을 안내합니다.

  1. 브라우저에서 Manual Editor URL 열기
    개발 환경: http://localhost:3010/admin/manual-editor 프로덕션: https://your-domain.com/admin/manual-editor
  2. 제품 선택
    상단 헤더의 제품 드롭다운에서 편집할 매뉴얼 제품을 선택합니다.
  3. 섹션 선택
    왼쪽 사이드바에서 편집할 섹션 파일을 클릭합니다.

편집 모드 (YAML / Form)

Manual Editor는 두 가지 편집 모드를 제공합니다.

YAML 모드
YAML 모드는 원본 YAML 파일을 직접 편집합니다.
  • 전체 파일 구조를 한눈에 볼 수 있음
  • 빠른 대량 수정에 유리
  • YAML 문법에 익숙한 사용자에게 적합
  • _product.yaml 파일은 YAML 모드에서만 편집 가능
Form 모드
Form 모드는 시각적인 폼 인터페이스로 편집합니다.
  • 직관적인 UI로 편집 가능
  • 드래그 앤 드롭으로 순서 변경
  • 이미지 선택기 내장
  • 실시간 미리보기 제공
  • 섹션 파일만 지원 (_product.yaml 제외)

자동 저장 기능

Manual Editor는 자동 저장 기능을 제공합니다.

자동 저장 동작
  • 2초 대기 후 자동 저장: 편집 후 2초간 입력이 없으면 자동으로 파일에 저장됩니다.
  • 섹션 전환 시 즉시 저장: 다른 섹션으로 이동하면 현재 섹션의 변경사항이 즉시 저장됩니다.
  • 저장 상태 표시: 사이드바의 노란 점(🟡)으로 배포되지 않은 섹션을 확인할 수 있습니다.