정훈's 프로그래밍

Destructuring assignment(구조 분할 활당)let a, b, rest;[a, b] = [10, 20];console.log(a);// Expected output: 10console.log(b);// Expected output: 20[a, b, ...rest] = [10, 20, 30, 40, 50];console.log(rest);// Expected output: Array [30, 40, 50]

console.log(Number(100));// > 100console.log(Number("100"));// > 100console.log(Number(""));// > 0console.log(Number("test"));// > NaNconsole.log(isNaN(Number("test")));// > trueconsole.log(isNaN(Number("test")) ? 0 : Number(100));> 0

// 선택자 하위 요소 중 특정 요소를 모두 검색 한다.$(container_id).find("[bind]").each(function () { console.log($(this));}

천단위 별로 컴마(comma)를 추가한다. return type = string String.prototype.setComma = function () { return isNaN(Number(this)) ? "0" : Number(this).toLocaleString("ko-KR"); } console.log("100000".setComma()); // > "100,000" Number.prototype.setComma = function () { return isNaN(Number(this)) ? "0" : Number(this).toLocaleString("ko-KR"); } console.log((100000000).setComma()); // > "100,000,000" 컴마(comma)를 제거한..

CSS HTML KRW Javascript var Page = { onBlur: function (placeholder_id, object) { const placeholder = document.getElementById(placeholder_id); if (object.value.trim() === '') { placeholder.classList.remove('focused'); placeholder.classList.add('blured'); } }, onFocus: function (placeholder_id) { const placeholder = document.getElementById(placeholder_id); placeholder.classList.add('focused'); pla..

Date.now() 메소드는 UTC 기준으로 1970년 1월 1일 0시 0분 0초부터 현재까지 경과된 밀리초를 반환합니다. console.log(Date.now()); // 1711935339429 Date.toDateString() 메소드는 주어진 날짜를 현지 시간대로 해석하고 그 중 날짜 부분만 표시하는 문자열을 반환합니다. const currentDateOnly = new Date().toDateString(); console.log(currentDateOnly); // "Mon Apr 01 2024" Date.toLocaleDateString() 메소드는 지역화된 날짜 정보를 문자열로 반환합니다. const currentDate = new Date().toLocaleString(); console..

console.log("1,000,000".replace(',', '')) > "1000,000" console.log("1,000,000".replace(/,/g, '')) > "1000000"

attr() 1. HTML 요소의 모든 속성(attribute)에 대해 작동합니다. 예를 들어, href, src, title 등과 같은 HTML 속성을 조작하는 데 사용됩니다. HTML 속성의 값을 항상 문자열(string)로 반환합니다. 링크 prop() 주로 요소의 상태를 나타내는 속성(property)에 대해 작동합니다. 예를 들어, checked, disabled, selected와 같은 프로퍼티를 조작하는 데 사용됩니다. 프로퍼티의 값은 보통 부울(boolean)이거나 숫자(number)일 수 있습니다. 예를 들어, checked 프로퍼티는 체크박스의 체크 여부를 나타내는 부울값을 가집니다. 체크박스

// check box $("#n_picking_free_quantity").attr('disabled', true); // radio box $("#n_picking_free_quantity").prop('checked', false); // input $("#n_picking_free_quantity").attr("disabled", false);

.check-button { display: inline-block; width: 20px; height: 20px; background-color: #ddd; border-radius: 50%; cursor: pointer; vertical-align: middle; } .check-button:checked { background-color: #007bff; } .button { background-color: #007bff; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 5px; cursor: pointer; v..