πŸšͺ
Web Animation 2λΆ€ js Animation/
🎸
intro
🎸

intro

μ†Œκ°œκΈ€

μš°λ¦¬λŠ” μš°λ¦¬κ°€ 배운 지식을 λ‚˜λˆ„κ³ , μ •λ¦¬ν•˜λ©° μ„±μž₯ν•˜κΈ° μœ„ν•΄ 이 ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. λˆ„κ΅¬λ“ μ§€ μ €μž‘κΆŒ 없이, 값을 μ§€λΆˆν•˜μ§€ μ•Šκ³ , κ·ΈλŸ¬λ©΄μ„œλ„ μ–‘μ§ˆμ˜ 컨텐츠가 ν•„μš”ν•œ 곳에 이 μˆ˜μ—…μžλ£Œκ°€ 쓰이길 μ›ν•©λ‹ˆλ‹€.
또 이 책을 Notion으둜 ν†΅μœΌλ‘œ μ˜€ν”ˆν•˜λŠ” μ΄μœ λŠ”, 보닀 쒋은 λ‚΄μš©κ³Ό μžλ£Œκ°€ μš°λ¦¬μ—κ²Œ 생겼을 λ•Œ λ…Έμ…˜μ„ μ—…λ°μ΄νŠΈν•˜κΈ° μœ„ν•¨μž…λ‹ˆλ‹€. μš°λ¦¬λŠ” 이 책에 Commentλ₯Ό μ—΄μ–΄λ†“κ² μŠ΅λ‹ˆλ‹€. μ˜€μ…”μ„œ μ–Έμ œλ“  Commentλ₯Ό λ‹¬μ•„μ£Όμ„Έμš”. λ‚˜λˆŒ 수둝, μš°λ¦¬λŠ” λ”μš± μ–‘μ§ˆμ˜ 컨텐츠λ₯Ό κ°€μ§€κ²Œ 될 κ²ƒμž…λ‹ˆλ‹€.
책을 ν•¨κ»˜ 집필해주신 17λΆ„μ˜ 집필진에 감사인사λ₯Ό μ „ν•©λ‹ˆλ‹€. μš°λ¦¬λŠ” 17λͺ…μ΄λ‚˜ λ˜μ§€λ§Œ, 17λ°°λ‚˜ λΉ λ₯΄κ²Œ 책을 μ§‘ν•„ν•˜μ˜€μ§€λ§Œ, 책을 17λ“±λΆ„ν•œ μ •λ„μ˜ 성취감이 μ•„λ‹Œ μ˜¨μ „νžˆ ν•˜λ‚˜μ˜ 성취감을 κ°€μ Έκ°€μ…¨μœΌλ©΄ μ’‹κ² μŠ΅λ‹ˆλ‹€.
또, 이 책에 μ˜λ―ΈλŠ” μš°λ¦¬κ°€ μ €μžκ°€ λ˜μ—ˆλ‹€λŠ” κ²ƒλ§Œμ€ 아닐 κ²ƒμž…λ‹ˆλ‹€. μš°λ¦¬λŠ” 이 μ±…μœΌλ‘œ μ§‘ν•„ν•˜κ³  ν‡΄κ³ ν•˜κ³ , μˆ˜μ •ν•œλ§ŒνΌ μ„±μž₯ν•˜μ…¨κ³ , 이 책을 보신 뢄듀은 μ–‘μ§ˆμ˜ 책을 μ•„λ¬΄λŸ° λŒ€κ°€ 없이 무료둜 λ³Ό 수 있게 λ˜μ—ˆμœΌλ©°, 강사 뢄듀은 이 자료λ₯Ό 톡해 λ”μš± 더 μ–‘μ§ˆμ˜ κ΅μœ‘μ„ ν•  수 있게 될 κ²ƒμž…λ‹ˆλ‹€.
λ¬΄λ£Œμ±… ν”„λ‘œμ νŠΈλŠ” 계속 μ΄μ–΄λ‚˜κ°€κ² μŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€.

μ±… μ†Œκ°œ

이 책은 HTML, CSS, JSλ₯Ό μ΄μš©ν•˜μ—¬ 동적인 νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€λ €κ³  ν•˜μ‹œλŠ” λΆ„μ—κ²Œ μΆ”μ²œν•΄λ“œλ¦½λ‹ˆλ‹€. λ˜ν•œ λ‹¨μˆœ λ§ˆν¬μ—…μ—μ„œ μ’€ 더 μ‹€λ ₯을 ν‚€μš°κ³  μ‹ΆμœΌμ‹  λΆ„μ΄λ‚˜, ν™ˆνŽ˜μ΄μ§€ κ΅¬μΆ•μ΄λ‚˜ 리뉴얼에 μžˆμ–΄ μΈν„°λ ‰ν‹°λΈŒν•œ μ›ΉμœΌλ‘œ λ°©ν–₯성을 μ„€μ •ν•œ κΈ°μ—…κ³Ό 학문적 ν˜ΈκΈ°μ‹¬μ„ 가진 κ°œμΈμ—κ²Œλ„ μΆ”μ²œν•΄ λ“œλ¦½λ‹ˆλ‹€.

이 μ±…μ˜ λ‚΄μš©

이 책은 CSS κΈ°μ΄ˆλΆ€ν„° CSS Animation μ΄μš©ν•œ λ‹€μ–‘ν•œ ν™œμš©λ²•, JSλ₯Ό μ΄μš©ν•œ Animationμ œμ–΄, Javascript Animation 라이브러리 등을 닀루고 μžˆμŠ΅λ‹ˆλ‹€.

μ±…μ˜ Notion 링크

https://www.notion.so/jsanimation/Web-Animation-2-js-Animation-b464d8596c9a4a229fe2bb3014fa7b4e

μ±…μ˜ ꡬ름IDE μ»¨ν…Œμ΄λ„ˆ 링크