개발/코딩
코드 작성, 디버깅, 리팩터링, 테스트 자동화에 AI를 활용하는 실전 흐름을 정리합니다.
89 posts
텍스트 추출해서 링크 변환하기
텍스트 추출해서 링크 변환하기https://codepen.io/eond/pen/MWwzyBzhttps://codepen.io/eond/pen/MWwzyBz"...
css 애니메이션 재시작
버튼을 눌렀을 때 특정 클래스의 효과를 제거했다가 다시 추가할 때 사용하는 방법입니다.저는 위 스크립트에서 마우스를 해당 컨테이너에 가져다댔을 경우 pause 클래스를...
가로 롤링 슬라이딩 배너
jquery horizon newstickerhttps://ssamlee.tistory.com/13https://ssamlee.tistory.com/13"...
sly.min.js 터치슬라이드 스와이프
#sly #sly.min.js #터치슬라이드...
Smooth Scrolling
https://css-tricks.com/snippets/jquery/smooth-scrolling/https://css-tricks.com/snippets/jquery/sm...
메뉴 클릭했을 때 스르륵 부드럽게 열리는 하위메뉴
How to animate height from 0 to auto using CSS Transitionstransform height...
jQuery 3 Bootstrap 4 Datepicker
1. jQuery 3 Bootstrap 4...
[jQuery] each, loop, setInterval 활용
<일정한 시간이 지나면 다음 글이 펼쳐진다.>재귀함수나 for 문으로 해보는 것도 알아봤지만 하는 방법을 정확히 모르겠다.배은식님께서 setInterval 을...
자바스크립트 키코드, 키 이벤트
http://javafactory.tistory.com/396http://javafactory.tistory.com/396" style="height:...
Modal (모달창)
모달창 스크립트http://rwdb.kr/lightbox13/http://rwdb.kr/lightbox13/" style="height:...
[jQuery] toggle, if..else , switch
$('body').on('click', '#clickme', function(){var state =...
Add smooth scrolling to page anchors
a 앵커에 스무스한 이동 기능
jquery popup layer
<a href="#layer1" class="btn-example">일반 팝업레이어</a>위와 같은 형식으로 사용 가능합니다.클래스 속성에 btn-popup 혹은...
모달창 만들기
Previewhttps://codepen.io/eond/pen/vpKjRvJS//modal-login...
jquery 가나다 정렬
사이트맵에서 ㄱㄴㄷ 순으로 정렬하려고 할 때 사용가능하다.문제) 한 개일 땐 정렬이 되나 ul이 여러개일 땐 여러번 반복된다. 어떻게 수정하지?<div...
[jquery] 폰트 사이즈 조절 버튼 페이지 이동시에 변수 초기화 문제
제이쿼리를 이용하여 글자 크게, 작게 만들기$(document).ready(function(e) { var font_size = 1;...
jquery on toggle
$('#clickme').toggle( function(){alert('click 1');}, function(){alert('click 2');} );아이디...
스크롤 내려오면 멈추는 스크립트
jQuery(window).scroll(function(evt) { var y = jQuery(this).scrollTop(); if (y > 200) {...
$.browser.msie undefined 오류
외부 js 를 포함시켜 사용시다음과 같이 호출되는 부분에서 정상적으로 동작이 안되서 확인해보니 개발자 도구에서html += buttonPanel +...
메뉴 cleartimeout, settimeout
출처...