로 시작하는
빠르고 효율적인
애니메이션 핸드오프
Jinny You, LottieFiles
[email protected]
1
Slide 2
Slide 2 text
Agenda 1.
2.
3.
4.
5.
자기소개
개발자에게 필요한 Lottie 애니메이션
Lottie로 빠르게 애니메이션 개발하기
개발자와 Lottie로 협업하기
신규 Runtime & 지원정보
2
Slide 3
Slide 3 text
자기소개
•
•
•
Jinny You (유진의)
Software Engineer, LottieFiles
Lottie를 구동하는 그래픽스 엔진 개발
차세대 유니버셜 Lottie Player 프로젝트 참여
50건 이상의 웹/앱 프로덕트 개발 경험
(Web, React, Vue, Android, iOS, Flutter, ReactNative)
3
Slide 4
Slide 4 text
개발자에게 필요한
Lottie 애니메이션
4
Slide 5
Slide 5 text
개발자에게 Lottie란?
애니메이션이
필요한 순간
5
Slide 6
Slide 6 text
CSS나 JS로
일일이 개발…
개발자에게 Lottie란?
6
Slide 7
Slide 7 text
키워드로 쉽게
애니메이션을 찾아
개발자에게 Lottie란?
7
Slide 8
Slide 8 text
단 몇줄의 코드로
애니메이션을 구현!
개발자에게 Lottie란?
8
Slide 9
Slide 9 text
디자이너로부터
"이런 애니메이션 가능하죠?"라고
요청받아도
개발자에게 Lottie란?
9
Slide 10
Slide 10 text
"이걸 내가 어떻게 만들지…"
(디자이너도 아니고…)
“Lottie로 전달주세요!”
개발자에게 Lottie란?
10
Slide 11
Slide 11 text
그 누구보다도 개발자들에게
Lottie가 필요합니다
개발자에게 Lottie란?
11
Slide 12
Slide 12 text
그래서 Lottie로
얼마나 쉽게 애니메이션을 추가하고
"핸드오프"할 수 있을까요?
12
Slide 13
Slide 13 text
Lottie로 빠르게
애니메이션 개발하기
13
Slide 14
Slide 14 text
필요한 곳에 어디든지, We can Lottie
Anroid iOS 스플래시 Web
14
Slide 15
Slide 15 text
정적인 페이지에
역동감이 필요하신가요?
15
Slide 16
Slide 16 text
필요한 애니메이션을
찾거나
전달받으세요
lottiefiles.com/featured
16
Slide 17
Slide 17 text
１。
２。
３。
17
Slide 18
Slide 18 text
18
Slide 19
Slide 19 text
어떠한 프로젝트이든
1분이면 Lottie 추가!
19
Slide 20
Slide 20 text
"Lottie"
써보면 개발자들이 더 좋아할걸요?
20
Slide 21
Slide 21 text
단 몇줄의 코드, Lottie
안 쓸 이유가 없겠죠?
21
Slide 22
Slide 22 text
Lottie로 Web 또는 App 환경에서
필요로하는 애니메이션을
단.번.에 추가할 수 있어요
22