공식 웹사이트 https://noelboss.github.io/featherlight/ Featherlight – The ultra slim jQuery lightbox. Featherlight with custom styles It's easy to override the styling of Featherlight. All you need to do is specify an additional class in the data-featherlight-variant of the triggering element. This class will be added and you can then override everything. noelboss.github.io featherlight.js > 결과물 목록에서 ..

[정적인 홈페이지에 적절한 CSS 애니메이션을 넣는 Scroll Reveal Animation] 공식 웹사이트 https://wowjs.uk wow.js — Reveal Animations When Scrolling wowjs.uk 활용용도 - 정적인 웹페이지에 과하지 않고 세련된 컨텐츠를 보여주는 애니메이션 장점 - 간단하면서 스크립트 옵션 조절을 거의 하지 않음 특징 - 내가 만든 다양한 CSS 키프레임 애니메이션을 충분히 활용 유사 플러그인 - AOS.js(Animation On Scroll) 적용방법 1. html 구조 만들기 / CSS 키프레임 만들기 2. 그 애니메이션이 적용되는 클래스 만들기(중복 사용 위해) Content to Reveal Here 옵션조정 wow = new WOW({ bo..

- 공식 홈페이지 https://swiperjs.com Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com

- 공식 웹사이트 https://bxslider.com jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com

- 공식 웹사이트 https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io - 활용용도 : 자동 슬라이더 / 컨텐츠 슬라이더 등 활용도 매우 높음 - 장점 : 스크립트 옵션 조절 간편 / 모바일 대응 / 드래그 슬라이딩 유사 플러그인 - BX Slider - Swiper Slider [옵션 대표적인 것들] - slidesToshow: 몇개씩 보여줄건지..

최고의 자바스크립트 라이브러리(library) - 제이쿼리(jQuery) 자바스크립트를 필요한 만큼만 효율적으로 사용하기 위한 것 > 자바스크립트의 쉬운 버전 프레임웍크(framework) 바닐라 자바스크립트(vanila JavaScript)란? > 순수 자바스크립트 - jQuery 같은 라이브러리를 사용하지 않고 순수하게 자바스크립트만 사용하는 것 취업 후 프론트엔드 개발을 위해 Vue.js 공부하면 좋음 Vue.js -> framework 스타일 아래와 같은 동일한 결과물을 javaScript로도, jQuery로도 구현할 수 있다. 보면 알겠지만 jQuery가 훨씬 간편. 자바스크립트 버전 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24..