학습한 내용

animate.css

자주 사용되는 애니메이션 코드들을 모아서 정리해 놓은 사이트입니다.
자신이 만드는 html에 링크 태그를 통해서 연동시키는 방법을 사용할 수 있습니다.

<h1 class="animate__animated animate__bounce">An animated element</h1>

이 코드를 html에 입력하고 중간에 animate__bounce를 다른 값으로 바꿔서 다른 효과를 적용할 수 있습니다.

codepen.io

다른사람들이 만들어 놓은 애니메이션을 볼 수 있는 사이트 입니다. 사이트 내에서 animation으로 검색하면 여러 리스트들을 볼 수 있습니다.

학습한 내용 중 어려웠던 점 또는 해결못한 것들

학습한 부분중에서 어렵다고 생각되는 부분은 없었습니다. 어렵다고 한다면 이런 참고하는 사이트들에 작성된 소스들이 너무 복잡해서 스스로 만들기가 어려울거 같습니다.

해결방법 작성

기존에 있던 코드들을 가져와서 제가 원하는 효과를 원하는 부분마다 모두 다르게 적용해 보는 것이 좋을거 같습니다. 효과를 바꾸는 부분의 코드들을 보면서 같이 학습하는 것이 좋다고 생각했습니다.

학습 소감

나중에 자바스크립트를 배운다면 html, css와 같이 사용해서 저만의 애니메이션을 만들어 보고 싶습니다.