728x90
반응형

Front 562

[jQuery] $.getScript

$.getScript()는 jQuery에서 제공하는 함수로, 외부 JavaScript 파일을 동적으로 불러와서 실행하는 기능을 말해.아주 쉽게 정리해줄게!✅ 1. $.getScript() 기본 개념📌 외부 JS 파일을 “AJAX 요청처럼 다운로드해서 실행”HTML에 넣는 것과 똑같은 효과.📘 기본 문법 $.getScript("경로/파일명.js");이렇게만 써도 해당 JS 파일이 다운로드되고, 즉시 실행돼.✅ 2. 실제 사용 예시 $.getScript("/js/src/partnerKeyman.js");이러면 /js/src/partnerKeyman.js 파일을 불러와서 실행함.✅ 3. 콜백 추가 가능파일 로딩 후 해야 할 작업이 있을 때:$.getScript("/js/src/myFile.js", fun..

Front/JS & jQuery 2025.11.05

[js] window.hasOwnProperty

✅ 1. window는 “브라우저 전체 전역 객체”브라우저에서 전역 변수나 전역 함수는 전부 window 안에 저장됨.예) var a = 10; 이건 사실: window.a = 10; 과 같아.✅ 2. hasOwnProperty()는 “직접 가진 속성이냐?” 확인예시: window.hasOwnProperty("a") // truewindow.hasOwnProperty("b") // false즉,window 안에 a라는 변수가 존재하는지 확인하는 것.✔ 쉽게 비유해보자🏠 window = 우리 집📦 속성(property) = 집 안 물건🔍 hasOwnProperty(“물건”) = 그 물건이 집 안에 있나 확인 if (!window.hasOwnProperty("lodingAccountJsCheck..

Front/JS & jQuery 2025.11.04

[DB][MySQL] JSON_OVERLAPS()

✅ JSON_OVERLAPS() — JSON 배열끼리 겹치는 값이 있는지 비교📌 용도JSON 배열끼리 공통되는 요소가 있으면 TRUE겹치는 값이 하나도 없으면 FALSE.예)제품 태그 id = [1,3]검색 조건 태그 id = [3,5]→ 3이 겹치므로 매칭됨.📌 예제 테이블product(product_id, tags)-- tags → {"items":[{"id":"1"},{"id":"3"}]}📌 JSON_OVERLAPS 사용 예SELECT *FROM product pWHERE JSON_OVERLAPS( JSON_EXTRACT(p.tags, '$.items[*].id'), JSON_ARRAY('3', '5') );👉 동작 원리JSON_EXTRACT(p.tags, ..

Front/JS & jQuery 2025.10.28

[js] FullCalendar.js 클릭 이벤트 설정 위치

✅ FullCalendar 클릭 이벤트 설정 위치 (버전 5~6 기준)1) 날짜(day cell) 클릭했을 때dayClick: function(info) { console.log(info.date); // 클릭한 날짜 console.log(info.jsEvent); // JS 이벤트 정보} 버전 5 이상에서는 dateClick 사용:var calendar = new FullCalendar.Calendar(calendarEl, { dateClick: function(info) { console.log("날짜 클릭:", info.dateStr); }}); 2) 이벤트(event) 클릭했을 때eventClick: function(info) { cons..

Front/JS & jQuery 2025.10.17

[js] Date 객체끼리 뺄셈(-)

자바스크립트에서는 Date 객체끼리 뺄셈(-)을 하면 자동으로 내부적으로 getTime()이 호출돼서 밀리초(ms) 단위 차이를 반환합니다. 📌 예시const d1 = new Date(2025, 9, 1); // 2025-10-01const d2 = new Date(2025, 9, 31); // 2025-10-31console.log(d2 - d1); // 👉 2592000000 (밀리초 단위, 약 30일)console.log(d2.getTime() - d1.getTime()); // 👉 2592000000 (위 결과와 동일)즉, d2 - d1 은 사실상 d2.getTime() - d1.getTime() 과 같아요. 📌 활용const days = (info.end - info.star..

Front/JS & jQuery 2025.10.04

[js] getTime()

getTime()은 자바스크립트 Date 객체에서 많이 쓰이는 메서드로,해당 날짜를 1970년 1월 1일 00:00:00 UTC부터의 밀리초(ms)로 변환한 숫자를 반환합니다.📌 예시const now = new Date(); console.log(now); // 👉 Tue Oct 01 2025 14:20:00 GMT+0900 (KST)console.log(now.getTime()); // 👉 1759359600000 (밀리초 단위 숫자) 📌 활용 - 두 날짜 차이 구하기const d1 = new Date(2025, 9, 1); // 2025-10-01const d2 = new Date(2025, 9, 31); // 2025-10-31const diffMs = d2.getTime() - d1..

Front/JS & jQuery 2025.10.03

[JAVA] Object.notify()

wait() 과 같이 볼게요.1️⃣ 기본 개념wait()현재 스레드를 일시 정지시키는 메서드모니터 락을 해제하고 다른 스레드가 객체를 사용할 수 있게 함다른 스레드가 notify() 또는 notifyAll()을 호출하면 깨어남반드시 synchronized 블록 안에서 호출해야 함notify()wait()로 대기 중인 스레드 중 하나를 깨움객체의 모니터 락을 소유한 상태에서 호출해야 함notifyAll()은 모든 대기 스레드를 깨움💡 핵심: wait() = 기다림, notify() = 깨움wait()와 notify()는 모든 객체에 존재Object obj = new Object();synchronized(obj) { obj.wait(); // obj 락 해제하고 기다림 obj.notify..

Front/JS & jQuery 2025.09.30

[js]for (const [typeTp, items] of Object.entries(grouped))

1. Object.entries(grouped)Object.entries() 는 객체를 [key, value] 쌍의 배열로 바꿔줍니다.예를 들어:const grouped = { "1": [{ id: 1 }, { id: 2 }], "2": [{ id: 3 }]};console.log(Object.entries(grouped));출력:[ ["1", [{ id: 1 }, { id: 2 }]], ["2", [{ id: 3 }]]]즉, grouped 객체가 { key: value } 구조라면Object.entries(grouped) → [ [key1, value1], [key2, value2], ... ]2. for (const [typeTp, items] of ...)for...of 구문은 배열을 순회할..

Front/JS & jQuery 2025.09.17

[js] toLocaleString

1️⃣ 기본 개념toLocaleString()은 숫자(Number)나 날짜(Date)를 사용자 지역(locale)에 맞는 형식으로 문자열로 변환하는 자바스크립트 메서드입니다.숫자 → 천 단위 구분, 소수점 자리수, 통화 기호 등날짜 → 지역별 날짜/시간 형식 2️⃣ 숫자 예시const num = 1234567.89;console.log(num.toLocaleString()); // 출력: "1,234,567.89" (기본 브라우저 로케일 기준),로 천 단위 구분소수점 유지console.log(num.toLocaleString('de-DE')); // 독일식 출력: "1.234.567,89"독일은 .로 천 단위, ,로 소수점 표시console.log(num.toLocaleString('ko-KR')); /..

Front/JS & jQuery 2025.09.15
728x90
반응형