1차 문제 상황

{
  "pics": ["string"],
  "dto": {
    "iteacher": 0,
    "albumTitle": "string",
    "albumContents": "string",
    "ialbum": 0
  }
}

• 기존 앨범 수정시 이미지 데이터 처리에 지속적 오류 발생
• 초기 API 설계시 시나리오
  • 앨범 수정 시 기존 및 신규 이미지 통합
  • 최종 리스트를 'pics' 배열에 담아 전송
• 발생 오류: formData 오류 또는 CORS 오류 발생

해결 시도

• 클라이언트 및 서버 측 대응
  • 로직 수정
  • formData 처리 방식 변경
• CORS 예외 처리 논의
  • 결론: 근본적 해결책 아님으로 배제됨

결과

• 핵심 인식: 기존 이미지에 대한 사전 처리 필요
• 논의된 접근 방법
  1. 클라이언트에서는 기존 이미지 전체 삭제 후 최종 리스트를 POST처리
  2. 서버에서는 기존/최종 리스트 비교 후 추가 이미지만 최종 업로드
• 최종 결정: 이미지 리스트 이원화
  • 삭제 이미지: 'delPics'로 pk값 전송
  • 추가 이미지: 'pics'에 담아 전송

수정된 JSON 구조

{
  "pics": ["string"],
  "dto": {
    "iteacher": 0,
    "albumTitle": "string",
    "albumContents": "string",
    "ialbum": 0,
    "delPics": [0]
  }
}

2차 문제 상황

{
  "pics": ["string"],
  "dto": {
    "iteacher": 0,
    "albumTitle": "string",
    "albumContents": "string",
    "ialbum": 0,
    "delPics": [0]
  }
}