728x90
Ninny Design 전체 글
-
Skill/JavascriptJS/jQuery - 스크롤 이벤트 : 맨 위, 맨 아래, 요소 위치 감지, 스크롤 업&다운스크롤 이벤트웹 페이지를 스크롤할 때 발생하는 이벤트. 마우스 휠을 사용하여 스크롤하거나 터치 기반 장치에서 스크롤 제스처를 사용할 때도 발생할 수 있다. 이벤트 핸들러를 사용하여 스크롤 이벤트를 감지하고, 사용자가 스크롤을 할 때 특정 동작을 수행할 수 있다.check_circle Check스크롤 이벤트내에 내용을 입력하면 스크롤이 발생할 때 마다 호출하기 때문에 이벤트를 한번만 호출해야 한다면 주의해야 한다. 스크롤 - 바닐라 스크립트window.addEventListener('scroll', function() { // 스크롤 이벤트가 발생할 때 실행될 작업 console.log('페이지가 스크롤됨!');}); 스크롤 - 제이쿼리$(selector).scroll(function() { ..reviews 1 calendar_month 2023.12.01
-
Skill/JavascriptJS/jQuery - 천단위(3자리수)마다 콤마 넣기 : toLocaleString(), replace()toLocaleString() 함수 toLocaleString() 메소드는 숫자를 통화 형식으로 표시하거나, 날짜와 시간을 로컬 시간대에 맞는 형식으로 표시해주기 때문에 toLocaleString() 메소드를 이용하여 숫자 3단위마다 콤마를 넣을 수 있다. wb_incandescent Tip toLocaleString()메소드는 현재 지역 설정에 따라 변환된 값을 반환한다. 따라서 결과는 각 사용자의 로컬 설정에 따라 다를 수 있다. 예시 var number = 123456789; console.log(number.toLocaleString()); // "123,456,789" // 인자없이 사용하면 사용자의 로컬 설정에 따라 반환 console.log(number.toLocaleString('ko-KR..reviews 1 calendar_month 2023.12.01
-
Tip/사이트 추천웹디자인 벤치마킹을 위한 참고 사이트 모음디비컷 dbcut신규 오픈한 국내외 웹사이트를 소개 평가하는 웹디자인 포트폴리오 커뮤니티. 디비컷 - 웹디자인 평가 및 우수 웹사이트 모음국내외 우수 웹디자인 레퍼런스 사이트www.dbcut.com 지디웹 GDWEBWEB / UX 다자인 우수 작품들을 선정, 발표하고 영구적으로 보존하는 사이트. http://www.gdweb.co.kr www.gdweb.co.kr 사이트인스파이어 siteinspire전세계의 웹디자인을 위한 독특한 웹사이트를 게시하는 사이트. 하루에 200건 이상 등록된다. All Websites on Siteinspire www.siteinspire.comreviews calendar_month 2023.11.14
-
Skill/JavascriptJS/jQuery - 요소의 class 읽기, 추가, 변경, 제거, 포함 여부클래스 읽기바닐라스크립트const ex = document.getElementById('ex');// 클래스 이름 문자열로 리턴ex.className;ex.classList;ex.classList.length; // 클래스 갯수ex.classList.item(0); // 인덱스 0번째 클래스 이름ex.classList.item(1); // 인덱스 1번째 클래스 이름ex.classList.item(2); // 인덱스 2번째 클래스 이름className, classListelement의 클래스 이름을 문자열로 리턴classList.lengthelement의 클래스 갯수를 리턴classList.item(index)element의 특정 인덱스의 클래스 이름을 리턴 제이쿼리const ex = $('#ex');ex..reviews calendar_month 2023.10.23
728x90