728x90 Developer11 [JavaScript] Hoisting 이란? poiemaWeb - 데이터 타입과 변수 poiemaWeb - let, const와 블록 레벨 스코프 JaeYeopHan - Interview_Question_for_Beginner 1. 서론 기본적으로 코드를 작성할 때 변수를 선언한 후에 사용을 하는데, 함수의 경우 선언을 하단에 작성하고 사용하는 작업을 상단에서 하는 경우가 있었다. Hoisting에 대해서 모르는 경우 함수 표현식으로 작성하였을 때 원하는 대로 동작하는 않는 경험을 하게 된다. 이러한 문제점은 Hoisting 이란 개념을 통해 해결해 나갈 수 있다. 2. Hoisting JavaScript Parser가 모든 선언을 유효 범위(scope) 최상단으로 끌어올려지는 것이다. Hoisting 대상은 var, let, const, func.. 2022. 1. 27. [Javascript] Event Bubbling, Capture, 위임 이란? 캡틴판교 - 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 poiemaweb.com/js-event 1. 서론 사용자가 브라우저와 상호작용한다. 클릭, 드래그, 키보드 입력, .. 이 모든 동작은 Event를 통해 이루어진다. 그리고 브라우저는 사용자의 Event를 감지하여 해당 동작을 처리한다. 2. 이벤트 등록 먼저 사용자와 상호작용하는 동작(함수)를 만들어 Event와 연결하기 위해서는 addEventListener로 이벤트 등록을 해야한다. HTML 삽입 미리보기할 수 없는 소스 ( 개발자도구로 확인해보세요! ) ( 크롬기준 : F12 → Console ) 3. 이벤트 흐름 브라우저가 HTML을 읽어 DOM tree를 만들때 계층적 구조로 만든다. 이렇게 만들어진 DOM tree의 HTML .. 2022. 1. 21. [Javascript] this 란? github.com/JaeYeopHan/Interview_Question_for_Beginner poiemaweb - 함수 호출 방식에 의해 결정되는 this 1. 서론 Javascript 에서는 함수가 실행될 때, 매개변수로 전달되는 인자값을 제외하고 arguments 객체와 this를 암묵적으로 받는다. 그리고 this는 함수를 실행할 때, 함수를 소유하고 있는 객체를 참조한다. 따라서 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. (Java에서 this는 인스턴스 자신을 가리키는 참조변수) (메서드 : 객체의 속성이 함수인 것) 2. 함수를 호출할 때 특정 객체의 메서드가 아닌 함수 호출이면 해당 함수 내부 코드에서 사용된 this는 전역객체(browser : window / .. 2022. 1. 20. 이전 1 2 3 다음 728x90
