querySelector('.클래스명') HTML에서 해당 클래스명를 사용하는 첫번째 요소를 찾음. getElementById('id') HTML에서 해당 id를 가지고 있는 요소를 찾음 소스코드 button let el = document.getElementById('param1'); let el2 = document.querySelector('.param'); console.log("document.getElementById('param1') : ", el); console.log("document.querySelector('param') : ", el2); 결과 참조 https://www.w3schools.com/..
Ajax(Asynchronous Javascript And XML) 웹페이지에서 데이터를 갱신할 때, 웹페이지 전체를 새로고침 없이 데이터를 갱신할 수 있는 기술 XMLHttpRequest 객체를 사용해서 서버와 통신한다. XML, Plain Text, JSON 포맷의 데이터를 주고 받을 수 있다. HttpRequest 만드는 방법 open(param1, param2, param3) param1(필수): HTTP 요구 방식(request method), GET, POST, HEAD 중 하나의 방식을 사용(대문자 사용 필수). param2(필수): 요청하는 URL. param3(선택): 비동기식(Asynchronous) 여부, true가 기본값. send("data") POST 방식으로 요청한 경우 서버로..
콜백(call back) 함수 코드를 통해 명시적으로 호출하는 함수가 아니라, 개발자가 단지 함수를 등록하기만 하고, 어떤 이벤트가 발생했거나 특정 시점에 도달했을때 시스템에서 호출되는 함수를 말한다. 보통은 즉시 실행되지 않고, 나중에 필요한 시점에 실행되거나, 실행이 안 될 수도 있다. 콜백(call back) 함수의 예 익명 함수 함수의 인자로 넘겨서, 코드 내부에서 호출되는 함수 소스코드 var xhr = new XMLHttpRequest(); xhr.onload = function () { //load 될 때, callback 함수가 실행된다. if (xhr.status == "200") { console.log("success"); } } xhr.open("GET", "type?id=" + e..
호이스팅(Hoisting)이란? 자바스크립트는 코드 구문을 실행하기 전에 함수 또는 변수 선언을 메모리에 저장하는 방식이기 때문에 함수 또는 변수를 코드에서 선언하기 전에 사용할 수 있다. 단, 변수 및 함수 선언은 컴파일 단계에서 메모리에 저장되지만, 코드에서 입력한 위치는 변하지 않는다. 소스코드 catName("Chloe"); function catName(name) { console.log("My cat's name is " + name); } //My cat's name is Chloe 변수는 선언하기 전에 초기화하여 사용할 수 있지만, 초기화 없이 사용할 수 없다. num = 6; var num; // 6 //num = 6; num = num + 7; var num; // NaN..
