코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) $.fn.extend() 메소드 - 개발자가 직접 제작한 함수를 jQuery에 확장시켜 주는 역할 기본형 $.fn.extend({ 확장 함수명: function(매개변수1, 매개변수2,...){ $(this); 자바스크립트 코드; } }); $("요소 선택").확장 함수명(인자값1, 인자값2); $.fn.확장 함수명 = function(매개변수1, 매개변수2, ...) { ... } 3. 소스 코드 및 실행 결과 1) jquery_plugin_5_test.html - 이벤트와 경고 창..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) jquery-cookie 플러그인 - 쿠키를 생성하고 쿠키 만료일을 설정할 수 있음 - 쿠키 : 사이트를 방문한 사용자의 소량의 브라우저 정보를 저장할 수 있는 공간 - 하나의 도메인 당 최대 20개를 생성할 수 있고 최대 4KB까지 저장할 수 있음. - 쿠키를 사용하여 '오늘 하루 동안 이 창 열지 않기'나 '최근에 본 상품' 기능 구현 가능 - jquery-cookie 플러그인 설치 : http://cdnjs.com - jquery-cookie 검색 cdnjs - The #1 fr..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) bxSlider 플러그인 - 여러 개의 배너에 슬라이드 기능을 간편하게 적용할 수 있는 플러그인 - 모바일에도 최적화되어 있어 슬라이드 기능도 동일하게 동작하며 반응형 디자인에도 최적화되어 있음 - bxSlider 플러그인 설치 사이트 : http://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 2) bxSlider 기본형 기본형 참조 변수 = $..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 제이쿼리 UI 플러그인 - 사용자 환경을 개발하는 데 매우 유용한 메소드를 제공하는 플러그인 - 선택한 요소를 마우스로 이동시킬 수 있는 드래그 기능, 요소가 펼쳐졌다가 줄어드는 아코디언 기능, 지정한 요소에 마우스를 올렸을 때 툴 팁(설명 정보 창)을 나타내는 기능 등 사용자 환경에 다양하고 편리한 기능을 쉽고 빠르게 적용시킬 수 있음 - 제이쿼리 UI 사이트 : http://jqueryui.com jQuery UI jQuery UI is a curated set of user in..

1. 제이쿼리 플러그인(Plug-in) - 여러 개발자가 드래그 & 드롭, 슬라이드 배너, 툴 팁 기능 등을 구현해 놓은 프로그램을 자바스크립트로 파일로 제공하는 제이쿼리 라이브러리 - 사용하고자 하는 기능의 플러그인을 검색하여 내려받고 웹 문서에 연동하여 선택한 요소에 기능만 적용하면 간단한 코드 삽입만으로도 복잡하고 어려운 기능을 쉽게 구현 - 상업적으로 사용하려면 저작권(license)을 잘 살펴야 함 - 저작권 내용은 플러그인 문서 상단 표기, 저작권 내용을 반드시 코드에 포함하여 사용 - 무료 저작권 종류 구분 종류 자유 수정 가능 MIT, BSD, Apache, Public Domain, Free 수정 시 부분 공개 LGPL, MPL 2. 플러그인 - 제이쿼리를 이용하여 만든 소스 - 내려받은..

1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery, Ajax, php, jsonp 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) JSONP - 교차 도메인 서버 간의 데이터를 요청하고 응답하는 방법을 말함 3. 소스 코드 및 실행 결과 - member_test.php ※ php에서 .연산자는 문자열 결합 연산자 - jquery_ajax_6_test.html - jquery_ajax_7_test.html ※ 실행 URL : http://shgdx12.dothome.co.kr/jquery_ajax_5_test.html Ajax shgdx12.dothome.co.kr ※ 서버 웹호스팅..