03

이미지 업로드 및 배포

이미지를 업로드하고 변경사항을 서버에 배포하는 방법을 안내합니다.

이미지 업로드하기

Manual Editor에 이미지를 업로드하는 방법을 안내합니다.

  1. 이미지 선택기 열기
    Form 모드에서 이미지 필드 옆의 "📷 이미지 선택" 버튼을 클릭합니다.
  2. 이미지 업로드
    이미지 선택기 모달에서: 1. "📤 업로드" 버튼 클릭 2. 업로드할 이미지 파일 선택 3. 업로드 완료 후 이미지 목록에서 선택
  3. 다국어 이미지 설정
    이미지 선택기에서 언어 탭(🇰🇷 한국어, 🇺🇸 English, 🇯🇵 日本語, 🇪🇸 Español)을 선택하여 각 언어별로 다른 이미지를 설정할 수 있습니다.

동기화 상태 확인

YAML 파일과 Sanity CMS 간의 동기화 상태를 확인하는 방법을 안내합니다.

동기화 상태 아이콘
헤더의 동기화 상태 아이콘으로 현재 상태를 확인할 수 있습니다:
  • 동기화됨: YAML과 Sanity가 일치
  • ⚠️ 차이점 있음: 일부 필드가 다름
  • 배포 안됨: Sanity에 문서가 없음
  • 🔄 확인 중: 상태 확인 중
사이드바 표시
사이드바의 섹션 목록에서:
  • 노란 점 (🟡): 서버에 배포되지 않은 섹션
  • 없음: 서버에 배포된 섹션
노란 점이 있는 섹션은 "서버 배포" 버튼을 클릭하여 배포해야 합니다.

서버 배포하기

변경사항을 Sanity CMS에 동기화하고 서버에 배포하는 방법을 안내합니다.

  1. 변경사항 확인
    편집한 내용이 자동 저장되었는지 확인합니다. (2초 대기 또는 섹션 전환 시 자동 저장)
  2. 서버 배포 버튼 클릭
    헤더의 "🚀 서버 배포" 버튼을 클릭합니다.
    • 전체 화면 로딩 오버레이가 표시됩니다
    • Sanity CMS에 동기화가 진행됩니다
    • 완료되면 토스트 메시지로 결과를 알려줍니다
  3. Git Commit (선택)
    "🚀 서버 배포" 버튼 옆의 "▼" 버튼을 클릭하여 "배포 + Commit"을 선택할 수 있습니다. Git Commit을 하려면: 1. Git 사용자 이름과 이메일 입력 2. 커밋 메시지 입력 3. "🚀 배포 + Commit" 버튼 클릭
주의사항
  • 서버 배포는 현재 열려있는 섹션에 대해서만 수행됩니다.
  • Git Commit도 현재 섹션 파일과 해당 제품의 모든 이미지만 포함됩니다.
  • 배포 전에 동기화 상태를 확인하여 차이점이 없는지 확인하는 것을 권장합니다.