네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🌔 Ajax ( Asynchronous JavaScript And XML ) XMLHttpRequest let URL = "API URL"; let xhr = new XMLHttpRequest(); xhr.open("GET", URL, true); //옵션 :: 전송방식, 경로, 비동기사용여부 xhr.send(); xhr.onload = function(){ if (httpRequest.readyState === XMLHttpRequest.DONE){ // 이상 없음, 응답 받았음 console.log(xhr.responseText); } else { // 아직 준비되지 않음 } } readyState 0 (uninitialized..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 Reference 1) 이벤트 실전예제 2) 이벤트 전파를 중단 하는 방법 click이벤트 안에 다른 click 이벤트 ( 같은 DOM에 걸린 이벤트들 ) Element.addEventListener("click", (e)=>{ e.target.parentNode.classList.add("open"); let list = e.target.nextElementSibling.children; Array.from(list).forEach((li)=>{ li.addEventListener("click", (eList)=>{ // 상위 이벤트가 동시에 진행되면서 eList + e + eList 로 동작 // 다음의 코드로 해결하면된다. e..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 target.addEventListener(type_이벤트유형 , listener_이벤트구현하는객체 [, options]); target.addEventListener("click" , 함수명); target.addEventListener("click" , function(){ 함수명(파라미터) }); //익명함수 사용한다!! ▲파라미터 전달방법 ▶이벤트 전파 중단하기, 중복발현 현상, 새로고침되는 현상 디버그하기 Reference 1) 클릭이벤트 옵션 Javascript : addEventListener 의 3번째 options 인자 addEventListener() 는 웹 요소에 이벤트를 거는것으로 많이 사용된다. 대부분 이런 ..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 element.style.display = "none"; 🌒 Class Name으로 접근하기 Element.classList.contains("클래스명"); // 클래스를 포함하는지, Return Boolean Element.classList.remove("클래스명"); Element.classList.add("클래스명"); Element.classList.toggle("클래스명"); 🌒 focus element.focus(); // Focus 부여하기 if (element === document.activeElement) //Focus 요소찾기 Reference 1) 🔗 [Javascript] class 추가/변경/삭제/읽기 (c..