계발하는 개발자

특정 시점까지의 남은 시간을 계산해서 화면에 표시하고싶을 때 사용하는 디데이 카운트 기능에 대한 정리다. 먼저 내가 구현한 코드 예제는 다음과 같다. 일, 시, 분, 초에 대한 텍스트가 여러 번 반복해서 들어가야하므로 각각 forEach 로 돌려줬다. HTML 0 DAY 00 00 00 자바스크립트 function dayCount() { const remainDate = document.querySelectorAll(".value_day"); const remainHour = document.querySelectorAll(".value_hour"); const remainMinute = document.querySelectorAll(".value_min"); const remainSecond = docu..

금번 개인 프로젝트를 준비하며 정리해두면 이후에도 좋을 것 같은 현재페이지번호/전체요소갯수 구하는 방법! /(슬래시) 기호를 기준으로 왼쪽에 있는 숫자는 현재 페이지번호이고, 오른쪽에 있는 숫자는 리스트 안에 들어있는 전체요소갯수다. 먼저 코드 공유를 먼저 하자면, 내 경우는 아래와 같은 방식으로 진행했다. const totNum = document.querySelector(".total-page-num"); const cNum = document.querySelector(".current-page-num"); const proItem = document.querySelectorAll(".recent-view-prod-list > ul > li"); const arr = []; proItem.forEac..

오늘 포스팅은 자바스크립트에서 숫자를 출력할때, 숫자 3자리마다 콤마를 찍고 출력하는 방법에 관한 것입니다. 흔히 대표적으로 사용되는 2가지 방법으로 나눠 다뤄보겠습니다. 1. toLocaleString()을 이용하여 3자리마다 콤마 넣기 다음과 같이 toLocaleString()로 특정 국가의 숫자 단위로 출력하여 콤마를 넣을 수 있습니다. let cost = 65000; let result = cost.toLocaleString(); console.log(result); // 65,000 toLocaleString()는 인자로 전달한 Locale의 표현 방식으로 숫자를 출력합니다. 인자를 전달하지 않으면 Default locale이 사용됩니다. 미국이나 한국은 3자리마다 콤마를 넣습니다. 따라서 Lo..

is() 메서드는 선택한 요소 중 하나가 is( 선택한 Element )와 일치하는지 확인합니다. 결과값은 참(true)/거짓(false)을 나타냅니다. is는 '~는 ~이다' 는 뜻이므로 ele.is() is -> ele요소는 is뒤 소괄호() 안의 요소이냐?! 라고 기억하면 쉽겠죠? 여기서 포인트는 ~이냐? 라고 기억하는 것 $(".abtn").click(function () { // 1. 오른쪽여부 // is(클래스/아이디명) -> 선택요소해당여부 리턴 let isR = $(this).is(".rb"); console.log(isR); }); 슬라이드배너의 방향버튼 클릭시 해당 버튼의 클래스명이 rb 인지 판별해서 맞으면 -> true 반환 틀리면 -> false 반환 해당 판별여부를 boolean..