[jQuery] 이전/다음 작품이 보이는 갤러리 만들기
갤러리 또는 이미지 리스트에서 이전 이미지와 다음 이미지가 살짝 보이는 갤러리를 구성하기 위한 CSS와 jQuery를 활용하여 구성하는 방법과 예제소스를 제공하고 있습니다. 특정 클라이언트 요구사항에 맞춰진 UI이지만 조금만 수정하면 원하는 형태의 …
![[jQuery] 이전/다음 작품이 보이는 슬라이드 갤러리](https://ljj.kr/wp-content/uploads/2023/11/2023-11-06-02-300x150.png)
[JS] 레이아웃에 맞는 이미지 크기 자동 조절
이미지는 웹사이트의 시각적인 매력을 높이고 사용자 경험을 향상시키는 중요한 역할을 합니다. 그러나 이미지의 크기를 올바르게 조절하지 않으면 의도치 않은 레이아웃으로 웹사이트의 디자인을 깨뜨리게 됩니다. 본 글에서는 JavaScript와 jQuery를 활용하여 레이아웃에 …
![[Javascript/jQuery] 화면에 보이는지(가시성) 체크](https://ljj.kr/wp-content/uploads/2023/10/2023-10-05-02-300x150.png)
[Javascript / jQuery] 화면에 보이는지 체크하기(가시성)
개요 이 문서에서는 JavaScript와 jQuery를 사용하여 웹 페이지에서 특정 요소가 화면에 보이는지 여부를 체크하는 방법에 대해 알아보겠습니다. 화면 가시성을 확인하는 것은 웹 개발에서 흔한 요구사항 중 하나입니다. 이 기술은 사용자 …
![[Javascript/jQury] 보이는 요소 찾기](https://ljj.kr/wp-content/uploads/2023/10/2023-10-05-01-300x150.png)
[Javascript/jQuery] 보이는 요소 찾기: 요소의 가시성
웹페지를 구현하다 보면 보이는 요소와 보이지 않는 요소를 선택해야 하는 경우가 종종 발생합니다. 본 포스팅에서는 [Javascript/jQuery] 보이는 요소 찾기라는 주제를 다루며, 자바스크립트와 제이쿼리를 사용하여 가시적인 요소를 찾는 과정을 안내합니다. 요소의 …
OX퀴즈 웹페이지 만들기 – 3. 동작 구현
이전 글에서는 “OX퀴즈 웹페이지 만들기” 프로젝트의 첫 두 단계를 살펴보았습니다. 첫 번째 단계에서는 웹페이지의 구조를 설정하고 두 번째 단계에서는 스타일링을 적용하는 방법을 다뤘습니다. 이제 세 번째 단계에서는 웹페이지에 실질적인 퀴즈 …
[jQuery] html 요소의 추가
jQuery를 사용하여 HTML 요소를 동적으로 추가하는 방법과 관련된 주요 내용을 설명해 보겠습니다. 본 글에서는 jQuery를 활용하여 HTML 요소를 추가하는 다양한 방법과 비교하는 예제를 제공합니다. HTML 요소를 동적으로 추가하는 것은 웹 …
제이쿼리 on(“input”…)와 on(“onchange”, “input”…) 의 차이
개요 이 글은 제이쿼리에서 사용되는 두 가지 이벤트인 on(“input”, function() {…}와 on(“onchange”, “input”, function() {…}의 차이점을 설명합니다. 이 두 이벤트는 모두 HTML 입력 요소의 값이 변경되었을 때 동작하는 이벤트로, 웹 …