[SeSAC] 220812 TIL

돌아보며

새싹 과정을 시작하고 벌써 30번째 TIL이다. (1, 2일차 TIL은 어쩌다 보니 빼먹게 되었지만) 참 시간 빠르다... 처음에는 완벽하게 쓰고 싶어서 미루다가 정말 많이 밀렸었는데 이러다가 하나도 못 쓸 것 같아서 간단하게 필기해 뒀던 거 짤막하게 올리는 형태로 바꾸었다. 나중에 다시 찾아볼 수 있는 키워드를 모아놓았다고 생각하면 충분히 좋은 자산이 되지 않을까 싶다. (30일차까지 그래도 몇 자 적으려고 노력한 것은 칭찬한다.)

 

여기서 자체 피드백을 하자면, TIL은 그날 그날 쓰는게 베스트인 것 같고 키워드가 있다면 그에 대해 고민했던 나의 생각을 최대한 많이 적는 방식으로 보완해나가려고 한다. 그리고 코드 조각도 많이 모아놓으면 좋겠다고 생각이 든다. 사실 30일차까지의 TIL은 내용을 채워넣기에 급급했던 것 같고, 깊이가 많이 부족한 것 같다. 그동안 뭔가 자기 합리화하면서 너무 많이 나태해졌던 것 같고 시간도 막 쓴 것 같다. 조금 더 엄격하게 나를 통제하고, 중간 중간 복습 못 했던 내용 꼭 조금씩이라도 보완해나가보자.

 

의식의 흐름대로 몇 자 적으면서

---

 

미디어 관련

1. 사진 촬영
2. 갤러리 접근
3. 갤러리 저장

🏞 UIImagePickerController - 커스텀 불가, 사진 촬영
🎥 AVFoundation - 커스텀 (미디어 관련한 세부 처리)
🌆 PHPickerViewController - iOS 14이상, 갤러리 접근, 갤러리 저장, 다중 선택

 

 

---

 

YPImagePicker

• 인스타 그램과 같은 이미지, 비디오 피커
• Third-party 라이브러리
• 기본 ImagePicker는 커스텀이 제한적이기 때문에, 작업 기한 및 규모 등을 보고 적절하게 라이브러리를 이용하도록 하자.
• TLPhotoPicker라고 또 많이 쓰는 라이브러리가 있다. 그러나 YPImagePicker가 더 많이 쓰인다고 한다.

자세한 작동 방법은 공식 문서를 참고하도록 하자.

let picker = YPImagePicker()
picker.didFinishPicking { [unowned picker] items, _ in
    if let photo = items.singlePhoto {
        print(photo.fromCamera) // Image source (camera or library)
        print(photo.image) // Final image selected by the user
        print(photo.originalImage) // original image selected by the user, unfiltered
        print(photo.modifiedImage) // Transformed image, can be nil
        print(photo.exifMeta) // Print exif meta data of original image.
        
        self.imageView.image = photo.image
    }
    picker.dismiss(animated: true, completion: nil)
}
present(picker, animated: true, completion: nil)

 

---

 

UIImagePickerController

iOS 14.0 이상 부터는 갤러리 접근, 저장 같은 경우는 PHPickerViewController를 이용하도록 하자.

카메라

guard UIImagePickerController.isSourceTypeAvailable(.camera) else {
    return
}

picker.sourceType = .camera
picker.allowsEditing = true // 편집화면 등장

present(picker, animated: true)

앨범

guard UIImagePickerController.isSourceTypeAvailable(.photoLibrary) else {
    return
}

picker.sourceType = .photoLibrary
picker.allowsEditing = false // 편집화면 �X

present(picker, animated: true)

사진 저장

if let image = imageView.image {
    UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil)
}

델리게이트 메서드

기본적으로 UIImagePickerController는 네비게이션 컨트롤러를 상속 받고 있다. 그래서 아래에 UINavigationControllerDelegate도 함께 채택해주고 있음.

extension CameraViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate {

    // UIImagePickerController - 사진을 선택하거나 카메라 촬영 직후 실행
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
        // - 원본, 편집, 메타 데이터 등 infoKey
        // - 갤러리 상에 있는 이미지는 originalImage
        if let image = info[UIImagePickerController.InfoKey.editedImage] as? UIImage {
            self.imageView.image = image
            dismiss(animated: true)
        }
    }
    
    // UIImagePickerController 5. 취소 버튼 클릭 시
    func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
        // code
    }
}

 

---

 

Clova 얼굴 인식 API + MultipartFormData

문자열이 아닌 파일, 이미지, PDF 파일 자체가 그대로 전송 되지 않는다. 그래서 파일을 텍스트 형태로 인코딩하여 서버로 전송해야 한다. 결국 이 형태도 body에 담아보내는 post 요청의 한 형태라고 볼 수 있다.

import Alamofire
import SwiftyJSON

@IBAction func clovaFaceButtonTapped(_ sender: UIButton) {
    let url = "https://openapi.naver.com/v1/vision/celebrity"
    
    let headers: HTTPHeaders = [
        "X-Naver-Client-Id": "-",
        "X-Naver-Client-Secret": "-",
        "Content-Type": "multipart/form-data"
    ]
    
    // UIImage를 텍스트 형태(바이너리 타입)로 변환해서 전달
    // MIME Type
    guard let imageData = imageView.image?.jpegData(compressionQuality: 0.5) else { return }

    AF.upload(multipartFormData: { multipartFormData in
        multipartFormData.append(imageData, withName: "image")
    }, to: url, headers: headers)
    .validate(statusCode: 200...500)
    .responseData { response in
        switch response.result {
        case .success(let value):
            let json = JSON(value)
            print(json)
            
        case .failure(let error):
            print(error)
        }
    }
}

Content-Type

어떤 파일의 종류가 전송되는지 명시해줄 필요가 있다. 여러 파일을 업로드 해야 하는 경우라면 헤더에 Content-Type을 multipart/form-data로 명시해주어야 한다.

UIImage를 바이너리 타입으로 변환

// pngData()라는 메서드도 있다.
// 크기가 큰 이미지를 서버로 보내려고 하면 통신이 안되는 경우도 있는데 아래와 같이 압축해서 보내면 해결할 수 있다.
guard let imageData = imageView.image?.jpegData(compressionQuality: 0.5) else { return }