미주알고주알

진행하고 있는 사이드 프로젝트에서 달력 기능이 필요하게 돼, 작년에 공부했던 `Date`객체를 다시 떠올리게 되었다. 달력은 사용자가 입력한 년도(year), 월(month)에 따라 전체 날짜를 출력해야 한다. `Date`객체의 `getDay`, `getMonths`, `getDate`, `setDate`와 같은 메소드들을 사용한 간단한 원리로 작성했다. [mdn - Date 객체 알아보기](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date) Date - JavaScript | MDN JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1..

비동기 처리라 하면 가장 먼저 떠오르는 `Promise`. 생성자 함수로써 프로미스 객체를 만들기 때문에 이 생성자란 개념을 이용해 프로미스를 직접 구현해보고자 한다. 프로미스 객체는 `then`, `catch`란 메소드를 갖고 있고, 인스턴스 객체라면 모두 공유되는 메소드이기 때문에, 상속의 개념인 `prototype`이란 아이디어를 같이 사용해보면 좋을 것 같다. 또한 프로미스의 인자로 들어오는 함수를 실행할 때 그 함수의 매개변수에 `resolve`, `reject`의 메소드가 들어와야 하며, `resolve`, `reject`에 담겨져 오는 성공 및 에러 값은 `then`, `catch`메소드가 실행 후 넘겨져 나온다. 이런 프로미스의 구조 및 원리를 생각하면서 다음과 같은 코드를 짜봤다. fun..

`Promise.all` 은 여러 프로미스를 병렬적으로 처리하는 기능을 갖고 있다. 이런 `all` 메소드를 직접 구현해보면 다음과 같다. 인자로 들어온 프로미스 배열은 모두 `pending` 상태로 변환되어야 하기 때문에, 결과를 담는 `results` 변수 안에 각각의 프로미스의`then` 또는 `await` 된 `result`으로서 들어와야 한다. // method1 const promiseAll = async promises => { const results = []; for (let i = 0; i < promises.length; i += 1) { results[i] = await promises[i](i + 1); } return results; }; // method2 const promi..

함수형 프로그래밍 책을 읽다보면 빠지지 않는 요 단어. 클로져.. 넌 도대체 뭔디 그리 유명한고.. 자바스크립트의 교과서 같은 mdn에 쳐보니, 다음과 같이 말하고 있다. A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). 함수와 함수가 선언된 어휘적 환경의 조합...(네..??😮 이게 뭔말인고) 원래 영어로 읽으면 더 잘 이해되던데.. 요 첫문장은 뭔말인지 모르겠다. 글 쓰신 분도 그렇게 생각 했는지 곧바로 In other words(다른 말로 표현하자면)라면서.. 더 쉽게 표현해주고 있다. In other ..