106. (TWOK/LOGIC) [Mobile] 모바일 ( android , ios ) 네이티브 이미지 리사이즈 최적화 로직 - image resize

---

[로직 정리]

​

정리 로직 : Mobile

​

상태 : [Mobile] 모바일 ( android , ios ) 네이티브 이미지 리사이즈 최적화 로직 - image resize

 

---

[설 명]

 

// --------------------------------------------------------------------------------------
[사전) 설정 및 정보 확인 사항]
// --------------------------------------------------------------------------------------

- 서버에 있는 이미지를 다운 받기 위해 사전 서버에 이미지 파일 업로드 필요

- 모바일 (Android, Ios) 에서 http 통신 수행을 위한 http 통신 모듈 제작

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[로직 설명]
// --------------------------------------------------------------------------------------

1. 모바일 (Android , Ios) 에서 http 통신을 사용해 이미지 파일 확인 요청


2. 정상적으로 Response 응답을 받은 경우 이미지 파일을 이미지 뷰에 표시 수행

  >> Response 응답에서 mimeType 타입 확인 후 image / img 로 되어 있는 경우 이미지 뷰에 표시

  >> Android : byte to bitmap 이미지 표시

  >> Ios : data to image 이미지 표시


3. 이미지 뷰에 표시 된 사진 다시 Resize 조절 수행 실시 

  >> Android : Bitmap 크기를 새롭게 지정해 사이즈 조절 수행

  >> Ios : UIGraphicsImageRenderer 사용해 CGSize 값 새롭게 지정 수행


4. 참고 : http 통신 응답을 받은 경우에 즉시 이미지 파일 resize 후 이미지 뷰에 표시할 수 도 있음

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

[Android : Scoped Storage 사용해 이미지 파일 저장 및 호출]

https://blog.naver.com/kkh0977/222350617998?trackingCode=blog_bloghome_searchlist


[Java : bitmapResizeImage : Bitmap 이미지 리사이징 수행]

https://blog.naver.com/kkh0977/223432218996?trackingCode=blog_bloghome_searchlist


[Kotlin : bitmapResizeImage : Bitmap 이미지 리사이징 수행]

https://blog.naver.com/kkh0977/223432221657?trackingCode=blog_bloghome_searchlist


[Kotlin : DownloadManager 다운로드 매니저 사용해 이미지 파일 다운로드 및 갤러리에 저장]

https://blog.naver.com/kkh0977/223403630945?trackingCode=blog_bloghome_searchlist


[Swift : resizeImage : UIImage Resize 이미지 리사이징 수행]

https://blog.naver.com/kkh0977/223432685619?trackingCode=blog_bloghome_searchlist


[Swift : URLSession 사용해 http get 방식 이미지 주소 호출 및 이미지 뷰에 이미지 (image) 표시 실시]

https://blog.naver.com/kkh0977/222677346164?trackingCode=blog_bloghome_searchlist


[Swift : Alamofire ver_5 아라모파이어 http 통신 멀티 파트 사용해 이미지 (image) 파일 업로드 실시]

https://blog.naver.com/kkh0977/222691507914?trackingCode=blog_bloghome_searchlist


[Spring : Post Body Form Data 사용해 서버 로컬에 사진 이미지 저장 실시]

https://blog.naver.com/kkh0977/222432745922?trackingCode=blog_bloghome_searchlist


[Talend API Tester (http 통신 테스터) 사용해 멀티파트 form data 요청 방법 정의]

https://blog.naver.com/kkh0977/222432769604?trackingCode=blog_bloghome_searchlist


[NodeJs : bodyParser , multer 모듈 사용해 (다중) array 멀티 파트 데이터 내부 서버에 파일 저장 수행]

https://blog.naver.com/kkh0977/223315132333?trackingCode=blog_bloghome_searchlist

// --------------------------------------------------------------------------------------

---