[배운내용]

Animate.css 라이브러리

복잡한 애니매이션을 구현해야할 때, 개발자가 직접 모든 애니매이션을 작성하지 않고 이미 만들어진 라이브러리에서 애니매이션 효과를 사용할 수있다.

(1) https://animate.style/ 사이트에 접속
(2) CDN코드를 html - head 안에 입력해주는데, 이때 css코드 링크보다 위에 입력해야한다.
(3) 페이지에서 원하는 애니매이션을 찾아 html코드를 copy&paste 해준다.
(4) 혹은 오른쪽 카테고리에서 원하는 애니매이션의 태그를 clipboard복사하여 나의 html파일의 원하는 곳에 클래스명으로 적용시켜주면 된다.

• 이 방식은 지금까지 우리가 html로 뼈대를 만들고 css를 적용했던 것과 반대로 css에 클래스를 먼저 지정해두고, 필요한 스타일을 html에서 사용할 수 있도록 하는 방식이다.

Animation 참고 사이트

https://codepen.io/ 에서 animation을 검색하여 다양한 효과를 참고할 수 있다.

[어려웠던 점]

[해결방법]

[학습소감]

   어제 수업이 워낙 복잡하고 양이 많아서 조금 버거웠는데, 오늘 참고사이트를 보는 것으로 수업이 끝났다. 어제 내용을 조금 정리 할 수 있는 시간이 생겨서 다행이다. 아무래도 어제 내용은 개념을 배우고 실습을 바로해야 좀더 기억하고 응용하기 쉬워서 범위가 길었던 것같다.
   css특징을 배울수록 스토리있는 웹사이트를 만들고 싶은 욕심이 생긴다. 볼거리, 컨텐츠가 넘쳐나는 지금 시대에 웹페이지도 이야기를 담은 볼거리가 되면 좋겠다는 생각을 했다. 하지만 웹페이지를 방문하는 사람들은 목적을 가지고 방문하므로 웹사이트 방문시 자질구레한 영상이나 이미지가 많으면 오히려 불쾌할 수도 있으니 주의해야할 점인 것 같다.