I'm sw engineer!

closest()의 동작 방식closest(selector)는 현재 요소부터 상위 요소를 탐색하여 가장 가까운 일치하는 요소를 반환합니다.하지만 name 속성은 CSS 선택자가 아닌 속성(attribute) 이므로 closest("[name=${dsdKey}]")은 예상과 다르게 동작할 수 있습니다. name 속성으로 closest()가 잘못 동작하는 이유name 속성은 input, select, textarea 같은 폼 요소에서 주로 사용되며, closest()는 id나 class처럼 HTML 태그에서 직접 요소를 찾을 때 더 적합합니다. name 속성으로 closest()를 사용한 경우 (잘못된 코드) 버튼 const $target = $("#srch-custDivTp");const $in..

moment().format()은 문자열을 반환하지만,moment().toDate()는 Date 객체를 반환합니다.let formattedString = moment().format('YYYY-MM-DD HH:mm'); // 문자열let jsDate = moment().toDate(); // JavaScript Date 객체console.log(typeof formattedString); // stringconsole.log(typeof jsDate); // object  📌 차이점메서드반환 값설명moment().format('YYYY-MM-DD')"2024-04-01"문자열(String)moment().toDate()Mon Apr 01 2024 12:34:56 GMT+0900 (KST)Date 객체

📌 moment().toDate()란?moment().toDate()는 Moment.js에서 사용하는 메서드로,moment 객체를 JavaScript Date 객체로 변환하는 기능을 합니다. ✅ 왜 toDate()를 사용할까?moment()로 생성한 날짜는 Moment.js의 객체이고,datepicker나 일반적인 JavaScript Date 함수는 Date 객체를 필요로 합니다.👉 따라서 moment().toDate()를 사용하여 Moment 객체를 JavaScript Date 객체로 변환하는 것입니다.  🛠 사용 예제🎯 1️⃣ Moment.js의 toDate()를 사용한 예let momentDate = moment(); // Moment 객체console.log(momentDate); // ?..

$el.find('[name=rsDt]').datetimepicker('setDate', moment().toDate());

.wrap-type1 { padding: 1.6rem; } 안에 요소를 하나만 제외시키고 싶을땐?  방법 1: margin을 이용한 보정.wrap-type1 { padding: 1.6rem;}.wrap-type1 .exclude-padding { margin: -1.6rem;}  방법 2: position: absolute 사용 (상황에 따라).wrap-type1 { position: relative; padding: 1.6rem;}.wrap-type1 .exclude-padding { position: absolute; top: 0; left: 0; right: 0;}  방법 3: padding을 특정 요소에만 적용.wrap-type1 { display:..

이 오류는 ORA-01861: 리터럴이 형식 문자열과 일치하지 않음전달하는 리터럴 값의 형식과 쿼리에서 기대하는 형식이 일치하지 않음을 나타내며, 일반적으로 날짜 또는 타임스탬프 형식과 관련이 있습니다.SQL 쿼리에서 문제는 WHERE절에서 날짜 형식을 처리하는 방식, 구체적으로 는 TO_DATE()함수를 사용하는 방식과 날짜 값을 비교하는 방식에서 발생할 가능성이 높습니다.발생 가능한 문제와 해결책:날짜 형식 불일치: 이 오류는 문자열을 날짜 유형 ORA-01861으로 변환하려고 하지만 문자열이 예상 형식과 일치하지 않을 때 발생할 수 있습니다. AND M.CR_SDT TO_DATE( LAST_DAY( TO_DATE(#{param.slsYm}, 'YYYYMM')) + 1 )AND M.CR_EDT > ..

$(document).on('click', 'div.dv-headLine', function (evt) { const $evt = $(evt.currentTarget); const expendYn = $evt.attr('aria-expanded'); // 'true' or 'false' as string console.log("expendYn ===> ", expendYn); if (expendYn === "true") { // collapse가 열렸을 때 $evt.find('span.collapsed-reveal').show(); // or .css('display', 'inline') } else { // collapse..

let a, b, c;a = b = c = 10;console.log(a); // 10console.log(b); // 10console.log(c); // 10 ❌ 잘못된 예제 (객체를 공유하게끔)let obj1, obj2;obj1 = obj2 = { name: "Alice" };obj1.name = "Bob";console.log(obj2.name); // "Bob" (obj2도 영향을 받음) ✅ 올바른 방식(독립하는 방식)let obj1 = { name: "Alice" };let obj2 = { ...obj1 }; // 객체 복사obj1.name = "Bob";console.log(obj2.name); // "Alice" (obj2는 영향을 받지 않음) 주의할점부분적으로는 간결한 코드를 작성했지만,..

🚨 오류가 발생할 수 있는 코드 dnaList.result.dnListDtlList.forEach((item) => { console.log("item ===> ", item);}); ✅ 최적셔널 체이닝( ?.)을 사용하여 안전한 코드dnaList.result.dnListDtlList?.forEach((item) => { console.log("item ===> ", item);});

특정 속성에 접근할 때, 해당 속성이 null또는 undefined오류를 방지 🚀 즉, ?.당신을 사용하면 존재하는지 확인하는 if방법 없이 안전하게 속성에 접근할 수 있습니다!const obj = { user: { name: "Alice", age: 25 }};// 일반적으로 속성 접근console.log(obj.user.name); // 출력: "Alice"// 존재하지 않는 속성에 접근 (오류 발생)// console.log(obj.user.address.street); // ❌ TypeError: Cannot read properties of undefined (reading 'street')// ✅ 옵셔널 체이닝 사용console.log(obj.user...