궁금한게 많은 개발자 노트

Polyfill이란? JS standard library에 표준으로 등록되어 있으나, 아직 브라우저나 node.js에서 구현되지 않은 기능을 미리 써 볼 수 있도록 만들어진 구현체를 뜻함 (모던 자바스크립트의 기능을 사용하기 위해 낮은 버전에서 주로 사용) [ modern java script의 기능] promise all이 가지고 있는 결함 : reject가 하나라도 있다면 then이 실행되지 않음 allsettled에서는 reject가 있더라도 then이 실행됨(모두 sellted가 되면 넘어감) Transplie이란? 코드를 A언어에서 B언어로 변환하는 작업을 뜻함 -> 자바스크립트의 경우 보통 구현 런타임(브라우저, 혹은 구버전 node등)에서 신규 문법적 요소(optional chaining등)..

Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환합니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하지도, 거부하지도 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 대기 ..

1. 배열 디스트럭처링 (Array destructuring) ES6의 배열 디스트럭처링은 배열에서 필요한 요소만 추출하여 변수에 할당하고 싶은 경우에 유용하다. 아래의 코드는 Date 객체에서 년도, 월, 일을 추출하는 예제이다. // ES6 Destructuring const arr = [1, 2, 3]; // 배열의 인덱스를 기준으로 배열로부터 요소를 추출하여 변수에 할당 // 변수 one, two, three가 선언되고 arr(initializer(초기화자))가 Destructuring(비구조화, 파괴)되어 할당된다. const [one, two, three] = arr; // 디스트럭처링을 사용할 때는 반드시 initializer(초기화자)를 할당해야 한다. // const [one, two, ..

functional chaining 등 함수 자체를 인자로 넣거나, 객체화하여 활용 (다양한 사용이 가능) js의 여러 유틸리티들을 사용해서 코드를 작성하는것이 깔끔한 코드 작성에 유리함 추가로, if-else statement를 줄이고, 자료구조의 method를 활용하고, mutation을 최대한 줄이는 것이 좋음 array가 가진 filter 함수의 정의와 사용법 더불어 활용법에 대해 이야기해보려고 합니다. array의 함수 중 가장 많이 쓰이는 함수 중 3 대장이라고 할 수 있는 것이 map, filter, reduce인데요. 그중 filter는 활용도가 높은 편이라 어디라고 정해진 곳 없이 사용되는 편입니다. 자 본격적으로 array의 filter 함수를 알아보러 가시죠. filter 정의 Arr..

ES2015에서 새로 추가된 syntax : 병합, 구조 분배 할당(destructuring) 등에 다양하게 활용 각각의 멤버를 흩뿌려서 가진다라는 의미로 생각할 수 있음 override기능도 존재 -> 뒷쪽에 spread syntax를 써주면 앞쪽에 공통으로 겹치는 멤버를 override할 수 있음(앞쪽 불가) 주요 기능 : 여러 객체를 하나의 객체로 손쉽게 병합, 하나의 객체에서 원하는 멤버만 빼서 분배 가능, 배열 병합 가능 특정 변수 지정 및 남은 모든 원소들을 배열에서 받아오는 할당 기능이 존재 예시를 통해 확인 const array = [1,2,3,4,5] const head = [head, ...rest] = array /* head = 1, rest = 2,3,4,5 */ const per..