๐Ÿ”ฅTIL๐Ÿ”ฅ๊ธฐ์ˆ ๋ฉด์ ‘์งˆ๋ฌธ | Picasso VS Glide VS Coil

hyihyiยท2024๋…„ 4์›” 29์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
68/70
post-thumbnail

๐Ÿ“– ๋‹ค์–‘ํ•œ Image Loader Library๋“ค

1. Picasso

ํŠน์ง•

  • API๊ฐ€ ๋‹จ์ˆœํ•˜๋ฉฐ ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฝ๋‹ค.
  • ์ž๋™ ๋ฉ”๋ชจ๋ฆฌ์™€ ๋””์Šคํฌ ์บ์‹ฑ์„ ์ง€์›ํ•œ๋‹ค.

2. Glide

ํŠน์ง•

  • Picasso๋ณด๋‹ค ๋” ๋งŽ์€ ๊ธฐ๋Šฅ๊ณผ ์„ฑ๋Šฅ ์ตœ์ ํ™”๋ฅผ ์ œ๊ณตํ•œ๋‹ค.
  • GIF ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ง€์›์ด ๋‚ด์žฅ๋˜์–ด ์žˆ๋‹ค.
  • ์ƒ๋ช…์ฃผ๊ธฐ๋ฅผ ์ธ์‹ํ•˜๋Š” ์ปจํ…์ŠคํŠธ(์˜ˆ: Activity, Fragment)์™€ ํ†ตํ•ฉ๋˜์–ด ์žˆ์–ด ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ๊ฐ€ ๋” ํšจ์œจ์ ์ด๋‹ค.
  • ์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ฆˆ ๋ฐ ๋””์Šคํฌ ์บ์‹œ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ์˜ต์…˜์ด ๋” ๋‹ค์–‘ํ•˜๋‹ค.

3. Coil

ํŠน์ง•

  • Kotlin์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์œผ๋ฉฐ ์ฝ”๋ฃจํ‹ด์„ ์‚ฌ์šฉํ•˜์—ฌ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๋ฅผ ํ•œ๋‹ค.
  • ํ•˜๋“œ์›จ์–ด ๊ฐ€์†๋œ ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ ๋ฐ ์ ์€ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ์ด ํŠน์ง•์ด๋‹ค.
  • ์ƒ๋ช…์ฃผ๊ธฐ ์ธ์‹ ๋ฐ Jetpack Compose์™€์˜ ํ†ตํ•ฉ ์ง€์›์„ ์ œ๊ณตํ•œ๋‹ค.

๐Ÿ“– ์„ฑ๋Šฅ ๋ฐ ์‚ฌ์šฉ์„ฑ ๋น„๊ต

  • ์„ฑ๋Šฅ: Glide๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์ด๋ฏธ์ง€ ๋กœ๋”ฉ ๋ฐ ์บ์‹ฑ์—์„œ ๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ ํ‰๊ฐ€๋˜๋ฉฐ, ๋Œ€๋Ÿ‰์˜ ์ด๋ฏธ์ง€ ๋ฐ GIF ์ฒ˜๋ฆฌ์— ๋”์šฑ ์ ํ•ฉํ•˜๋‹ค. Coil์€ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ ์ตœ์ ํ™”์™€ ์ตœ์‹  Kotlin ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•˜์—ฌ ์„ฑ๋Šฅ์ด ์šฐ์ˆ˜ํ•˜๋‹ค. Picasso๋Š” ์„ฑ๋Šฅ ๋ฉด์—์„œ Glide๋‚˜ Coil๋ณด๋‹ค ์•ฝ๊ฐ„ ๋’ค์ฒ˜์งˆ ์ˆ˜ ์žˆ๋‹ค.
  • ์‚ฌ์šฉ์„ฑ: Picasso์™€ Glide๋Š” ์ž๋ฐ”์™€ ์ž˜ ํ˜ธํ™˜๋˜๋ฉฐ, ๊ธด ์—ญ์‚ฌ๋ฅผ ๊ฐ€์ง„ ์•ˆ์ •์ ์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. Coil์€ Kotlin๊ณผ์˜ ํ†ตํ•ฉ์ด ๋งค์šฐ ์šฐ์ˆ˜ํ•˜์—ฌ Kotlin์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์ถ”์ฒœํ•œ๋‹ค.
profile
๋‚ด๊ฐ€ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์“ฐ๋Š” ๋ธ”๋กœ๊ทธ

0๊ฐœ์˜ ๋Œ“๊ธ€