개요
프로젝트를 진행하면서 브라우저에서 엑셀 파일을 업로드하고 수정한 엑셀 파일 및 데이터를 BE로 보내는 과정에서
JSON 형식이 아닌 formData 형식으로 보내야했다.
코드

- formData 객체를 생성 후 append를 사용하여 key, value를 추가해준다.
- formData 객체를 console.log 호출 시 `{}`만 출력된다.
- `for ... of` 문으로 출력해야 console 창에서 확인이 가능하다.
- multipart 형식으로 보내야하는 File은 input 창에 업로드되거나 drop 된 원본 파일을 그대로 보내줘야 한다. 위 코드에서는 Jotai 상태값으로 관리해주었다.

'Frontend' 카테고리의 다른 글
[R3F] 3D 객체 겹쳐보이는 이슈 z-fighting 해결하기 (0) | 2025.03.04 |
---|---|
[React] SPA에서 페이지 이탈 감지하기 (0) | 2024.12.12 |
[Sass] 다크 모드, 라이트 모드 구현하기 (1) | 2024.06.10 |
[Storybook] 라이트모드, 다크모드 토글 기능 추가하기 (0) | 2024.06.10 |
"jsx-a11y/no-noninteractive-element-interactions" 에러 해결 (0) | 2024.05.11 |