학과별 커뮤니티 개발 - 8

2023.11.10 ~ 2023.11.16

프론트엔드, 백엔드 간 데이터 통신 구축

이미지 업로드 기능, 이미지 데이터 변환, 통신을 진행했습니다.
멀티파트를 사용하여 이미지를 포함한 데이터를 서버로 전송하였습니다.

기존에 사용하던 URLSession이 아니라, Alamofire라는 라이브러리를 사용하여 이미지 통신을 구현했습니 다.

multipartFormData

멀티파트 폼 데이터는 HTTP 요청에서 여러 종류의 데이터를 함께 전송하는 방법 중 하나 입니다. 다른 팀원이 진행하는 엑셀 파일 업로드, 저의 이미지 업로드 동일 한 방식으로 데이터 통신을 진행하였습니다.

구현

이미지의 업로드 갯수 제한은 5개로 두었고, 여러 데이터 유형을 하나의 HTTPS 요청으로 전송하였습니다.
5개의 이미지 파일을 반복문을 통해 pngData 형식으로 변환하였고, multipartFormData에 한 이미지 데이터씩 append하였습니다.

이렇게 만들어진 multipartData를 POST 형식으로 이미지 파일을 전송하고 Response로 imageURL, imageName을 받아 추가로 게시글을 업 로드 할때, 통신을 한 번 더 진행했습니다.

구현 코드 GitHub : https://github.com/Creative-Semester/ios

참고자료 : https://velog.io/@lwb112/iOS-multipartform-data-사용해보기
https://www.youtube.com/@dev_jeongdaeri
야곰(Swift5) 교재