해나아부지 개발일지

지금까지 여러가지 비동기 액션을 처리할 때 Promise.all()만 쓰셨다면 주목! 1가지 메서드가 더 있다는 것 두 메서드의 차이점을 알아봅시다. 우선 MDN 공식 문서를 봅시다. Promise.all(iterable) Promise.allSettled(iterable) 1. Promise.all()은 input에 대한 결과값만을 담은 array result를 return 합니다. const promise1 = Promise.resolve(3); const promise2 = 42; const promise3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo'); }); Promise.all([promise1, promise2, p..

자바스크립트의 배열은 특수한 객체입니다. 일반적이 ㄴ객체와 달리 배열 콘텐츠에는 항상 순서가 있고, 키는 순차적인 숫자입니다. 배열은 유용한 메서드를 많이 가진 대단히 강력한 데이터 타입입니다. 배열 자바스크립트의 배열은 C언어의 효율적인 배열(indexed array)과 링크드 리스트(linked list)와 혼합된 것이다. 배열의 크기가 고정되어 있지 않다. 여러가지 데이터 타입을 가질 수 있다. 시작 인덱스는 0이다. const array1 = [1, 2, 3, 4] const array2 = [1, 'two', 3, null] //여러가지 타입이 들어가 있는 배열 const array3 = [ "What the hammer?", "Dare its deadly terrors clasp..

자바스크립트의 값은 원시 값(primitive) 또는 객체(object)입니다. 문자열과 숫자 같은 원시타입은 불변(immutable)입니다. 자바스크립트의 6가지 원시타입 숫자(Number) 문자열(String) 불린(boolean) null undefined 심볼(Symbol) 불변성이란 말이 변수의 값이 바뀔 수 없다는 뜻은 아니다. let str = 'hello'; str = 'world';문자열 str은 첫번째로 'hello'라는 불변값을 할당 받았고 다시 'world'라는 불변값을 할당받았다고 생각해야 한다. 자바스크립트의 객체 원시값과는 달리 객체는 여러 가지의 형태와 값을 가질 수 있다. 객체의 유연한 성질 때문에 커스텀 데이터 타입..

프로그램을 배울 때 용어의 중요성을 과소평가 하는 사람이 많습니다. 개념을 잘 이해하는 것도 중요하지만, 용어에 관심을 가지면 배운 언어에 관한 지식을 다른 언어에도 적용할 수 있고 더 많은 소스에서 배울 수 있습니다. 변수와 상수, 리터럴 - 자바스크립트가 데이터를 보관하는 메커니즘 변수와 상수 변수 let currentTempC = 22;이 문은 변수 currentTempC를 선언(생성)하고 초기값을 할당하는 일을 한다. Note ES6 이전에는 var 키워드만 사용할 수 있었다. currentTempC = 30;let은 변수 선언에만 쓰이고 각 변수는 한 번만 선언할 수 있습니다. 하지만 변수의 값은 얼마든지 변경할 수 있다. let targetTempC; // let targetTempC = un..

자바스크립트의 기본기를 단단히 하기 위해 책을 두어권 샀다. '인사이드 자바스크립트' | '러닝 자바스크립트' (E-book) '러닝 자바스크립트'에 ES6에 관한 내용을 자세하게 다루고 있기에 이 책을 더 집중적으로 보고 요약 정리해보려고 한다. 필자에 의하면 '자바스크립트가 프로그래밍을 부담 없는 것으로 만들어버렸기 때문에 초보자의 언어라는 편견이 있다. 하지만 깊이 공부해보면 단단한 기반 위에 만들어진 강력하고 유연한 언어이다.' 라고 말한다. 나 또한 자바스크립트로 할 수 있는 영역이 점점 늘어나고 있다고 생각한다. 최신 트렌드를 따라가는 것도 중요하지만 그것에 기본이 되는 자바스크립트를 더 깊이 있게 이해해보려고 한다. 총 21 챕터로 이루어져있지만 1,2 챕터는 언어 외적인(개발도구 등에 관한..

싱글 스레드 환경인 자바스크립트 런타임을 멀티 스레드처럼 바꿔주는 자바스크립트의 비동기처리에 대해 알아보자. 싱글 스레드란? 일반적인 큐(Queue)로 예를 들어보면 큐에 일련의 작업들이 들어왔을 때 작업들은 들어온 순서대로 처리가 될 것이다. 1번과 2번이 동시에 처리가 된다거나 1번이 작업을 하다가 멈추고 2번이 시작을 하지 않는다는 이야기다. 우리가 프린트로 한글 문서들을 출력할 때 인쇄버튼을 누른 순서대로 출력이 될 것이다. 첫 번째 문서가 다 출력이 되야지만 두 번째 문서의 출력을 시작할 수 있다. 싱글 스레드에서는 현재 실행하고 있는 작업이 끝나기 전까지는 아무것도 할 수가 없다. 너튜브나 넷플릭스에서 동영상의 로딩이 동기적으로 실행된다면 우리는 로딩이 끝날때까지 아무것도 할 수 없을 것이다...