[nextjs]script 태그 사용하기

1. Script를 가져온다.

import Script from 'next/script'

2. JS를 PUBLIC에 위치시킨다.

3. JS를 불러오고 원하는 코드를 실행시킨다.

      <Script
        src="/swiper.min.js"
        onLoad={() => {
          var swiper = new Swiper(".partner_slide", {
            navigation: {
              nextEl: ".swiper-button-next",
              prevEl: ".swiper-button-prev",
            },
            autoplay: {
              delay: 5000,
            },
            spaceBetween: 20,
            breakpoints: {
              0: {
                slidesPerView: 2,
              },
              992: {
                slidesPerView: 5,
              },
            },
          });
        }}
      ></Script>