yoon's Devlog

1. fotorama, jquery 로딩 jquery.mon.js가 fotorama.js보다 앞에 와야 한다. 2. class를 fotorama로 지정하고 다양한 기능 사용 https://fotorama.io/ Fotorama — Simple and Powerful Responsive jQuery Image Gallery A simple yet powerful responsive jQuery image gallery. Set up Just copy and paste the snippets below to integrate Fotorama. 1. This goes to the of your page: 2. Then, wherever you want the gallery in your page : Examp..

jQuery를 사용하면 여러가지 Effect들을 쉽게 구현할 수 있다. 예제를 통해 살펴보자. 예제 1 '숨기기''보이기','토글'을 구현해보자. Step03_Effect1.jsp 숨기기 보이기 토글 div1 '숨기기' : 숨겨짐 (이미 숨겨진 상태에서는 아무런 반응 x) => .hide(), .slideup(), .fadeOut() 등 '보이기' : 나타남 (이미 숨겨진 상태에서는 아무런 반응 x) => .show(), .fadeIn(), .slideDown() 등 '토글' : 숨겨진 상태면 나타나고, 나타나있는 상태면 숨겨짐 => .toggle(), .fadeToggle(), .slideToggle() 등 예제 2 .hide()로 div를 클릭했을 때 알림창을 띄우며 div가 사라지도록 구현해보자. ..

jQuery란, 자바스크립트 라이브러리의 일종이다. 기능이 풍부하고. 여러 API들이 있어 이벤트 처리, Ajax 등을 간단하게 만들어준다. jQuery의 장점 중 한가지로는 연쇄작용, 즉 ChainAction이 가능하다는 것이다. 예제를 통해 살펴보자. "chain action" 예제 1 의 innerText와 글자, 배경색을 각각 jQuery 미사용, 사용하여 변경해보자. 1. jQuery 로딩하기 2. jQuery 미사용 코드 p요소 입니다. 2. jQuery 사용 코드 p요소 입니다. jQuery를 사용하면 한 줄이면 코딩이 끝남을 확인할 수 있다. .을 찍어 계속해서 코드를 작성할 수 있는 것을 ChainAction이라 하는데, .text() 후 반환 된는 것이 p 요소이고, 글자색을 빨강으로 ..