Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. 설명Promise 는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '프로미스(promise)'를 반환합니다. Promise는 다음 중 하나의 상태를 가집니다.대기(pending) : 이행하지도, 거부하지도 않은 초기 상태이행(fulfilled) : 연산이 성공적으로 완료됨거부(rejected) : 연산이 실패함대기 중인 ..
구조 분해 할당구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다!let a, b, rest;[a, b] = [10, 20];console.log(a);// Expected output: 10console.log(b);// Expected output: 20[a, b, ...rest] = [10, 20, 30, 40, 50];console.log(rest);// Expected output: Array [30, 40, 50] 구문var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20[a, b, ...rest] = [10, 20, 30, 40, 50]..
ReduceJavaScript에서 배열을 처리할 때 유용한 메소드 중 하나인 reduce 의 기본 원리, 주요 매개변수(accumulator와 current value), 그리고 실제 예제 코드를 통해 reduce를 어떻게 활용할 수 있는지 알아보겠습니다.reduce란 무엇인가?reduce 함수는 배열의 각 요소를 순회하면서 누적 작업을 수행해 하나의 결과값을 만들어내는 메소드입니다.간단히 말해, 배열 전체를 하나의 값(숫자, 객체, 배열 등)으로 "축소"할 때 사용됩니다.주요 매개변수reduce의 콜백 함수는 최소 두 개의 인자를 받습니다:acc (Accumulator)이전까지의 누적 결과를 저장합니다. 초기값을 설정하면 해당 값으로 시작하며, 매 순회마다 업데이트된 결과가 다음 순회로 전달됩니다.cu..
Out of Memory (OOM) Out of Memory (OOM) 오류가 발생하는 이유와 관련된 totalJSHeapSize, usedJSHeapSize, jsHeapSizeLimit 세 가지 값의 관계는 자바스크립트 엔진에서 메모리 할당 및 사용 상태를 추적하는 중요한 지표입니다. 이 값들은 메모리 부족(Out of Memory, OOM) 오류가 발생하는 조건을 이해하는 데 핵심적인 역할을 합니다.1. 셋 관계 설명이 세 값은 다음과 같은 관계를 가집니다:usedJSHeapSize ≤ totalJSHeapSize ≤ jsHeapSizeLimit2. 각 값의 의미usedJSHeapSize (사용된 힙 메모리 크기)현재 자바스크립트 코드가 실제로 사용 중인 메모리의 크기를 나타냅니다. 이는 실제로 할..
자바스크립트에서 호출스택과 태스크큐의 관계자바스크립트에서 호출 스택(call stack)과 태스크 큐(task queue)는 비동기 프로그래밍과 이벤트 루프(event loop)의 중요한 개념입니다. 이 둘은 자바스크립트의 싱글 스레드 환경에서 코드 실행의 흐름을 제어하는 중요한 역할을 합니다. 이들의 관계와 동작 방식에 대해 알아보겠습니다.1. 호출 스택 (Call Stack)호출 스택은 자바스크립트 엔진이 함수를 호출할 때마다 그 함수의 실행 정보를 스택 구조에 쌓는 곳입니다. 기본적으로, 자바스크립트는 동기적으로 코드가 실행되며, 각 함수는 호출되면 호출 스택에 쌓이고 실행이 끝나면 스택에서 빠져나옵니다.스택 구조: 호출 스택은 후입선출(LIFO, Last In First Out) 구조로 동작합니다..
콘솔에 아래와 같은 로그가 종종뜰때가 있었다문제가 없길래 아무생각없이 그냥 넘어갔던적이 있었다.이게 뭐냐면 우선 JQMIGRATE부터 보자JQMIGRATEJQMIGRATE는 jQuery Migrate라는 라이브러리로 삭제되거나 변경된 기능을 다시 사용할 수 있게 해준다. 동시에 콘솔에 경고 메시지를 출력하여 해당 기능이 더이상 jQuery의 최신 버전에서는 지원되지 않는다고 알려주는 라이브러리다.jquery load 최신문법3.0이전$(window).load(function () { } 3.0 이후$(window).on('load', function() { on을 사용하면된다.
