UI 플러그인이란
사용자 환경을 개발하는데
유용한 메서드를 제공하는 플러그인이다.
1. 제이쿼리 UI 플러그인으로 드래그 레이어 창 만들기
제이쿼리 UI는
https://jquery.com/ 에서 내려받아 사용할 수 있다.
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
우선 제이쿼리 UI 사이트에서
상단 메뉴의 디자인 테마를 선택해 다운 받는다.
다운 받은 디자인 테마를 압축 해제한다.

위의 파일 3개를 현재 작성하고 있는 파일 내로
이동(복사)시켜준다.


실행시켜보면
마우스로 사진을 드래그하면
드래그하는데로 움직이는 모습을 확인할 수 있다.
2. bxSlider 플러그인으로 자동 슬라이드 갤러리 만들기
bx플러그인은
여러 개의 배너에 슬라이드 기능을
간편하게 적용할 수 있는 플러그인이다.
https://bxslider.com/install/ 사이트로 이동한다
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Initialize the bxSlider plugin This code tells the webpage to start the slider setup. Without this code the slider plugin would not be visible on the page.
bxslider.com
여기서 파일을 다운받아도 되고,
CDN 코드만 복사해서 사용해도 된다.
이번에는 CDN 코드를 복사해서 사용해보겠다.


실행시켜보면 실행이..... 안된다..... 왜지.......
bxSlide를 가져오는데서 에러가 난 것 같긴한데
안돌아간다....
좀 더 살펴보아야겠다.
++++
내가 가지고 있는 이미지의 크기가 너무 커서
제대로 돌아가고 있음에도
돌아가고 있는 줄 몰랐던거였다...
바보....
3. 제이쿼리쿠키로 3일동안 이 창 열지 않기 팝업 만들기
제이쿼리쿠키 플러그인을 사용하면간편하게 쿠키를 생성하고쿠키 만료일을 설정할 수 있다.
*쿠키란,사이트를 방문한 사용자의 소량의 브라우저 정보를저장할 수 있는 공간을 말한다.
우선 위와 같이https://cdnjs.com/
사이트로 이동한 뒤 jquery-cookie를 검색한다.
cdnjs - The #1 free and open source CDN built to make life easier for developers
Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil
cdnjs.com
그곳에서 파일로 다운을 받아서 사용해도 되고
CDN링크를 이용해서 사용해도 된다.


실행 시킨 뒤,
페이지에 쿠키 정보가 남는지 확인해보겠다.

또... 안나온다.....
아무래도 CDN링크로 다루는 법을
좀 더 알아보도록 해야겠다.
'jquery' 카테고리의 다른 글
| 플러그인 직접 제작해보기(수정필요) (0) | 2022.03.18 |
|---|---|
| 06.오토셋 설치 + 비동기 방식 연동 + Ajax 관련 메서드 (0) | 2022.03.11 |
| 05. 효과, 애니메이션 메서드 (0) | 2022.03.10 |
| 04. 이벤트 등록 메서드와 이벤트 객체 (0) | 2022.03.08 |
| 03. 속성 조작|수치 조작|객체 편집 메서드 (0) | 2022.03.07 |