오늘은 오픈소스 라이브러리인 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에서 이미지를
성공적으로 불러왔어요!
'Swift' 카테고리의 다른 글
Swift로 코딩테스트 시작하기, 시간복잡도, 공간복잡도, 입출력 (3) | 2024.03.29 |
---|---|
[Swift] Localization, 앱 현지화하기 (1) (1) | 2024.03.06 |
[Swift] 동적으로 셀 높이 가져오기! automaticDimension : TableViewCell의 Dynamic Height (1) | 2024.01.13 |
[Swift] 알림창 Alert 띄우기, UIAlertController (0) | 2024.01.11 |
[Swift] 앱의 기본 모드를 Dark mode, Light mode로 변경하기 (0) | 2024.01.10 |