![]()
문제점bxslider 플러그인을 사용하게 되면 보통은 버튼이나 Pager를 클릭하여 요소를 슬라이드 하는 방식으로 작업을 진행했었는데 최근에 마우스 휠을 올렸다 내렸다 하면(마우스 스크롤 시) 요소가 슬라이드 되게 해달라는 요청을 받아 작업을 진행하게 되었다. slideEl.on("mousewheel", function (e) { var scrollY = e.originalEvent.deltaY; e.preventDefault(); if (scrollY > 0) { slider.goToNextSlide(); } else { slider.goToPrevSlide(); } }); 처음에는 mousewheel 이벤트에 마우스 휠이 위로 움직이는지 아래로 움직이..
![]()
bxSlider란?bxSlider는 한 화면에서 내용이 바뀌는 슬라이드로 이미지뿐만 아니라 일반 컨텐츠에도 적용할 수 있으며 사용법도 간편하고 반응형도 지원하고 있으며 무료로 사용을 할 수 있기 때문에 아직까지도 홈페이지 제작에 많이 사용되고 있는 jQuery 플러그인입니다. 다양한 옵션을 지원하고 jQuery로 만들어져 직접 기능을 확장할 수 있어 전문가뿐만 아니라 초보자 분들도 쉽게 사용할 수 있다는 장점이 있습니다. 지난 번 포스팅에서는 bxSider의 반응형 방법만 말씀드렸기 때문에 오늘 포스팅에서는 bxSlider의 사용법과 자주 사용하는 옵션에 대해서 말씀드리려고 합니다. bxSlider의 기본 사용법bxSlider를 사용하기 위해서는 사용하려는 프로젝트에 플러그인을 추가를 해줘야하는데요, 프..
![]()
Javascript의 데이터 타입Javascript뿐만 아니라 프로그램 언어를 배울때는 가장 먼저 데이터 타입에 대해서 배우게됩니다.홈페이지 작업이나 웹 개발을 하게 되면 다양한 종류의 데이터를 다루게 되는데요, 내가 다루는 데이터의 타입을 정확히 알고 있어야 데이터를 변경하거나 조작했을 때 원하는 의도에 맞게 결과를 얻을 수 있기 때문입니다. Javascript는 동적 타입의 동적 언어로 Javascript의 변수는 어떤 특정 타입과 연결되지 않으며 모든 타입의 값으로 할당이 가능하고 일치하지 않는 타입이 포함된 경우 타입 오류가 발생하지 않고 암시적 타입 변환이 가능하기 때문에 데이터 타입을 잘 알아둘 필요가 있겠습니다. Javascript에는 원시 타입(Primitive type)과 참조 타입(Re..
