Manual Editor 접근하기

1. 브라우저에서 Manual Editor URL 열기

   개발 환경: http://localhost:3010/admin/manual-editor 프로덕션: https://your-domain.com/admin/manual-editor
2. 제품 선택

   상단 헤더의 제품 드롭다운에서 편집할 매뉴얼 제품을 선택합니다.
3. 섹션 선택

   왼쪽 사이드바에서 편집할 섹션 파일을 클릭합니다.

편집 모드 (YAML / Form)

자동 저장 기능

새 섹션 추가하기

1. + 버튼 클릭

   사이드바 상단의 "+" 버튼을 클릭합니다.
2. 섹션 정보 입력

   모달 창에서 다음 정보를 입력합니다:

   • 섹션 번호: 숫자만 입력 (예: "03")
   • Slug: 영문 소문자, 숫자, 하이픈(-)만 사용 (예: "new-feature")
   • 제목: 다국어 제목 입력
3. 생성 완료

   ✅ 버튼을 클릭하면 새 섹션 파일이 생성되고 자동으로 선택됩니다.

서브섹션 추가하기

1. + 서브섹션 추가 버튼 클릭

   Form 모드에서 "+ 서브섹션 추가" 버튼을 클릭합니다.
2. 서브섹션 정보 입력

   서브섹션의 다음 정보를 입력합니다:

   • ID: 고유 식별자 (예: "feature-overview")
   • 제목: 다국어 제목
   • 설명: 다국어 설명 (선택)

콘텐츠 추가하기

1. 서브섹션 확장

   콘텐츠를 추가할 서브섹션을 클릭하여 확장합니다.
2. 콘텐츠 타입 선택

   +콘텐츠 추가" 버튼을 클릭하고 원하는 콘텐츠 타입을 선택합니다.
3. 콘텐츠 편집

   선택한 콘텐츠 타입에 맞는 필드를 입력합니다.

드래그 앤 드롭으로 순서 변경

1. 항목 드래그

   이동하려는 서브섹션 또는 콘텐츠 항목을 클릭하고 드래그합니다.
2. 목표 위치에 드롭

   원하는 위치로 드래그한 후 마우스를 놓으면 순서가 변경됩니다.

이미지 업로드하기

1. 이미지 선택기 열기

   Form 모드에서 이미지 필드 옆의 "📷 이미지 선택" 버튼을 클릭합니다.
2. 이미지 업로드

   이미지 선택기 모달에서: 1. "📤 업로드" 버튼 클릭 2. 업로드할 이미지 파일 선택 3. 업로드 완료 후 이미지 목록에서 선택
3. 다국어 이미지 설정

   이미지 선택기에서 언어 탭(🇰🇷 한국어, 🇺🇸 English, 🇯🇵 日本語, 🇪🇸 Español)을 선택하여 각 언어별로 다른 이미지를 설정할 수 있습니다.

동기화 상태 확인

서버 배포하기

1. 변경사항 확인

   편집한 내용이 자동 저장되었는지 확인합니다. (2초 대기 또는 섹션 전환 시 자동 저장)
2. 서버 배포 버튼 클릭

   헤더의 "🚀 서버 배포" 버튼을 클릭합니다.

   • 전체 화면 로딩 오버레이가 표시됩니다
   • Sanity CMS에 동기화가 진행됩니다
   • 완료되면 토스트 메시지로 결과를 알려줍니다
3. Git Commit (선택)

   "🚀 서버 배포" 버튼 옆의 "▼" 버튼을 클릭하여 "배포 + Commit"을 선택할 수 있습니다. Git Commit을 하려면: 1. Git 사용자 이름과 이메일 입력 2. 커밋 메시지 입력 3. "🚀 배포 + Commit" 버튼 클릭

키보드 단축키

Markdown 서식 사용하기

콘텐츠 삭제하기

모범 사례