전체 글

자바스크립트의 Promise 직접 구현하기

사용할 줄 안다는 것과 이해했다는 것은 차이가 있다. 이번 포스트에서 Promise 객체를 직접 구현해보며 이해하도록 하겠다. 📒 사전 지식 Promise Classes 🍽 요구사항 1. resolve, reject new Promise((resolve, reject) => { //... }) 2. then, catch, finally doSome() .then(() => {}) .catch(() => {}) .finally(() => {}) 3. state Promise는 다음 중 하나의 상태를 가진다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 4. chaining doFirst() .th..

부스트캠프 웹 풀스택 6기 멤버십 스프린트 2회차

부스트캠프 웹 풀스택 6기 멤버십 스프린트 1회차 부스트캠프 웹 풀스택 6기 멤버십 합격 챌린지에 입과한 모든 캠퍼가 멤버십에 입과 하는 것은 아니다. 특정 기준으로 멤버십에 입과할 자격을 심사한다. 챌린지 과정 동안 최선을 다했고, 멤버 blog.hyunmin.dev 부스트캠프 멤버십은 학습 스프린트 8주, 그룹 프로젝트 6주 총 14주간의 과정이다. 학습 스프린트는 2주를 주기로 총 네 번의 스프린트가 진행된다. 스프린트는 애자일의 다양한 개발 방법론 중 가장 대표적인 스크럼에서 개발 주기를 뜻한다. 두 번째 스프린트가 마무리됐다. 📅 일정 비교적 여유로웠던 1회 차 스프린트를 지나고, 자신감에 차 있었다. 2회 차 스프린트를 하며 그것이 교만함이었다는 사실을 깨달았다. 매번 나의 교만함을 짓밟는 커..

자바스크립트의 bind, call, apply

자바스크립트의 함수는 함수처럼, 객체처럼, 객체 지향의 생성자처럼 동작하며, 함수에 붙어있는 프로토타입 객체를 통해 공통되는 메소드를 공유한다. 즉, 함수에서 사용할 수 있는 메소드가 있다. 이번 포스팅은 그중 bind, call, apply에 관한 정리이다. 👆 this class Five { constructor() { this.number = 5; } printNumber() { console.log(this.number); } } 위와 같이 클래스가 정의되어있다. 아래 코드의 실행 결과는 눈에 훤히 보인다. const five = new Five(); five.printNumber(); // 5 그렇다면 다음과 같은 상황일 때도 같은 결과인지 한번 생각해보자. const five = new Fiv..

부스트캠프 웹 풀스택 6기 멤버십 스프린트 1회차

부스트캠프 웹 풀스택 6기 멤버십 합격 챌린지에 입과한 모든 캠퍼가 멤버십에 입과 하는 것은 아니다. 특정 기준으로 멤버십에 입과할 자격을 심사한다. 챌린지 과정 동안 최선을 다했고, 멤버십에 입과할 수 있게 되었다. 챌린지 이 blog.hyunmin.dev 부스트캠프 멤버십은 학습 스프린트 8주, 그룹 프로젝트 6주 총 14주간의 과정이다. 학습 스프린트는 2주를 주기로 총 네 번의 스프린트가 진행된다. 첫 번째 스프린트가 마무리됐다. 📅 일정 챌린지와 비교했을 때 상대적으로 일정이 여유로워졌다. 일정표에 점심시간이 생겼고, 그룹 회의도 이르면 11시에 끝나기 때문이다. 무엇보다도 개발 주기가 하루에서 2주로 늘어나면서 심리적 여유도 생겼다. 매주 스터디 그룹이 배정되고 첫 주차 월요일 아침에 그룹원들..