Swift

[Swift] 오픈소스 라이브러리 사용하기 (2): Kingfisher로 URL 이미지 다운로드하기

쨈미니 2024. 2. 5. 23:55

 

오늘은 오픈소스 라이브러리인 Kingfisher를 이용해

웹 URL 이미지를 불러와볼게요!

 

 

오픈소스 라이브러리를 이용하면

더욱 간단하고 활용성 높게 코드를 작성하고

강력한 기능들을 확장하여 사용할 수 있어요!

 

Kingfisher란?

Kingfisher는 이미지 다운로르 및 캐싱 라이브러리예요.

URL을 통해 이미지를 비동기적으로 다운로드하고

캐시에 저장해 나중에 재사용할 수 있도록 도와주죠.

 

앱을 이용하면서 서버에서 이미지를 다운로드하고

화면에 표현하는 경우가 아주 많습니다.

 

이 과정에서

네트워크 연결이 느리거나

이미지를 반복해 다운로드해야 할 수 있어요.

 

 

Kingfisher는 캐시를 사용해 다운로드한 이미지를 저장하여

다운로드를 더 효율적으로 처리하는데 도움을 줘요.

 

 

즉, URL로 외부 이미지(웹 이미지)를 불러오는데

더욱 편리하게 코드를 작성하게 도와주는

라이브러리다!

 

라고 생각해 볼게요!

 

Kingfisher로 웹 URL 이미지 불러오기

 

랜덤 이미지를 제공해 주는 Lorem Picsum의 URL을 이용해

Kingfisher를 간단하게 사용해 볼게요

 

하단 북마크에서 원하는 URL을 찾아보세요!

 

Lorem Picsum

Lorem Ipsum... but for photos

picsum.photos

저는 바로 위에 나와있는 이 URL을 복사해 놓을게요!

 

 

 

 

Package Dependencies에서 Kingfisher를 추가해요!

 

👉👉👉 라이브러리 추가하는 방법 👈👈👈

 

▼▼▼  Kingfisher  ▼▼▼

 

 

GitHub - onevcat/Kingfisher: A lightweight, pure-Swift library for downloading and caching images from the web.

A lightweight, pure-Swift library for downloading and caching images from the web. - GitHub - onevcat/Kingfisher: A lightweight, pure-Swift library for downloading and caching images from the web.

github.com

 

 

 

프로젝트에 올바르게 타켓되었는지 확인하고

프로젝트를 추가해요

 

프로젝트 네비게이터 영역에서 추가된 패키지 목록을 확인해요.

Kingfisher가 잘 추가됐군요!

 

 

View에 회색배경의 ImageView를 추가했어요.

여기에 이미지를 띄워볼게요!

 

 

Kingfisher를 사용하기 위해서는

해당 파일에 Kingfisher를 import 해야 해요!

 

 

kingfisher 리드미에서 사용법을 참고해

위와 같은 코드로

posterImage에 url의 이미지를 불러와요!

 

 

이제 앱을 실행해 보면...

 

짠!

 

Lorem picsum에서 이미지를

성공적으로 불러왔어요!