connect upload component's error to message

[yougyung]

📌 작업 내용

구현 내용 및 작업 했던 내역
#92

• error code 반영
• fetch -> fetch-ax 로 request migration

🤔 고민 했던 부분

성적 업로드 페이지의 error code 반영

• ERROR_CODE에 정의되지 않은 메시지도 서버에서 전송하는 경우가 존재하므로
  • errorCode && errorCode in ERROR_CODE가 false인 경우에는 errorCode를 그대로 노출합니다.
• INVALIDATED_GRADUATION_CATEGORY, UNFITTED_GRADUATION_CATEGORY 경우는, 결과 도메인과 관련된 에러이지만 사용자에게 노출 될 가능성이 없다고 판단해 적용하지 않았습니다.

formdata 요청에 대한 오류

• 문제 상황에 대한 해결책
  • fetch-ax에서 [formdata 요청에 대해 content type을 undefined로 설정]

상황

// 문제 발생 코드
export const parsePDFtoText = async (formData: FormData) => {
   const response= await fetch(API_PATH.parsePDFtoText, { method: 'POST', body: formData });
   return response.text();
};

• parsePDFtoText는 formdata를 담아 요청을 전송
• content-type을 multipart/form-data으로 담아서 요청하는 경우, 500에러를 반환
  • multipart 데이터에서 각 파트를 구분하는 boundary가 존재하지 않기 때문임

fetch의 formdata요청 발생 시

• 사용자의 content-type 설정 없어도 Content-Type: multipart/form-data; boundary=<boundary> 설정 진행
• 사용자가 직접 Content-Type을 설정하면 boundary 누락으로 요청이 실패

-> 따라서 fetch-ax도 자동으로 content-type이 설정되도록 유도하기 위해 formdata 요청에 대해 content type을 undefined로 설정을 변경할 계획입니다.

[seonghunYang]

• 확인했습니다!

[seonghunYang]

• Error 객체에서 에러 메시지 처리하는 방식 좋네요

[gahyuun]

고생하셨어ㅇ용

[gahyuun]

Myongji-Graduate/fetch-ax#25

이거 text 함수 필요 없도록 수정하신 거 아닌가용??

[yougyung]

해당 요청이 PR에 서술한 formdata 요청에 대한 오류문제가 발생한 함수입니다.
따라 fetch-ax에 변경사항이 업데이트 되기 전까지, fetch-ax로 전환하는 것을 미루고 fetch를 그대로 사용했습니다. 해당 요청은 응답이 text형식으로 전달되므로 text()를 통해 parsing을 진행했습니다!