비동기3 [Javascript] - promise 메서드 then, catch, finally 소비함수 메서드(method): then, catch, finally new Promise에 전달되는 함수는 executor(실행자, 실행 함수)라고 부른다. executor는 new Promise 가 만들어질 때 자동으로 실행되는데, 결과를 최종적으로 만들어내는 제작 코드를 포함한다. 만들어진 제작 코드의 결과를 기다렸다가 이를 소비하는 소비코드에 대해서 알아보려고 한다. then then을 이용해서 다음과 같은 코드를 작성해 보았다. //제작코드(producing code) const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('입장해주세요'); }, 3000) }); //소비코드(consuming code) pro.. 2022. 2. 25. [Javascript] - promise 함수 비동기 프로젝트 2탄. promise 함수 어려워도 너무 어렵다..ㅠㅡㅠ 같은 영상과 글을 2,3번 반복해도 잘 이해가 안 되는 개념이지만 공부한 내용을 정리해보려고 한다. 이 글을 처음 보시는 분이시라면 전의 callback 함수를 이해하고 오시는 것을 추천드립니다. https://luka-frontend.tistory.com/6?category=1014651 Promise란? promise는 자바스크립트의 오브젝트로 비동기적인 것을 수행할 때 콜백 함수를 대신해서 사용할 수 있다. 3가지 상태 State 및 처리 흐름 pending(대기): 처리가 완료되지 않은 상태 fullfilled(이행): 성공적으로 처리가 완료된 상태 rejected(거부): 처리가 실패로 끝난 상태 제작 코드와 소비 코드 제.. 2022. 2. 4. [Javascript] 콜백함수(Callback Function)란? 자바스크립트를 공부하다가 개인적으로 제일 때려치우고 싶었던..ㅠㅡㅠ 그만큼 난관이었던 비동기 프로그래밍 앞으로 비동기를 완벽하게 내 것으로 만들기 위한 공부를 시작하려 한다. 가장 먼저 콜백 함수에 대해 공부를 해보았다. 콜백 함수란? 정의 함수에 파라미터로 들어가는 함수를 의미한다. 용도 함수를 순차적으로 실행하고 싶을 때 사용한다. 말 그대로 나중에 호출되는 함수를 의미한다. 콜백 함수라 하여 그 자체로 특별한 선언이나 문법적인 특징을 가지고 있지 않다. document.querySelector('.button').addEventListener('click', function() { 얘가 콜백 함수} 왜? 콜백 함수가? 자바스크립트의 비동기 처리방식은 동기 처리 방식과 다르게 동기 처리는 코드가 순서.. 2022. 2. 3. 이전 1 다음
