일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 프로그래머스
- 2월기념일을위해서달리자
- 이펙티브타입스크립트
- 이벤트위임예제
- 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS)
- 리액트의탄생
- 북클럽
- JavaScript
- 백준문제풀이
- CSS
- 취업준비중
- 노개북
- 개발자필독서?
- 클린코드
- 그리디알고리즘
- 노마드북클럽
- 개발자
- 시작
- 취업준비중..
- 코딩
- 캐럿마켓클론
- 실용주의프로그래머
- 자바스크립트스터디
- JS비동기처리
- 개발자필독서
- 1931번문제
- 이벤트위임
- 실용주의프로그래밍
- 11399번문제
- 노마드코더
- Today
- Total
목록JS비동기처리 (2)
파카
async 와 await란 ? 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와주는 방법 이전에 사용했던 callback 과 promise 문법을 async와 await를 이용한 예시 코드를 통해 이해해보자 function delay(millisecond) { return new Promise((resolve, reject) => { setTimeout(() => { // 랜덤함수를 이용하여 랜덤하게 함수를 실행시키고 싶을 때 if (Math.floor(Math.random() * 10) % 2 === 0) { resolve("sucess"); } else { reject("failure"); } }, millisecond); }); } /..
비동기 처리에 대해 내용을 정리하려고 한다. 비동기 처리란 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 코드를 통해 비동기 처리를 이해해보자 먼저 비동기와 관련된 코드들을 보자 ( 캡틴판교님 블로그에서 가져온 예제 ) // ajax 통신 function getData() { var tableData; // 값을 가져오는 요청을 했지만 기다려주지 않는다. $.get('https://domain.com/products/1', function(response) { tableData = response; }); return tableData; } console.log(getData()); // undefine..