var
-
[JavaScript] 자바스크립트 window 객체 이해하기프로그래밍 이야기/JavaScript 공부 2020. 6. 25. 00:14
많은 시간에 걸쳐 진화를 거듭하면서 다양한 사용처와 플랫폼을 지원하게 된 자바스크립트는 본래 웹 브라우저에서 사용하려고 만든 언어이다. 그래서 사실 '웹'이라는 분야에서 자바스크립트는 거의 독보적인 존재라고 할 수 있는데 자바스크립트로 웹 브라우저를 자유롭게 다루려면 DOM, BOM, 그리고 window 객체와 document 객체를 이해해야 한다. 그중에서 이번 포스팅에서는 window 객체에 대해서 좀 살펴보자. Window 객체란? window 객체는 두 가지 역할을 하는데, 1. 브라우저 안의 모든 요소들이 소속된 객체로, 최상위에 있기 때문에 어디서든 접근이 가능하다고 해서 '전역 객체'라고도 부른다. 2. 일반적으로 우리가 열고 있는 브라우저의 창(browser window)을 의미하고, 이 ..
-
[JavaScript] 자바스크립트 var, let, const 차이 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 30. 00:54
자바스크립트에 변수를 선언하는 방식은 키워드 별로 3가지가 있다. var, let 그리고 const 이 셋이 각가 어떤 차이를 가지고 있는지 살펴보자. 1. 중복선언과 재할당 이 셋의 가장 큰 차이는 선언과 할당에 있다. 먼저, var 키워드는 중복선언이 가능하다. var myName = 'Bigtop'; console.log(myName); // Bigtop var myName = 'KimBigtop'; console.log(myName); // KimBigtop 혹시라도 중복이 가능하니 좋지않으냐고 생각할 수도있겠지만, 코드의 양이 늘어나고 복잡도가 높아질수록 변수의 중복선언을 허용하는 것은 이 변수 관리를 한층 더 어렵게 만든다. 그래서 이를 보완해 ECMA2015 부터 등장하게된 let과 cons..
-
[JavaScript] 자바스크립트 호이스팅(Hoisting) 가볍게 이해하기프로그래밍 이야기/JavaScript 공부 2020. 5. 28. 02:07
호이스팅도 스코프와 마찬가지로 이를 좀 더 명확하게 이해하려면 scope의 깊은 개념과 자바스크립트의 실행 문맥을 이해한 상태에서 살펴보는 것이 좋지만, 그런 부분을 이해하기에는 생각보다 많은 배경지식들이 필요하다. 하지만, 그냥 가볍게 호이스팅이 어떠한 현상인지 정도만 이해해도 코드를 작성하거나 다른 개념들을 이해하는 데에 생각보다 적잖이 도움이 되기에 이 포스트를 작성하게 되었다. 호이스팅(Hoisting)이란? 호이스트를 구글에 검색해보면, 위키백과에서 '호이스트는 로프 또는 체인이 감싸는 드럼 또는 리프트 휠을 사용하여 하중을 들어 올리거나 내리는 데 사용되는 장치입니다.'라고 알려준다. 이와 비슷한 의미로 자바스크립트에서는 선언문을 끌어올리는 동작을 호이스팅(Hoisting)이라고 부른다. 자바..