일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- rendering
- CloudFlare
- import.meta.env
- custom command
- 비동기
- csr
- ViTE
- QUIC
- caching
- Cypress
- vue
- JavaScript
- 선택자
- Testing
- ts error
- vue-cli
- api test
- http3
- svelte
- aws
- SSR
- web vital
- typeScript
- msw
- e2e
- devtools
- TLS
- https
- vue3
- CSS
- Today
- Total
목록비동기 (3)
Develop Note by J.S.
Async Await async await는 return형이 Promise 객체일 때 (비동기처리) await 연산자로 동작된 비동기함수의 처리를 순차적으로 동작시키는 기능을 제공합니다. console.log('1'); function callback1 () { return new Promise ((resolve)=> { setTimeout(function() { resolve('2') }, 1000) }) } function callback2 () { return new Promise ((resolve, reject)=> { setTimeout(function() { reject('3') }, 1000) }) } async function showNumber () { try { let number1 =..
1. Promise란 Promise는 ES6에서 새로나운 객체로, then, catch, finally 프로퍼티를 사용하여 비동기처리를 제공하는 기능입니다. 1) then : 앞선 비동기 동작이 종료된 후 동작될 function을 매개변수로 정의한 뒤 이후 순차적으로 then내부에 있는 function들이 동작됩니다. 2) catch : then 동작 중 error 발생 시 가로채어 에러처리를 정의할 수 있습니다. 3) finally : 모든 then 동작이 마무리된 후 마지막에 실행 될 function을 정의합니다. 2. Promise 예제 console.log('1'); function callback1 () { return new Promise ((resolve)=> { setTimeout(func..
Callback이란? Callback은 비동기 로직 처리 후의 동작 될 함수를 뜻합니다. 이후 실행 할 함수를 매개 변수로 전달하여 비동기 동작이 끝난 후 실행할 수 있습니다. 아래 Callback 사용에 대한 예제입니다. function task1(a, cb) { setTimeout(() => { cb(a+1); }, 2000); } function task2(a, cb) { setTimeout(() => { cb(a+1); }, 2000); } function task3(a, cb) { setTimeout(() => { cb(a+1); }, 2000); } task1(1, (a) => { console.log("task1 : ", a); task2(a, (b) => { console.log("task..