슬릭슬라이더 관련질문

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 
- 먼저 유사한 질문이 있었는지 검색해보세요. 
- 서로 예의를 지키며 존중하는 문화를 만들어가요. 
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

제가 코드펜으로만 연습하다가 vscode로 연습을 하려고 다른사이트를 참고해서 연습중인데요 제가 코드펜으로 했을때는 슬릭슬라이더가 작동됬는데 vscode로 하니까 작동이 안되서 질문드려요ㅠㅠㅠㅠ

(위에 부분이 html이고 아래부분이 js입니다!)

<!-- 메타태그 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- 제이쿼리 -->
  <script src="./js/jquery-3.6.0.min.js"></script>
  <!-- 외부 제이쿼리 & 외부css & 웹폰트 & 폰트어썸 st -->
 
    <!-- 폰트어썸 -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- 슬릭슬라이더 -->
  <link rel="stylesheet" href="./css/slick.css">
  <link rel="stylesheet" href="./css/slick-theme.css">
  <script src="./js/slick.js"></script>
 
  <!-- 외부 제이쿼리 & 외부css & 웹폰트 & 폰트어썸 en -->

<!-- 내가만든 css/js는 맨 아래에 있어야 한다. -->
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/script.js"></script>
 
</head>

$(document).ready(function(){
 
  $(".main-slide").slick({

     prevArrow:$(".prev-btn") ,
     nextArrow :$(".next-btn"),
 
  });
 
  $('.main-slide').on('afterChange', function(event, slick, currentSlide){
   
    $(".now").text(currentSlide+1);
   
});
 
});

인프런 커뮤니티 질문&답변