[JS] Slick Slider - 'add' of null 오류 해결 방법

Slick slider를 처음 사용해보았다.
슬라이더를 여러개 이용해야 해서 반복문을 이용했는데 에러 발생!

Uncaught TypeError: Cannot read property 'add' of null

알고보니 slick을 여러번 불러와서 발생한 문제였다.
기억하자. slick 정의는 한번만!

​아래는 검색하다가 발견한 동일한 오류에 대한 반응형 자료이다.
다음에 같은 에러 발생 시, 검색하다가 시간 날리지 말자!

​예외)
반응형 작업 시, PC에서는 slick 이 반응하고 모바일에서는 제거하는 방법
- slick 옵션을 변수에 담고 resize 할때마다 옵션을 불러온다.

var slider = $('.slider');

var slickOptions = {
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    dots:true,
    arrows:true
};

$(window).on('load resize', function() {
    if($(window).width() < 767) {
        slider.slick('unslick');
    }else{
        slider.not('.slick-initialized').slick(slickOptions);
    }
});