JSP59 [Javascript] JS 형변환 총 정리 JavaScript 형변환 정리변환 방식방법예제문자열 변환String(x)String(123) → "123" .toString()(true).toString() → "true" x + ""123 + "" → "123"숫자 변환Number(x)Number("10") → 10 parseInt(x) / parseFloat(x)parseInt("10px") → 10 +x+"10" → 10불리언 변환Boolean(x)Boolean(0) → false !!x!!"hello" → trueJSON 변환JSON.stringify(x)JSON.stringify({a:1}) → '{"a":1}' JSON.parse(x)JSON.parse('{"a":1}') → {a:1} 🔹1. 암묵적(자동) 형변환 (Type Coer.. 2025. 2. 24. [Javascript] 자바스크립트 이벤트 차단/복구 //이벤트 차단function disableAllEvents() { const yourClass = document.querySelector('.yourClass'); yourClass.style.pointerEvents = "none"; // yourClass 클릭 및 포인터 이벤트 차단 yourClass.style.userSelect = "none"; // yourClass 비활성화 //document.body.style.pointerEvents = "none"; // 모든 클릭 및 포인터 이벤트 차단 //document.body.style.userSelect = "none"; // 선택 비활성화}//이벤트 복구function enableAllEvents() { .. 2025. 1. 23. [Javascript] 요소 (생성, 삽입, 삭제) 요소 - 자바스크립트 or 제이쿼리를 활용해서 html 요소를 생성할 수 있음 자바스크립트1. 요소 생성createElement : 요소(태그)를 만드는 메서드createTextNode : 글자를 만드는 메서드let el_h1 = document.createElement("h1");let txt_h1 = document.createTextNode("안녕하세요");2. 요소 속성속성 설정 : setAttribute('속성명', '속성값');setAttribute('class', 'minwoo')속성값 찾기 : getAttribute('속성명');getAttribute('class'); //minwoo3. 요소 삽입prependChild(삽입할 요소) : (첫번째) 자식으로 삽입appendChild(삽입할 .. 2025. 1. 2. [Javascript] 구조분해 간단요약... (그대로 복사해서 console 확인해보자) 배열 구조분해 (그대로 복사해서 console 확인해보자) 객체 구조분해 할당 (그대로 복사해서 console 확인해보자) 2024. 8. 26. [Javascript] 나만의 Ajax 만들기 e7e샘의 나만의 AjaxDOCTYPE html>meta charset="UTF-8">div id="disp">div>button onclick="fAjax()">아작스button>button onclick="fAjax2()">아작스2button>button onclick="fAjax3()">아작스3button>script>//매개 변수들을 한 덩어리로 보내면 훨씬 플렉서블 해짐!!//어쩌다 마주 친 그대 봤는뎅 재미있음. (멜로 아니공 스릴러)const $={}; //빈 객체 생성(내맘) -> 네임스페이스용// $객체의 메소드롱 ajax를 만듬, 이제 부터 $.ajax라고 써야함// 요따구로 해성 $.ajax(jQuery)가 만들어짐(역시 별거 아니었음!)$.ajax=function(pSet){ .. 2024. 8. 26. [Javascript] 즉각실행 함수 2024. 8. 26. 이전 1 2 3 4 ··· 10 다음