-
[제이쿼리] 플러그인카테고리 없음 2022. 1. 8. 10:19
Do it! 자바스크립트 + 제이쿼리 입문
4년 연속 베스트셀러! 전면 개정판으로 출간!자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다!‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차
book.naver.com
* 이 내용은 위 책을 공부하며 작성하게 되었습니다. (10장)
제이쿼리 플러그인
- 제이쿼리로 구현 가능한 다양한 인터넷 효과나 기술들을 모아놓은 제이쿼리 라이브러리
- 이미 구현된 코드를 삽입 후 일부만 수정하면 사용 가능하므로, 어려운 기능도 쉽게 구현 가능
제이쿼리 플러그인은 여러 군데가 있겠지만
여기서는 이 책에서 나온 곳을 소개하려 합니다.
제이쿼리 플러그인 적용 방법
1. https://jqueryui.com/ 접속
2. Demos 진입
3. 원하는 기능 선택 (여기서는 예시로 Widget의 Tabs 선택)
4. Example에서 원하는 세부기능 선택 후 view source 선택 (여기서는 예시로 Vertical Tabs)
5. view source 이하의 소스를 모두 복사하여, 필요한 만큼 고쳐서 사용하면 끝.
참고
데모 소스들 중 대체로 아래 부분 (demos/style.css)은 단순히 예시로 적힌 부분이고, 동작하지 않는다.
그렇다고 해도 기본적인 스타일은 적용되어 나타나나,
기본 스타일 외 다른 스타일을 적용하려면 이 부분에 별도의 css를 설정해야 한다.
여기서 이 사이트에서 제공하는 스타일을 사용할 수도 있다.
1. Themes -> Gallery -> 원하는 스타일의 밑에 있는 download 버튼 클릭 -> 스타일 다운로드를 실행한다.
Themes 선택 
Gallery에서 원하는 스타일의 download 선택 
창 밑의 download 선택 2. demos/style.css 부분을 지우고, 다운로드 받은 jquery-ui.css 파일을 넣어주면 적용됩니다.
