무우너의 먹물 기록

콜백 함수 콜백 함수란? 다른 코드(함수 || 메서드)의 인자로 넘겨주는 함수 제어권도 함게 위임함 제어권 호출 시점 setInterval scope : Window 객체 || Worker의 인스턴스 브라우저 환경에서는 window를 생략해서 함수처럼 사용 가능 세번째 매개변수 선택적 func 함수를 실행할 때 매개변수로 전달할 인자 어떠한 값도 리턴하지 않음 고유한 ID값 반환 ⇒ clearInterval(중간 종료)를 위해 var count = 0; var cbFunc = function() { console.log(count); if(++count > 4) clearInterval(timer); }; var timer = setInterval(cbFunc, 300); //실행 결과 //0 (0.3초..

async, await : promise를 간편하고 동기적으로 실행되는 것처럼 보이게 함 - promise + api - promise chaining이 많이 발생하는 경우 사용 1. async 기존의 promise 방식 function fetchUser(){ // 네트워크 통신을 통해 백엔드에서 데이터를 가져오는 함수(대략 10초 걸림) // 오래걸리는 일은 비동기적으로 처리해줘야 유저가 시간 낭비 X return new Promise((resolve, reject)=> { resolve('octopus-head'); }); } async 사용해보기 async function fetchUser2(){ return 'octopus-head'; } //자동적으로 함수 안의 코드 블럭들이 promise로 변..

Promise : 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 오브젝트 - 정해진 장시간의 기능을 수행하고 나서 정상적으로 실행 완료시 -> 결과값, 성공 메세지 - 문제 발생시 -> 에러 전달 1) state : 수행중(pending), 성공(fulfiled), 실패(rejected) 2) producer : 원하는 기능을 수행해 해당하는 데이터를 만듬 3) customer : 원하는 데이터를 소비 1) Producer - 새로운 promise가 생성되면 executor가 자동으로 바로 실행됨 let promise = new Promise((resolve, reject) => { // doing some heavy work(네트워크 통신, 파일 읽어오기) // -> 비동기적으로..