[FEAT/#112] 이미지 캐시를 구현하고, 비동기 이미지 설정 메소드에 적용합니다.

[youn9k]

🤔 배경

스티커 이모지를 네트워킹을 통해 비동기로 불러오는데, 네트워크 환경에 따라 불러오는 속도가 느려 사용자 경험이 좋지 않았습니다.

📃 작업 내역

• 이미지 캐시 구현
  NSCache를 활용해 메모리 캐시를 구현합니다.
  FileManager를 통해 Image를 Data로 변환해 저장합니다.

캐싱 방식

1. 해당 url에 해당하는 캐시을 요청합니다.

let cachedImage = ImageCache.readCache(with: url)

2-1. 먼저 메모리 캐시에서 찾고, 없으면 디스크 캐시에서 찾아 메모리 캐시를 업데이트한 후 이미지를 리턴합니다.

public static func readCache(with imageURL: URL) -> CacheableImage? {
        let imageURLStr = imageURL.absoluteString as NSString

        if let memoryCachedImage = memoryCache.object(forKey: imageURLStr) {
            return memoryCachedImage
        } else {
            guard let diskCachedImage = diskCache.readCache(with: imageURL) else { return nil }
            memoryCache.setObject(diskCachedImage, forKey: imageURLStr)
            return diskCachedImage
        }
    }

2-2. 캐시 히트에 실패한 경우, 네트워크 요청을 통해 이미지를 가져오고 메모리 캐시와 디스크 캐시를 업데이트하고 이미지를 설정합니다.

// UIImageView+SetAsyncImage.swift
let (data, response) = try await URLSession.shared.data(from: url)
...
let cachingImage = CacheableImage(imageData: data)
ImageCache.updateCache(with: url, image: cachingImage)
...           
self.image = image

// ImageCache.swift
public static func updateCache(with imageURL: URL, image: CacheableImage) {
        let key = imageURL.absoluteString as NSString
        memoryCache.setObject(image, forKey: key)
        diskCache.updateCache(with: imageURL, image: image)
    }

✅ 리뷰 노트

빠르게 구현한거라 가독성이 좋지 않습니다🥲

[0Hooni]

빛영규 킹영규 갓영규 킹갓제네럴엠페럴영규

LGTM 💯

[hsw1920]

이미지 캐시 너무 좋아요!

[Kiyoung-Kim-57]

캐시 너무 좋습니다!