jQuery3 Javascript | jQuery 유용한 플러그인과 라이브러리 소개 사용자 인터페이스 개발을 위한 jQuery UI 플러그인 이외에도 유용한 플러그인과 라이브러리가 많습니다. 이미지 관련, 텍스트 관련, 모달 창 관련, 날짜 / 차트 관련 등 분류해서 정리해 봤습니다. 목차 이미지 / 동영상 슬라이더 ▶ Slick Carousel - 이미지 슬라이더로 반응형이며 터치 기능을 지원하는 플러그인입니다. 캐러셀이란 '회전목마'란 뜻으로 돌아가며 슬라이드가 보여지는 방식입니다. ▶ Owl Carousel - 반응형 이미지 슬라이더와 캐러셀 구현 ▶ jQRangeSlider - 날짜, 시간, 숫자 등 사용자가 범위를 선택할 수 있는 슬라이더 ▶ Swiper.js - 모바일 터치 슬라이더 플러그인으로 이미지 갤러리, 배너 슬라이드쇼 등의 기능 애니메이션 ▶ Animate.css -.. 2024. 3. 25. JavaScript | jQuery 셀렉터와 동작 셀렉터 (어떤 것을 가져와) 기본 흐름 - $(선택자).동작함수() - 어떤 것(요소)를 가져와서 무엇을 하는 것입니다. 1$('ex').hide();cs $() 함수- 선택된 HTML요소를 제이쿼리에서 이용할 수 있는 형태로 생성- $() 함수를 통해 생성된 요소는 제이쿼리 객체 - 다시 말해 괄호 안에 셀렉터에 해당하는 요소를 가져와서 jQuery오브젝트를 만듭니다. $(function() { }) - $(function() { }) : 페이지읽가 완료되고 나서 작성된 코드를 실행합니다. 원형은 아래코드입니다.123$(document).ready(function() { });cs 셀렉터id 셀렉터 — $('#id')id는 문서 안에 하나만 있어야 합니다. 그래서 많은 수를 바꾸려 한다면 모두 하나하나.. 2020. 9. 4. JavaScript | 자바스크립트 개발도구 개발도구 걸프 (Gulp)반복적인 개발작업을 자동화 시켜주는 자바스크립트 빌더. 라이브러리 jQuery 모든 브라우저에서 동작하는 클라이언트 자바스크립트 라이브러리로 html의 ClientSide 조작을 단순화JQuery UI : CSS, HTML로 구성된 GUI위젯, 애니메이션 시각 효과, 테마 묶음JQuery Mobile : 터치에 최적화된 웹 프레임워크 Paper.js자바스크립트 벡터 그래픽 프레임워크. 오픈 소스 React JS 단일 웹 페이지나 모바일 앱에서 UI 화면에 표시되는 뷰 개발에 사용 React Native모바일 네이티브 애플리케이션 RequireJS자바스크립트 파일/모듈 로더로 브라우저, Rhino, Node 같은 환경에서도 사용할 수 있습니다. 모듈 방식의 스크립트 로더를 사용하며.. 2020. 9. 4. 이전 1 다음
