๐Ÿšช
Web Animation 2๋ถ€ js Animation
Web Animation 2๋ถ€ js AnimationWeb Animation 2๋ถ€ js Animation
๐Ÿšช

Web Animation 2๋ถ€ js Animation

notion imagenotion image
ํ•ด๋‹น ์ฑ…์€ 1๋ถ€ CSS๋ถ€๋ถ„๊ณผ 2๋ถ€ JS ๋ถ€๋ถ„์œผ๋กœ ๋‚˜๋‰˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. 1๋ถ€์™€ 2๋ถ€ ๋งํฌ
https://www.notion.so/cssanimation/Web-Animation-1-css-Animation-ac27d0e7a8af46268275bca9a5165844
https://www.notion.so/jsanimation/Web-Animation-2-js-Animation-b464d8596c9a4a229fe2bb3014fa7b4e

Intro

๐ŸŽธ
intro

Ch4. Javascript Animation

๐Ÿ”ญ
ch4 - 1. let, const์˜ ์“ฐ์ž„๊ณผ ์œ ํšจ ๋ฒ”์œ„
๐Ÿšฉ
ch4 - 2. DOM์— ์ ‘๊ทผํ•˜๊ธฐ
๐Ÿ“ 
ch4 - 3. < Data- > ์ „์šฉ ๋ฐ์ดํ„ฐ ์†์„ฑ ๋‹ค๋ฃจ๊ธฐ
๐Ÿฅ‡
ch4 - 4. DOM ์กฐ์ž‘ํ•˜๊ธฐ

Ch5. ์ด๋ฒคํŠธ

๐ŸŽ‰
ch5 - 1. ์ด๋ฒคํŠธ ๊ธฐ๋ณธ
๐Ÿ“
ch5 - 2. โ€˜thisโ€™ ๊ทธ๋ฆฌ๊ณ  ์ด๋ฒคํŠธ ๊ฐœ์ฒด
ch5 - 3. event.target์„ ์ด์šฉํ•œ ์ด๋ฒคํŠธ ์œ„์ž„ch5 - 3. event.target์„ ์ด์šฉํ•œ ์ด๋ฒคํŠธ ์œ„์ž„
ch5 - 3. event.target์„ ์ด์šฉํ•œ ์ด๋ฒคํŠธ ์œ„์ž„

Ch6. Transition๊ณผ Animation ์ด๋ฒคํŠธ

๐Ÿ›ข
ch6 - 1. transition ์ด๋ฒคํŠธ
๐Ÿ‘พ
ch6 - 2. animation ์ด๋ฒคํŠธ

Ch7. ๊ธฐํƒ€ ์ด๋ฒคํŠธ

ch7 - 1. setTimeoutch7 - 1. setTimeout
ch7 - 1. setTimeout
๐Ÿ†
ch7 - 2. setInterval
๐Ÿš˜
ch7 - 3. requestAnimationFrame

Ch8. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

๐Ÿต
ch8 - 1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

Ch9. ์ข…ํ•ฉ ์˜ˆ์ œ

๐Ÿ› 
ch9 - ์ข…ํ•ฉ์˜ˆ์ œ
ย