728x90
반응형

Front/JS & jQuery 454

[js] moment().toDate()

📌 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); // ?..

Front/JS & jQuery 2025.03.28

java.sql.SQLDataException: ORA-01861: 리터럴이 형식 문자열과 일치하지 않음

이 오류는 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 > ..

Front/JS & jQuery 2025.03.18

[js] 연쇄할당

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는 영향을 받지 않음) 주의할점부분적으로는 간결한 코드를 작성했지만,..

Front/JS & jQuery 2025.03.02

[js] 옵셔널 체이닝 (.?)

특정 속성에 접근할 때, 해당 속성이 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...

Front/JS & jQuery 2025.02.28

[js][bootstrap] collapse 적용하기

내용 보기 / 숨기기 이 부분은 클릭하면 나타나고 다시 클릭하면 숨겨집니다. 2️⃣ 설명data-bs-toggle="collapse":클릭하면 해당 요소의 collapse기능을 활성화합니다. => 헤드 설정data-bs-target="#collapseExample": 숨기거나 참여대상 요소를 id입력합니다. => 숨기거나 표시할 body 의 id 작성: 숨길 요소를 감싸는 것 div. => 숨기거나 표시할 body에 class 와 id 정하기

Front/JS & jQuery 2025.02.27

[js] $div.data(item)

$div.data(item); 📌 왜 사용할까요?데이터의 분류 및 분류item저장소 DOM 요소(`$div)에 저장하면, 이후 이벤트가 발생합니다.예를 들어, 클릭 이벤트 $(this).data()를 사용하여div에그디데이터DOM 조각 없이 데이터를 활용data-*속성 사용자예시 $('.accordion-item-wrap').on('click', function() { const itemData = $(this).data(); console.log(itemData); // 클릭한 div에 저장된 item 객체 출력}); 🔍예제 코드items.forEach((item) => { const $div = $(''); const html = this._dataConverter(item)..

Front/JS & jQuery 2025.02.26
728x90
반응형