화살표를 클릭하면 옆으로 이동할 수 있고, 자동으로 사진이 전환되고, 밑의 이미지를 클릭하면 그 이미지로 이동할 수 있도록 한다. 1️⃣ auto 는 슬라이드 자동 전환 여부를 설정하는 것으로 true로 설정하면 자동 전환 된다. 2️⃣ autoControls 는 자동 전환 여부에 대해 멈춤과 재생 버튼을 제공하는 것으로 false를 하면 제공되지 않는다. 3️⃣ pagerCustom 은 밑의 사진을 클릭하면 그에 대한 이미지로 이동할 수 있는 기능을 제공한다.

1. $.fn.extend() 메서드 $.fn.extend() 메서드는 개발자가 직접 제작한 함수를 jQuery에 확장시켜주는 역할을 한다. 1️⃣ $.fn.extend({ 확장 함수명 : function(매개변수1, 매개변수2..) { $(this); 자바스크립트 코드; } }); $("요소 선택").확장 함수명(매개변수1, 매개변수2..); 2️⃣ $.fn.확장함수명 = function(매개변수1, 매개변수2..) { .. } 2. 2️⃣ 방법 사용해서 제이쿼리 플러그인 만들어보기 3. 1️⃣ 방법 사용해서 제이쿼리 플러그인 만들어보기 질문 제목1 Q1. 자주 묻는 질문 내용? 답변 내용1 Q2. 자주 묻는 질문 내용? 답변 내용2 질문 제목2 Q1. 자주 묻는 질문 내용? 답변 내용1 Q2. 자주 ..

1. jquery-cookie 플러그인 jquery-cookie 플러그인을 사용하면 간편하게 쿠키를 생성하고 쿠키 만료일을 설정할 수 있다. ❗ 쿠키 사이트를 방문한 사용자의 소량의 브라우저 정보를 저장할 수 있는 공간을 의미한다. 쿠키는 하나의 도메인당 최대 20개까지 생성할 수 있고 최대 4kb까지 저장할 수 있다. 쿠키를 사용하여 '3일동안 열지 않기', '최근에 본 상품' 등을 구현할 수 있다. https://cdnjs.com/libraries/jquery-cookie jquery-cookie - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers A simple, lightweigh..

1. bxslider 플러그인 bxSlider 플러그인은 여러 개의 배너에 슬라이드 기능을 간편하게 적용할 수 있는 플러그인이다. https://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 위의 사이트에서 install해주면 된다. https://bxslider.com/options/ jQuery Content Slider | Responsive jQuery Slider | bxSlider easing if using CSS: 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'cubic-bezier(n,n,n,n)'..

1. 제이쿼리 UI 플러그인 https://jqueryui.com/ jQuery UI jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQue jqueryui.com 여기서 Downloads 페이지의 맨 밑에 다운로드 버튼을 클릭하고 압축을 풀면 된다. 2. UI 플러그인으로 드래그 레이어 만들기 홈페이지의 ..

1. 제이쿼리 플러그인 제이쿼리 플러그인은 여러 개발자가 드래그 & 드롭, 슬라이드 배너, 툴 팁 기능 등을 구현해 놓은 프로그램을 자바스크립트 파일로 제공하는 제이쿼리 라이브러리를 말한다. 제이쿼리 플러그인은 사용하고자 하는 기능의 플러그인을 검색하여 내려받고 웹 문서에 연동하여 선택한 요소에 기능만 적용하면 간단한 코드 삽입만으로도 복잡하고 어려운 기능을 쉽게 구현할 수 있다. 2. 제이쿼리 플러그인 사이트 http://www.htmldrive.net/ HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library www.htmldrive.net https://www.hugedomains.com/domain_profile..

로그인 버튼을 누르면 1. php 2. html 로그인 아이디 비밀번호

1. RSS(Really Simple Syndication) RSS란 초간단 배포를 의미한다. 새로운 읽을거리가 자주 갱신되는 뉴스나 블로그에서 주로 사용하는 xml 기반 콘텐츠 배급 포맷이다. RSS를 사용하면 뉴스나 블로그의 읽을거리를 모아서 볼 수 있다. https://rssplus.chosun.com/ RSS Service - 조선닷컴! 1등 인터넷뉴스 rssplus.chosun.com 여기서 url 복사한다. 그냥 $.ajax()로 데이터를 가져오려고 해도 동일 출처 원칙때문에 오류가 발생한다. 2. php로 교차 도메인 데이터(xml) 불러오기 php는 서버가 서로 통신할 수 있는 cURL 메서드를 지원한다. 이 메서드를 사용하면 교차 도메인 데이터를 불러올 수 있다. -cURL 메서드의 기본..

1. Ajax 관련 메서드 Ajax는 클라이언트가 비동기 방식으로 자바스크립트를 이용하여 화면 전환 없이 서버측에 자료 xml, html, json 를 요청할 때 사용한다. - Ajax 관련 메서드 load() : 외부 콘텐츠를 가져올 때 사용한다. $.ajax() : 데이터를 서버에 http post, get 방식으로 전송할 수 있으며, html, xml, json, 텍스트 유형에 데이터를 요청할 수 있는 통합적인 메서드이다. -> $.post() , $.get(), $.getJSON()을 합쳐 놓은 것이다. $.post() : 데이터를 서버에 http post 방식으로 전송한 후 서버 측의 응답을 받을 때 사용한다. $.get() : 데이터를 서버에 http get방식으로 전송한 후 서버 측의 응답을..

1. Ajax Ajax(Asynchronous JavaScript and XML) 이란 비동기 방식의 Javascript와 xml을 가르킨다. ❗ 동기 방식과 비동기 방식 동기 방식은 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기 방식은 신호를 보냈을 때 응답과 상관없이 다음 동작을 수행할 수 있다. 2. Ajax를 이용하는 이유 Ajax를 사용하는 이유는 화면 전환 없이 클라이언트와 서버간에 xml, json, 텍스트, html 등의 정보를 교환하기 위해서이다. 즉, Ajax를 이용하면 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수 있다. (사용자는 서버에 자료를 요청하는 사이에도 다른 작업이 가능해진다.) 3. 웹 서버 외부에 있는 사용자..

* 연습문제 1 버튼 내용 * 연습문제 2 new document 버튼 내용

1. 애니메이션 효과 제어 메서드 애니메이션 효과 제어 메서드란 '효과' 또는 '애니메이션'이 적용된 요소의 동작을 제어하는 메서드이다. 애니메이션 메서드는 함수가 적용된 순서대로 큐(queue) 라는 저장소에 저장된다. - 애니메이션 효과 제어 메서드 종류 stop() 현재 실행 중인 효과를 모두 정지시킨다. delay() 지정한 시간만큼 지연했다가 애니메이션을 진행한다. queue() 큐에 사용자 정의 함수를 추가하거나 큐에 대기중인 함수를 배열에 담아 반환한다. -> 그리고 queue() 메서드 이후의 애니메이션 효과 메서드는 모두 취소한다. clearQueue() 큐에서 처음으로 진행하고 있는 애니메이션만 제외하고 대기 중인 애니메이션은 모두 제거한다. dequeue() queue()메서드를 이용..