본문 바로가기

분류 전체보기65

[JS] 모듈 48장 : 모듈 1. 모듈의 일반적 의미 모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이 때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능한데, 이를 export라 한다. 모듈 사용자는 모듈이 공개(export)한 자산 중 일부 또는 전체를 선택해 자신의 스코프 내로 불러들여 재사용 할 수 있다. 이를 import라 한다. 💡모듈의 장점 코드의 단위를 명확히 분리하여 애플리케이션을 구성할 수 있고, 재사용성이 좋아서 개발 효율성과 유지보수성을 높일 수 있다. 2. 자바스크립트와 모듈 자바스.. 2024. 1. 29.
[JS] 타이머 41장 : 타이머 1. 호출 스케줄링 자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 갖기 때문에 두 가지 이상의 태스크를 동시에 실행할 수 없다. 즉, 싱글 스레드로 동작하기 때문에 타이머 함수 setTimeout과 setInterval 은 비동기(asynchronous) 처리 방식으로 동작한다. 2. 타이머 함수 1. setTimeout / clearTimeout const timeoutId = setTimeout(function[, delay, param1, param2, ...]); setTimeout 함수의 콜백 함수는 두 번째 인수로 전달받은 시간 이후 단 한 번 실행되도록 호출 스케줄링된다. clearTimeout 함수는 호출 스케줄링을 취소한다. // 1초(1000ms) 후 타이머가 만.. 2024. 1. 26.
[JS] 제너레이터와 async/await 46장 : 제너레이터와 async/await 1. 제너레이터란? ES6에서 도입된 제너레이터(generator)는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제너레이터와 함수의 차이 제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 제너레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 제너레이터 함수를 호출하면 제너레이터 객체를 반환한다. 2. 제너레이터 함수의 정의 제너레이터 함수는 function* 키워드로 선언하며 하나 이상의 yield 표현식을 포함한다. 이것을 제외하면 일반 함수를 정의하는 방법과 같다. 제네레이터 함수는 화살표 함수로 정의할 수 없 // 제너레이터 함수 선언문 function* genDecFunc() {.. 2024. 1. 24.
[JS] 이터러블 34장 : 이터러블 1. 이터레이션 프로토콜 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한(iterable) 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. 1. 이터러블 이터러블은 프로토콜을 준수한 객체를 이터러블이라 한다. 이터러블은 for...of 문으로 순회할 수 있으며 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있다. const isIterable = v => v !== null && typeof v[Symbol.iterator] === 'function'; // 배열, 문자열, Map, Set 등은 이터러블이다. isIterable([]); // ->.. 2024. 1. 23.

티스토리툴바