JavaScript 2

Hoisting - JS 엔진이 하는 일

'Hoisting' 이란 ? 영어 단어 hoist는 끌어올리기 를 뜻한다. 그렇다면, JS에서의 hoisting이란 무엇일까? 호이스팅(hoisting)이란, js interpreter가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것이다. 더 자세하게는, 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는 것이다. 호이스팅에 따르면, js에서는 변수의 선언만 최상위의 순서로 끌어올려진다. 따라서, 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있다. 다만, 선언과 초기화를 함께 수행하는 경우에는 선언 코드까지 실행해야 변수가 초기화된 상태가 된다. 호이스팅의 규칙 호이스팅의 존재로 우리가 알아야 할 두 가지가 있다. var로 선언한 변수의 경우, 호이스팅 시 unde..

JavaScript 2023.05.15

DOM(문서 객체 모델) - 문서를 조작하자

1. 'DOM' 이란? DOM은 Document Object Model의 약자로, 문서 객체 모델이라는 뜻이다. DOM에 대한 좋아하는 설명이 세 가지가 있다. 웹 브라우저가 HTML 페이지를 인식하는 방법 페이지를 정의하는 객체로, 웹 사이트에 대한 모든 정보를 담고 있는 객체 document 객체와 관련된 객체들의 집합 웹 페이지는 사실 문서(document)이다. 이 문서는 웹 브라우저를 통해 해석이 되어 화면에 나타난다. 이 모든 과정과 뜻을 망라하는 것이 DOM이라고 생각하면 편하다. 2. 'DOM'의 특징 문서 객체 모델(DOM)을 이해하기 위해, 먼저 문서 객체에 대해 알아보자. 문서 객체(document object)란, 이나 같은 html 태그 요소(element)들을 'JavaScrip..

JavaScript 2023.05.14