๐Ÿ’กLottie ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š”๋ฐ, ์ฒ˜์Œ์ด๋ผ ๋ง‰๋ง‰ํ•˜๋‹ค๋ฉด? ์—ฌ๊ธฐ ๋ฌด๋ฃŒ ์˜จ๋ผ์ธ ๊ฐ•์ขŒ๋ฅผ ์ด์šฉํ•ด๋ณด์„ธ์š”. ๐Ÿค“ Lottie ์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•œ ์ œ์ž‘ ๊ฐ€์ด๋“œ๋ฅผ ์˜์ƒ์ธ๋ฐ์š”. ๋ฌด๋ ค Lottie ์ œ์ž‘์— ์ฐธ์—ฌํ–ˆ๋˜ โ—๏ธAirbnb์˜ ์ˆ˜์„ ์• ๋‹ˆ๋ฉ”์ดํ„ฐ Salih Abdul-Karimโ—๏ธ๊ฐ€ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค! โ—ฝ๏ธAfter Effect์— Lottiefiles ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•˜๋Š” ๊ฒƒ๋ถ€ํ„ฐ โ—ฝ๏ธAfter Effect์™€ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ธฐ์ดˆ โ—ฝ๏ธLottie ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ œ์ž‘ ๋ฐ ํ™œ์šฉ ๋“ฑ์„ ๋‹ค๋ฃจ๊ณ  ์žˆ์–ด์„œ ์–ด๋””์„œ๋ถ€ํ„ฐ ์–ด๋–ป๊ฒŒ ์‹œ์ž‘ํ•ด์•ผ ํ• ์ง€ ๋ง‰์—ฐํ–ˆ๋˜ ๋ถ„๋“ค์—๊ฒŒ ์œ ์šฉํ•œ ์ž๋ฃŒ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค! ใ€ฐ๏ธ ํ•จ๊ป˜ ์ฝ์œผ๋ฉด ์ข‹์„ ์ž๋ฃŒ ๐Ÿ‘‰์ฒ˜์Œ ๋กœํ‹ฐ๋ฅผ ์ถœ์‹œ ํ›„ Salih Abdul-Karim์ด ๋กœํ‹ฐ๋ฅผ ์†Œ๊ฐœํ•˜๋Š” ๊ธ€: https://airbnb.design/introducing-lottie/ ๐Ÿ‘‰Lottie์˜ ๊ฐ„๋žตํ•œ ์—ญ์‚ฌ์™€ Lottieflies๋Š” ๋ฌด์—‡์ธ์ง€ ๋‹ค๋ฃฌ ๊ธ€: https://lottiefiles.com/what-is-lottie

A beginner's guide to Lottie - Introduction

lottiefiles.com

A beginner's guide to Lottie - Introduction

๋” ๋งŽ์€ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณด๊ณ  ์‹ถ๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2020๋…„ 8์›” 9์ผ ์˜ค์ „ 6:43

๋Œ“๊ธ€ 0




๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

1

ํ•œ๊ธฐ์šฉ UpZen ์ฐฝ์—…์ž ๋Œ€ํ‘œ

์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•Œ์•„์•ผํ•˜๋Š” 9๊ฐ€์ง€ ํฌ์ธํŠธ๋“ค - ์‚ฌ๊ณ  ๋Œ€์ฒ˜ ๋Šฅ๋ ฅ ํ‚ค์šฐ

2

๊ถŒํƒœ๊ด€ NAVER ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

API์˜ ์‘๋‹ต์„ ํ”„๋ก ํŠธ์—์„œ ์†์‰ฝ๊ฒŒ ๋ณ€๊ฒฝํ•˜๊ธฐ

3

๋ฅ˜ํ˜ธ์ค€ Senior SWE@Affirm. ex)Twitter, MS, Adobe

์ง์žฅ์—์„œ ๋‚˜๋ฅด์‹œ์ŠคํŠธ๋ฅผ ์ƒ๋Œ€ํ•˜๋Š” ๋ฐฉ๋ฒ•

4

์†ก์š”์ฐฝ ๋ฐฐ๋ฏผ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋ž˜๋จธ

๋ฐ˜๋ ค์ƒํ™œ์— ํ•ฉ๋ฅ˜ํ•˜๊ธฐ ์œ„ํ•œ ์—ฌ์ •

4

๊น€์˜์ค‘ ์œ„๋Œ€ํ•œ์ƒ์ƒ ๊ฐœ๋ฐœ์ž

Next.js ๊ฐœ๋ฐœ ์‹œ ์ž์ฃผ ๋งˆ์ฃผ์น˜๋Š” Hydration ์—๋Ÿฌ ์ดํ•ด

์ถ”์ฒœ ํ”„๋กœํ•„