javascript formdata

[JavaScript] FormData 알아보고 서버로 이미지 전송해보자

프로젝트를 진행하던 도중 백엔드로 이미지파일과 이미지 정보를 전송하는 일이 있었는데 그때 사용하는 FormData라는 API를 사용하는 방법에 대해서 간단하게 알아보고자 합니다. 서버에 데이터 전송 과정클라이언트에서 서버로 데이터를 주고받을 때 HTTP 통신 규약으로 전송이 되는데, HTTP Request Header에 전송할 데이터는 어떤 것인지 명시하기 위해 Content-Type이라는 속성을 사용합니다. RestFul API 요청을 많이 사용하므로 보통은 Content-Type에 application/json으로 설정하여 많이 사용합니다. 정리하면 Body에 담은 데이터를 어떤 방식으로 인코딩하여 전송할지 설정하는 것입니다. 이미지 데이터 전송 과정통상 알고 있는 이미지 데이터는 png나 jpg인데..