프론트엔드 꿀 라이브러리 정리

다만, 아래 게시글을 참고하기 위해서는 HTML, CSS, JS를 충분히 사용한 경험이 있어야 한다.
거창한 경험이 필요한건 아닌데,
CSS - 선택자 우선순위와 덮어쓰기
JS - 변수/함수 활용
이 정도 지식은 있어야 자유자재로 사용할 수 있고 라이브러리에 지배당하지 않을 수 있다.

Materialize
이 라이브러리만 사용해도 https://materializecss.com/showcase.html 이 정도의 사이트는 간단하게 만들 수 있다. 진짜 유용한 기능들이 많고 개인적으로 부트스트랩보다 애용하는 사이트.

TEMPLATED
HTML CSS 템플릿들이 업로드된 사이트. 백엔드만 공부하고 싶을 때 의도와 맞는 템플릿을 선택해 사용할 수도 있고, 프론트엔드 공부할 때는 다운받아보고 잘 만든 사이트는 어떻게 만들어졌는가? 를 구경해볼 수도 있다.

Slick
carousel(이미지 등을 표현할 때 예쁘게 옆으로 넘길 수 있게끔 하는 유틸리티)를 사용하기 편하게 만들어 둔 라이브러리.

SweetAlert
modal 창(뿅 하고 튀어나오는 창)을 사용하기 편하게 만들어 둔 라이브러리. 애니메이션도 귀엽게 구현되어 있고 사용하기도 편하다. 모달창을 만들 때 요구되는 모든 기능들이 구현되어 있다.

AOS
스크롤 효과가 구현된 훌륭한 라이브러리. 사용하기도 편하고 웹사이트의 외양을 한결 업그레이드 할 수 있다.

Animate CSS
애니메이션 하면 빠질 수 없는 라이브러리! 요즘 유행하는 마이크로 인터렉션을 구현하는 데에 정말 도움이 된다.

앞으로 좋은 라이브러리를 찾을 때마다 계속 수정할 예정이다.