slick 반응형 옵션 responsive slick에서 breakpoint는 초과 값을 의미 1280 이상일 때 설정을 하고 싶으면 breakpoint : 1279로 입력 mobileFirst : 모바일을 기준으로 시작 slidesToShow : 한 번에 보여질 슬라이드 개수 arrows : 슬라이드 버튼 infinite : 무한대로 슬라이드 넘기기
clone() clone()은 DOM 요소를 복제하는 데 사용되는 함수입니다. let i = $('복사할 거').clone(); $('붙일 곳').html(i); ex) : main_slide_list 클래스를 복사해서 ms_all_list 클래스에 붙여넣기
slick 이미지 슬라이드 dots 디자인 바꾸는 법 customPaging을 하지 않은 기본 dots입니다. customPaging : function(slider, i){ return i+1 + '/' + slider.slideCount; } 현재 페이지 수를 나타내는 i는 인덱스 0부터 시작하기 때문에 1부터 시작하기 위해서 i + 1 해줍니다. slider.slideCount는 전체 페이지 수를 나타냅니다. 해당 페이지만 보이기 위해서 모든 페이지를 display : none 해주고 .slick-active 해당 페이지는 display : block; 해줍니다.
on 메소드 : on 메소드는 선택한 요소에 이벤트 핸들러를 등록하여 특정 이벤트에 대한 동작을 정의하는 jQuery 함수 입니다. $('셀렉터').on('이벤트명', 함수); 이벤트 핸들러 등록 $('input태그').val() : input태그의 value 값 저장 이벤트 핸들러 제거
