병아리의 코딩 일기

Promise 메커니즘 분석 new Promise(function () {}) 형태 new Promise(function (resolve, reject) { resolve("성공"); }); new Promise(function (resolve, reject) {…}prototype.constructor를 호출하며 인스턴스를 만든다. new 연산자로 Promise를 호출하면 일반적으로 new Point(one, two)처럼 인스턴스의 초기값을 파라미터에 작성하지만 비동기 처리를 위한 환경을 만들기 위해 파라미터에 함수를 사용했다. 실행자 함수는 constructor의 확장이며 constructor에서 연속해서 실행한다. 실행자의 파라미터에 함수 이름 작성 new Promise((resolve, rejec..

all() 파라미터의 모든 Promise 처리를 완료 했을 때 then()의 핸들러 함수를 실행한다. Promise.all() 형태로 작성한다. 파라미터를 이터러블로 작성한다. 작성한 순서로 Promise 인스턴스 생성 all()의 파라미터를 이터러블로 작성했다.Promise 인스턴스를 생성하여 반환한다. 파라미터에 작성한 순서로 order() 함수를 호출하여 setTimeout(()⇒ {…}, dealy)지연 시간으로 값의 단위는 밀리초다. setTimeout()의 두 번째 파라미터 delay는 따라서 setTimeout()의 지연 시간이 짧은 순서인실행할 때마다 아래의 then()을 호출하지 않고 3갤르 모두 실행한 후에 then()을 한 번만 호출한다. 100, 300, 500 순서로 resolve..

resolve() 성공(fulfilled) 상태의 Promise 인스턴스를 생성하여 반환한다. Promise.resolve() 형태로 작성한다. 파라미터 값에 따라 생성 바업이 다르다. 파라미터에 값을 작성하면 파라미터 값으로 Promise 인스턴스를 생성하여 반환 const obj = Promise.resolve(["sports", "music"]); obj.then((value) => { console.log(value); }); console.log("끝"); const obj = Promise.resolve(["sports", "music"]);Array, Object 등을 사용해야 한다. resolve() 파라미터에 값을 작성했다. 값을 하나만 작성할 수 있으므로 다수를 작성하려면 new 연산자..

then() 성공과 실패 핸들러 함수를 작성한다. Promise 인스턴스를 반환한다. (값을 반환하는 것이 아님) 파라미터 첫번째 : 성공일 때 실행될 핸들러 함수 두 번째 : 실패일 때 실행될 핸들러 함수 실행자의 resolve(), reject()에 파라미터 값을 다수 작성하더라도 핸들러 함수는 처음 하나만 사용한다. const obj = new Promise((resolve, reject) => { resolve(1, 2, 3); }); obj.then( (value) => { console.log(value); }, (reason) => { console.log(reason); } ); resolve(1, 2, 3); 파라미터에 값을 3개 작성했다. 실패(reject)가 발생하지 않으면 rejec..

인프런 김영보님의 자바스크립트 ES6+ 심화 강좌 내용을 직접 정리한 글입니다. 도움이 되시길 바래요! Promise 개요 자바스크립트는 기본적으로 동기로 실행 실행이 끝나야 다음 코드를 실행 Promise는 비동기로 처리(실행)한다. 코드를 연속으로 처리(실행)하지 않고 중간에 흐름이 끊어졌다가 연결된 코드를 처리할 수 있는 환경이 되었을 때 실행한다. 이를 위한 메커니즘을 갖고 있다. DOM 스펙에서 Javascript 스펙으로 전환 Promise 처리 흐름 Promise 처리(실행) 흐름 개요 const obj = new Promise((resolve, reject) => { resolve(); console.log("Promise"); }); obj.then( (value) => { console..

안녕하세요 ! 싸피 꿀팁 한그릇 시키신 분? 여러분의 싸피셜, 병아리가 돌아왔습니다 🐣 (와아아아아아아) SSAFY 10기의 전공 Java반은 길고~ 길었던 알고리즘 주간을 마치고 9월달부터 약 2주간 프론트엔드를 배웠어요. 그래서 오늘의 주제는!! 웹페이지 퍼블리싱을 좋아하는 기자로서..(비장) '웹 페이지 똑같이 따라 만드는 쉬운 방법'을 공유하고자 합니다. 참고로 저는 싸피에 오기 전에 퍼블리싱에 관심이 생겨서 한 달 정도 열심히 html, css 강의를 듣고 참고 강의 없이 홈페이지들을 몇 번 혼자 만들어봤어요! 요런 것들 말이죠.. 내친김에 하나 더 자랑하자면,, 요런 홈페이지들을 클론해보면서 느낀 점들을 공유해보겠습니다. 나 프론트엔드 할래...😂 자, 그럼 바로 시작해볼게요! 꿀팁 첫 번째,..