카테고리 일괄 이동 프로그램

 1. 레이아웃 구조

  ┌─────────────────────────────────────────────┐
  │ 게시판 선택                                 │
  │ ┌──────────────────┬──────────────────┐    │
  │ │ 이동할 카테고리  │  대상 카테고리   │    │
  │ │ (다중 선택)      │  (단일 선택)     │    │
  │ ├──────────────────┼──────────────────┤    │
  │ │ ☑ 웹디자인 (45) │ ◉ 디자인 (234)  │    │
  │ │ ☑ 모바일 (32)   │ ○ UI/UX (67)    │    │
  │ └──────────────────┴──────────────────┘    │
  └─────────────────────────────────────────────┘

  ┌─────────────────────────────────────────────┐
  │ 이동될 게시물 미리보기    총 77개 게시물   │
  ├─────────────────────────────────────────────┤
  │ 웹사이트 리뉴얼 프로젝트                    │
  │ 홍길동 · 2025.12.02 10:30                  │
  │ [웹디자인] → [디자인]                       │
  ├─────────────────────────────────────────────┤
  │ 모바일 앱 UI 디자인                         │
  │ 김철수 · 2025.12.01 15:20                  │
  │ [모바일디자인] → [디자인]                   │
  └─────────────────────────────────────────────┘

  [카테고리 이동 실행]

  2. 실시간 게시물 미리보기

  작동 방식:
  1. 왼쪽에서 이동할 카테고리 선택 (체크박스)
  2. 선택 즉시 해당 카테고리의 게시물 목록 로드
  3. 오른쪽에서 대상 카테고리 선택 (라디오 버튼)
  4. 아래 미리보기 영역에 이동 전/후 카테고리 표시

  미리보기 정보:
  - 게시물 제목
  - 작성자 · 작성일시
  - 현재 카테고리 (빨간색 뱃지)
  - → 화살표
  - 이동할 카테고리 (파란색 뱃지)

  3. 주요 기능

  실시간 로딩:
  - 카테고리 선택 시 AJAX로 게시물 로드
  - 최대 100개까지 표시 (성능 고려)
  - 여러 카테고리 선택 시 모두 합쳐서 표시

  시각적 피드백:
  - 선택한 출발 카테고리: 빨간 테두리
  - 선택한 도착 카테고리: 파란 테두리
  - 게시물마다 이동 전후 카테고리 표시

  검색 기능:
  - 게시판 검색
  - 좌우 카테고리 각각 독립 검색

  사용 흐름

  1. 게시판 선택
     ↓
  2. 왼쪽에서 이동할 카테고리 선택
     → 게시물 목록 즉시 로드
     ↓
  3. 오른쪽에서 대상 카테고리 선택
     → 미리보기에 이동 후 카테고리 표시
     ↓
  4. 미리보기 확인 후 실행
     → 77개 게시물이 [웹디자인] → [디자인]으로 이동

  이제 이동될 게시물을 직접 확인하면서 안전하게 카테고리를 이동할 수 있습니다! 🎯