목록Web/JavaScript (5)
NKB's Factory
어플리케이션에서 API를 사용하기 위해 라이브러리를 사용했던 것보다도 훨씬 간단하게 통신이 가능했다. 또한, 웹 페이지에 대한 모든 정보를 한 번에 로딩하는 것이 아니라 이벤트에 따라 ajax를 통해 필요한 시점에 정보를 받아올 수 있다는 점이 놀라웠다. AJAX 실행코드 아래 방법은 XMLHTTPRequest 객체를 사용하는 표준방법이다. function ajax(data) { var oReq = new XMLHttpRequest(); oReq.addEventListener("load", function() { console.log(this.responseText); }); oReq.open("GET", "http://www.example.org/getData?data=data");//parameter..
브라우저는 이벤트 리스너를 호출할 때, 사용자로부터 어떤 이벤트가 발생했는지에 대한 정보를 담은 이벤트 객체를 생성해서 리스너 함수에 전달한다. 따라서 이벤트리스너 안에서는 이벤트객체를 활용해서 추가적인 작업을 할 수 있게 된다. var el = document.getElementById("outside"); el.addEventListener("click", function(evt){ console.log(evt.target); console.log(evt.target.nodeName); }, false); 가장 많이 쓰이는 것은 evt.target 현재 작성한 예시는 click 이벤트에 대한 처리이다. 다양한 타입의 이벤트에 대한 정보는 아래의 링크에 들어가면 확인할 수 있다. https://deve..
setInterval은 특정 동작을 반복적으로 수행하기위해 쓰임 setTimeout은 특정 동작을 다른 동작이 끝난 후 처리하기위해 쓰임
함수가 실행되면 그 안에는 arguments라는 특별한 지역변수가 자동으로 생성됩니다. arguments의 타입은 객체 입니다.(console.log( typeof arguments) 로 확인해보세요!) 자바스크립트 함수는 선언한 파라미터보다 더 많은 인자를 보낼 수도 있습니다. 이때 넘어온 인자를 arguments로 배열의 형태로 하나씩 접근할 수가 있습니다. arguments는 배열타입은 아닙니다. 따라서 배열의 메서드를 사용할 수가 없습니다. 출처 : https://www.edwith.org/boostcourse-web/lecture/16695/ [LECTURE] 3) 자바스크립트 함수 : edwith 들어가기 전에 "자바스크립트 잘 이해하고 있다는 것" === "자바스크립트 함수를 잘 이해하고 있..
선언되어 있지만 할당되어 있지 않은 변수