fullpage.js란? 웹 페이지의 각 섹션션을 전체 화면으로 표시하여 스크롤링 효과를 주는 자바스크립트 라이브러리로 페이지를 스크롤할 때 섹션 간에 부드럽게 이동하고, 각 섹션의 높이를 브라우저 창에 맞게 자동 조정하여 전체 화면에서 섹션을 표시하며 내비게이션 메뉴를 추가하여 사용자가 특정 섹션으로 쉽게 이동할 수 있음 fullpage.js 라이브러리 가져오기 아래 파일 다운받아서 css, js 링크 html에 연결시키기 (2.9.7 버전) 첨부파일 fullpage.js.zip 파일 다운로드 2. ~~ 버전은 무료로 이용가능하나 3. ~~ 버전 이상은 구매해서 사용 ...
번외) 사이트 접속해서 하는 방법 바로가기 code → download.ZIP → 압축풀기 → dist → css, js 파일 가져오기 fullpage.js 사용하는 방법 1. 가져온 css, js 링크 html head 안에 붙여넣기 + jquery 링크
![[라이브러리] fullpage.js 사용법, 옵션 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MzBfOTcg/MDAxNzE3MDU0ODc1NTA1.xBeJNmlr2ldFXnevIjiJUuKkgIDhWqLnU8ltkQwSSNgg.9KuCahciCjN0x9964eo6zN_WKSlkaZHwrefkfo5O1jEg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-006.jpg?type=w2)
#
fullpage
#
fullpagejs
#
fullpage라이브러리
#
풀페이지라이브러리
#
풀페이지
#
영역스크롤라이브러리
#
fullpage콜백함수
#
fullpage옵션정리
#
fullpage옵션
#
fullpage반응형
#
fullpagejs옵션정리
#
fullpagejs사용법
#
fullpage2버전
#
풀페이지라이브러리사용법
원문 링크 : [라이브러리] fullpage.js 사용법, 옵션 정리
![[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MThfOTUg/MDAxNzEzNDI4NDI2MDc4.eKpFilioRYbNx4lRwO4-b4aVgbshr_00aYYGT0eKi7Ig.9afpVPQKkuQTUcHMVqONA_X0vvraNxdur27kQVCfv3wg.JPEG/013.jpg?type=w2)
![[css 6.] 박스모델 - content, padding, border, margin](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjBfNTkg/MDAxNzEzNTQyMDg5MDQ1.aOENkvcn3qtoG_BNGyL9C-dHrxUgLQLeWc8usukwH1wg.AbAfdsKeMal48g4Fak6_HFWT7VXBGSlY1tWcj821NoMg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-016_%281%29.jpg?type=w2)
![[css 14.] grid 사용하여 레이아웃 배치하기 (사용법, 부모-자식 속성 정리)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjZfNjkg/MDAxNzE0MDYzMjA0MDI2.olZ4Vj0_h9Ei4O6gAoas_82gtn7m4ZbhE5KZ3HIhb4gg.wPw_Hgbb9nvUkbULomF1MtK7Pp3YOJ2pgCtyhxm0DgEg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-025.jpg?type=w2)
![[ITQ] 시험 원서접수 & 합격기준 & 기출문제 (OA MASTER란?)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDVfMjgz/MDAxNzE0OTExNTEyODUx.WgfXm1QlW2imKULuHPpbwAaNaH2k_TwA7MuqymPIKIsg.snVmBKoGY2NjrmVL2-odzOkXfac7woDs55ZCRjr7ezog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-002_%281%29.jpg?type=w2)
![[jQuery 1.] jquery 라이브러리 사용방법 (html에 적용하여 확인하기)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTBfMTY1/MDAxNzE1MzUzMDgyOTQy.VnOsqds4lpz3PN19ecSVVaSNzb-mNkMaoONdZZLrOo4g.jgOxPPw6S-ZOfQ5exqFbm752WVQ6eXdVhVCacizT9aAg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)
![[jQuery 5.] jquery 메서드 종류 (속성, 스타일, 클래스 추가 등)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTVfNSAg/MDAxNzE1NzY2OTE3Mzkx.SMrL39xV9C62nrI6EjhGj2Fj9fHZpajIh8_2EW8jvgcg.Lb6UcrnZRnBS2JEqi1_cdwKuxKwgzqbL1DTI7wnSZyog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-009.jpg?type=w2)