#javascript

Articles tagged with #javascript

[ 살펴보기 ] Javascript - This
Java와 같은 programming language에서 this keyword는 class를 통해 생성될 instance를 가리키지만 javascript에서는 this keyword가 가리키는 대상은 상황에 따라 달라질 수 있으므로 주의가 필요하다. This keyword가 가리키는 대상이 상황에 따라 어떻게 달라지는지 예제를 통해 살펴보자. 일반 함수에서 this 일반 함수에서 this는 global object가 binding된다. fun...
Jan 18, 20255 min read9
[ 살펴보기 ] Javascript - Event bubbling, capturing, delegation
다음과 같은 element 구조가 있다고 가정해보자. ... <div class="parent"> <div class="box box-container"> <div class="box box-child box-a">box A</div> </div> </div> ... 위의 element 구조에서 box A을 click한다면 해당 click event는 어떤 경로를 통해 전달될까? click event가 box a element를...
Jan 6, 20256 min read11
[ 살펴보기 ] Javascript - Data types
Javascirpt에서 data type은 크게 primary, reference type으로 분류할 수 있다. number, bigint, string, boolean, undefiend, null, symbol type은 모두 primitive type에 해당하며 그 외에 object, array, Date등은 모두 reference type으로 분류된다. number ( primitive type ) int, long, float 등과 같...
Jan 6, 20258 min read8
[ 살펴보기 ] Javascript - Memory Management
디테일한 Memory Management 내부사항은 Javascript Engine마다 차이가 존재할 수 있으며 해당 포스트는 Javascirpt Engine의 Memory Management를 대략적으로 살펴봅니다. 우리가 Javascript를 통해 특정한 연산을 할 때 연산에 필요한 데이터는 메모리에 추가되고 CPU가 메모리에 추가된 데이터를 읽어 필요한 연산을 수행한다. 그리고 연산이 완료되어 나온 결과 값 역시 메모리에 저장된다. 다음과...
Oct 14, 20246 min read23
[ 살펴보기 ] Javascript - Iterable, Iterator
Iteration이 가능한 데이터 구조 사양을 정의하기 위해 ECMAScript sepc에 추가된 Iteration protocol 중 Iterable protocol을 준수하는 객체를 Iterable이라고 한다. Iterable 객체는 for..of operator를 통해 loop 작업을 할 수 있고. Spread operator와 array deconstruction을 사용할 수 있는 대상이 된다. const testArr = ["test"...
Sep 15, 20244 min read5
[ 살펴보기 ] Javascript - Execution Context와 Closure
해당 포스트에선 Execution Context와 Closure에 대해 살펴본다. Javascript에선 변수를 var로 선언하느냐 const / let으로 선언하느냐에 따라 Execution Context 내부에서 처리가 다소 달라진다. 해당 포스트에서는 가능하면 심플하게 Execution Context 동작을 살펴보기 위해 변수는 모두 const / let으로 제한하도록 하자. Execution Context Execution Context...
Jun 11, 20244 min read22