클래스형은 너무 어렵다.. 그냥 어떻게 돌아가는지만 구조만 알아두자.. 자바스크립트 강의 이벤트 핸들러 함수 & “this” JavaScript에서 함수를 호출할 때, 함수 내에서 this 키워드가 가리키는 대상은 함수를 호출하는 방법에 따라 달라진다 addEventListener() 메서드를 사용하여 이벤트 핸들러 함수를 등록한 경우 ⇒이벤트 핸들러 함수 내에서 this는 해당 요소를 가리킨다 const myButton = document.querySelector('#my-button'); myButton.addEventListener('click', function() { console.log('버튼이 클릭되었습니다.'); console.log(this); // myButton 요소 출력 }); bi..

오늘은 가볍게 js에대해 정리하고자 한다 const button = document.querySelector("button"); const clickMe = () => { alert("hi"); }; button.addEventListener("click", clickMe); setTimeout(() => { button.removeEventListener("click", clickMe); //리스닝 설정을 특정해서 지우는것이기 때문에 이벤트이름과 함수가 같다 }, 2000); 특정해서 지우는것이기 때문에 이벤트이름과 함수가 같다 }, 2000); 익명의 함수는 안된다 ❌⇒완전히 다른 두개의 객체이기 때문이다 clickMe.bind(this)⇒bind 도 새로운 함수 객체를 만들기 때문에 ❌ ⇒const..

원래는 리액트쿼리에 대해 공부하려 했는데 어느 글에서 리액트쿼리를 알기이전에 AJAX에 알아야 한다고 하여 양심에 찔려 이글을 정리해보려고 한다 AJAX (Asynchronous Javascript And XML) =>자바스크립트를 통해서 서버에 데이터를 요청하는 것 AJAX는 XML에 기반한 종합 기술로 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다 자바스크립트로 HTTP 요청을 보내서 XML 응답을 받아 사용하는 기술 AJAX는 하나의 독립된 기술이 아니다. AJAX 화면 HTML + CSS 로 구성 및 작성 화면에 대한 조작과 상호 작용 문객체모델(Document Object Model : DOM)로 처리 데이터 교환 XML 형식 데이터 변환과 ..

항목 location.href location.replace() 타입 속성 method(함수) 웹브라우저 히스토리 저장됨 저장안됨 브라우저 뒤로가기 "location.href" 를 호출한 페이지로 이동 웹브라우저 히스토리에 있는 가장 최근 이전 페이지로 이동. 뒤로가기로 "location.replace()" 를 호출한 페이지로 갈 수 없음. 사용방법 location.href = 'page.html'; location.href ('page.html'); 용도 새로운 페이지로 이동 URL을 이동하는 대부분의 경우에 사용 기존페이지를 새로운 페이지로 변경 뒤로가기 이전 페이지로 가는 것을 차단 하거나 방문 히스토리를 남기지 않는 경우에 사용 사용자 클릭 등의 사용자 반응에 의해 URL을 이동하는 경우 loca..