JavaScript
JavaScript의 전역 객체
자바스크립트의 전역 객체는 모든 객체의 최상위 객체를 의미한다. 브라우저 환경에서는 window, 노드 환경에서는 global이 전역 객체이다.
ReadHTMLCollection vs NodeList
DOM을 조작할 때 접하게 되는 유사배열들이다. Live하냐 Static하냐의 차이가 중요한데, 이를 인지하고 있지 못하면 언젠간 버그를 마주칠 수밖에 없겠다.
ReadJavaScript의 for 반복문들
자바스크립트의 for 관련 반복문은 다른 언어에 비해 가짓수가 많아보인다. 한번 정리하고, 더 헷갈리지 말도록 하자. for, for in, for of, 그리고 성격은 약간 다르지만 forEach에 대해 알아본다.
ReadThrottling과 Debouncing
연이어 발생하는 이벤트에 의해 무의미한 리소스 낭비가 일어나지 않게끔 방지하는 기법들이다. 쓰로틀링은 특정 텀을 두고 주기적으로만 콜백함수를 실행하는 방법으로 scroll 이벤트에 많이 쓰이고, 디바운싱은 연이은 호출을 이른바 하나로 퉁치는 방법으로 ajax 통신에 많이 쓰인다.
Read이벤트 전파와 위임
이론적으로만 알고 있었던 개념인데 실전에서 드디어 만나게 되어 반가운 마음에 이벤트 전파(버블링, 캡쳐링), 그리고 그를 이용한 위임에 대해 정리해보기로 했다.
Read이벤트 객체
DOM에 대한 이벤트에 연결한 함수는 이벤트 객체를 매개변수로 사용할 수 있는데, 이벤트 객체에는 여러 메소드와 정보가 들어있다. 이벤트를 제어할 수 있게 해주는 두 가지 요소는 이벤트리스너와 콜백이다.
Read실행 컨텍스트
자바스크립트 엔진은 코드를 실행하기 위하여 실행에 필요한 여러가지 정보를 알고 있어야 한다. 실행 컨텍스트는 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념이다. 하지만 물리적으로는 '객체'의 형태를 가지며, Variable Object, Scope Chain, this Value라고 하는 3가지 프로퍼티를 소유한다.
ReadJavaScript의 this
'this'는 평소엔(적어도 내 코드에선) 딱히 어렵지 않다고 느껴지면서도, 막상 오픈소스 등 남의 코드를 읽을 때에는 걸림돌이 되곤 했었다. 이는 내가 'this'를 제대로 알지 못하기 때문인 걸로 느껴져서, 좀 더 공부해보기로 했다.
Read