[Slick Slider] 04. appnedArrows, appendDots 사용법

1. HTML

<div class="continaer">
    <div class="visual">
        <div><img src="img/visual_bg.jpg" alt=""></div>
        <div><img src="img/visual_bg2.jpg" alt=""></div>
        <div><img src="img/visual_bg3.jpg" alt=""></div>
    </div>
</div>
<div>
    테스트 테스트 테스트 
</div>
<hr>
<div class="target_dots"></div>  <!-- 여기로 dots 옮김 -->
<div class="target_arrows"></div> <!-- 여기로 arrows 옮김-->

2. JS

<script>
    $('.visual').slick({
        autoplay : true, 
        autoplaySpeed : 1000,
        dots : true, 
        appendDots : $('.target_dots'),
        appendArrows : $('.target_arrows')
    }); 
</script>