MD-18 · 메인 컨텐츠 편집 개선 — 개발 범위

화면은 이미 있습니다. 아래 빨간 번호 4개가 이번에 새로 만드는 것입니다.

한 줄 요약 — 순서를 지금은 드래그로만 바꾸는데, 엑셀·번호지정으로도 바꾸게 하고 드래그를 편하게(오토스크롤) 만든다.
화면 = 메인 컨텐츠 관리 (실제) · 번호 = 신규 개발
오더히어로 어드민 › 오더히어로 관리 › 메인 컨텐츠 관리

메인 컨텐츠 관리

카테고리(탭) → 하위 컨텐츠 → 컨텐츠별 정보·상품 편성

━ 모두 접기 1⇕ 순서 ＋ 카테고리 등록 ＋ 컨텐츠 등록 📗 엑셀 양식 2＋ 엑셀 순서 일괄
▸ 범용 카테고리
▾ 월말결산 🧧
↑↓ 월말결산 타임딜
↑↓ 월말결산 그리드
↑↓ 월말결산 농산
↑↓ 월말결산 가공
▸ BEST
▸ 이벤트·혜택
컨텐츠 정보
천안구리 외 15
한식카페 …
월말결산 타임딜
배너
07-27 ~ 07-31
상품 편성 (총 12)
3＋ 상품 추가 순서 ↑↓ 4저장
1

드래그 오토스크롤 프론트

지금
드래그로 순서는 바뀌지만, 목록이 길면 화면 끝에서 더 못 넘어감.
개발
드래그 중 화면 위/아래 끝에 닿으면 자동 스크롤. 순서 편집 전 페이지 공통 컴포넌트.
2

엑셀로 순서 일괄 프론트+백엔드

지금
한 개씩 드래그만 가능 (엑셀 없음).
개발
양식(히어로코드·순번·노출) 다운 → 편집 → 업로드하면 순서 통째로 반영. 존재하지 않는 코드는 실패 목록으로.
3

상품 추가 시 위치 지정 프론트+백엔드

지금
상품을 추가하면 무조건 맨 뒤에 붙음.
개발
추가할 때 첫번째 / N번째 / 맨뒤 선택해 끼워넣기. 이후 순번은 자동으로 밀림.
4

저장 시 순번 재채번 백엔드

지금
순번 중복·빈칸이 생길 수 있음.
개발
드래그·엑셀·삽입 무엇으로 바꿔도, 저장 시 순번을 1·2·3…로 자동 정리(중복·빈칸 제거).
범위 아님 (개발 X): 옛 시안이 그렸던 품절/미노출 '상태' 컬럼 — 스테이지 실측 결과 실제 화면엔 없음(실제는 공급사·단가·판매가·배지). · 휠 커서 위치 이동 세부 UX(★★★)는 구두 확인 후.
참고 · 클릭 프로토(실제 조작): md-group4-app/#cont · 허브: md-group4-hub/#s3