Skip to main content

Command Palette

Search for a command to run...

Latest articles

이터레이션/이터러블/이터레이터

이터레이션/이터러블/이터레이터

이터레이션 프로토콜 (Iteration protocols) 순회할 수 있는 데이터 컬렉션(배열, 문자열, 유사 배열 객체, DOM 컬렉션 등)을 만들기 위해 ES6에서 도입한 규칙입니다. ES6 이전에도 순회 가능한 데이터 컬렉션들은 통일된 규약 없이 각자 나름의 구조를 가지고 for 문, for...in 문, forEach 메서드 등 다양한 방법으로 순회할 수 있었습니다. 하지만 ES6에서 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준...

Apr 3, 2023
자바스크립트의 함수는 일급 객체

자바스크립트의 함수는 일급 객체

일급 객체란 일급 객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체입니다. 다음과 같은 조건을 만족하는 객체를 일급 객체라 합니다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다 변수나 자료구조(객체, 배열 등)에 저장할 수 있다 함수의 매개변수에 전달할 수 있다 함수의 반환값으로 사용할 수 있다 자바스크립트의 함수는 위의 조건을 모두 만족하므로 일급 객체입니다. // 1. 함수는 무명의 리터럴...

Feb 21, 2023
클로저 Closure

클로저 Closure

클로저 어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 컨텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상을 말합니다. 다른 표현들 함수를 선언할 때 만들어지는 유효범위가 사라진 후에도 호출할 수 있는 함수 이미 생명 주기가 끝난 외부 함수의 변수를 참조하는 함수 자신이 생성될 때의 스코프에서 알 수 있었던 변수들 중 언젠가 자신이 실행될 때 사용할 변수들만을 기억하여 유지시키는 함수 va...

Dec 12, 2022
콜백 함수 Callback function

콜백 함수 Callback function

콜백함수 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수입니다. 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행할 것입니다. 콜백 함수 내부에서 this가 가리키는 대상 콜백 함수도 함수이기 때문에 기본적으로는 this가 전역객체를 참조하지만, 제어권을 넘겨받을 코드에서 콜백 함수에 별도로 this가 될 대상을 지정한 경우에는 그 대상을 참조하게 됩니다. setTim...

Dec 12, 2022
this, call, apply, bind

this, call, apply, bind

this가 결정되는 시점 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정됩니다. 실행 컨텍스트는 함수를 호출할 때 생성되므로, 바꿔 말하면 this는 함수를 호출할 때 결정된다고 할 수 있습니다. 함수와 메서드의 차이 함수는 그 자체로 독립적인 기능을 수행하는 반면, 메서드는 자신을 호출한 대상 객체에 관한 동작을 수행합니다. 흔히 메서드를 ‘객체의 프로퍼티에 할당된 함수’로 이해하지만 객체의 메서드로서 호출할 경우에만 메서드로 동작...

Nov 18, 2022
실행 컨텍스트

실행 컨텍스트

실행 컨텍스트 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행합니다. 하나의 실행 컨텍스트를 구성할 수 있는 방법 전역 공간, eval() 함수, 함수 등이 있습니다. 자동으로 생성되는 전역공간과 eval을 제외하면 우리가 흔히 실행 컨텍스트를 구성하는 방...

Nov 17, 2022
데이터 타입

데이터 타입

자바스크립트의 데이터 타입 자바스크립트의 데이터 타입은 크게 원시형(기본형)과 참조형 두 가지로 분류됩니다. 원시형 데이터 타입으로는 Number, String, Boolean, Undefined, Null과 ES6에서 추가된 Symbol이 있습니다. 참조형으로는 object가 있으며 Array, Function, Date 등이 Object의 하위 분류에 속합니다. 어떤 기준으로 원시형과 참조형을 구분할까? 할당이나 연산 시 원시형은 값이 담긴...

Nov 16, 2022
DNS(Domain Name Service) 동작 원리

DNS(Domain Name Service) 동작 원리

DNS(Domain Name Service)란? 도메인은 숫자로 이루어진 IP주소를 대신하여 사람이 인식하기 쉽게 표현한 주소입니다. DNS는 도메인을 IP주소로 변환하는 서비스로 예를 들어 도메인 네임인 www.example.com을 IP 주소 192.168.1.0으로 변환하거나, 그 반대 역할을 수행합니다. 도메인은 수가 매우 많기 때문에 DNS 서버 종류를 계층화해서 단계적으로 처리하고 있습니다. DNS 서버 종류 1. Local DN...

Nov 13, 2022