개발/Javascript (3) 썸네일형 리스트형 [Javascript] .js파일끼리 통신하는 법 - CustomEvent 프로젝트를 진행하면서 Front 개발 중 파일끼리 데이터를 통신하고 싶었는데, 방법을 모색하다 Event를 활용한 통신을 정리해보고자 한다. dispatchEvent 메서드?우선 dispatchEvent 메서드는 Javascript 안에서 사용하는 Event 객체를 발송하는 메서드로 이를 활용하여 이벤트를 발생시킬 수 있고, CustomEvent 객체를 활용하여 사용자 지정 이벤트를 사용할 수 있게 해주는 메서드이다.주로 DOM 요소에서 발생하는 이벤트를 시뮬레이션하거나 사용자 지정 이벤트를 발생시키는 데 사용된다. 예를 들어 우리가 버튼을 클릭하는 click 이벤트, selectBox의 내용을 바꾸는 change 이벤트 등 DOM에서 많이 쓰이는 이벤트들을 강제로 전송하여 조작할 수 있다. Click .. [Javascript] TDZ(Temporal Dead Zone)이란? 지난 글에서 호이스팅에 대해서 알아보았는데, 이번에는 자바스크립트의 TDZ(Temporal Dead Zone) 개념에 대해 알아보겠습니다. [Javascript] 호이스팅(Hoisting) 개념정리최근 자바스크립트를 사용할 때 특정 개념들이 당연하게 여겨져 디테일하게 알아야 할 필요가 있다고 판단했습니다.우선 호이스팅부터 정리해 보도록 하겠습니다. 호이스팅이란? 호이스팅이kebi3477.tistory.comTDZ(Temporal Dead Zone)이란?Temporal Dead Zone은 "일시적 사각지대"라는 의미를 가지고 있습니다. TDZ는 변수가 선언되고 초기화 단계에 접어들기 전까지의 구간을 의미합니다. 이 구간에서는 변수에 접근하면 ReferenceError가 발생합니다. 하지만 모든 자바스크.. [Javascript] 호이스팅(Hoisting) 개념정리 최근 자바스크립트를 사용할 때 특정 개념들이 당연하게 여겨져 디테일하게 알아야 할 필요가 있다고 판단했습니다.우선 호이스팅부터 정리해 보도록 하겠습니다. 호이스팅이란? 호이스팅이란 자바스크립트 인터프리터가 코드를 실행하기 전 변수나 함수, 클래스 또는 임포트의 선언문을 해당 범위의 맨 위에서 선언이 된 것처럼 보이는 현상입니다. 자세히 살펴보면 다음과 같은 동작들을 호이스팅으로 간주할 수 있습니다. 1. 변수가 선언된 줄(line) 이전에 해당 범위에서 변수 값을 사용할 수 있는 경우2. 변수가 선언된 줄(line) 이전에 해당 범위의 변수를 참조할 수 있지만 값이 항상 undefined 인 경우3. 변수를 선언하면 변수가 선언된 줄(line) 앞의 범위에서 동작이 변경됨4. 선언의 부작용은 선언이 포함.. 이전 1 다음
