[새싹 프론트엔드] 11/14 (플러그인)

CDN이란?

콘텐츠 전송 네트워크. 콘텐츠를 인터넷망을 통해 빠르고 안정적으로 전달해주는 서비스로 클라이언트는 분산되어 있는 여러 개의 서버 중 가장 빠른 서버에서 데이터를 다운로드할 수 있다. 서버 트래픽 감소.

 

 

01. FullPage

공식 사이트

fullpage.js에서는 jQuery를 사용하기 때문에 jQuery CDN을 추가해주어야 한다.

 

• jQuery | 웹사이트에서 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈 소스 기반의 자바스크립트 라이브러리
  웹 페이지 상에서 엘리먼트(Element)를 쉽게 찾고 제어
  웹 브라우저 호환성이 뛰어남
  애니메이션과 같은 다양한 기능 제공

jQuery CDN

<!-- head 태그 내부에 추가 -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>

 

 

fullPage를 사용하기 위한 CDN

<!-- CSS -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.css"
/>

<!-- JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.extensions.min.js"></script>

 

 

 

02. Swiper Slider

공식 사이트

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>

 

 

 

'새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 5주차 블로그 포스팅'