async함수와 await 표현식의 간단 개념정리
async 함수
async 함수는 비동기로 실행되는 함수이다.
종전의 Promise API를 따르는 것에 비해 일반적인 동기 함수를 사용하는 것과 유사한 방법으로 비동기 로직을 처리할 수 있도록 한다.
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
// 1초 뒤 v를 값으로 Fulfilled 되는 Promise를 반환한다.
const p = v => {
return new Promise(
resolve => {
19.11.10 생각 정리
1. 오른쪽 뺨을 맞으면 왼편을 돌려대라. 라는 성경 구절은 대부분의 상황에 정답이다.벌꿀을 얻으려면 벌통을 걷어차지 말라. - <인간관계론 (데일카네기) 中>
2. 박애의 자세로 살되, 최악을 이겨낼 수 있는 실력을 갖추고 있어야 한다.영국인이 상의에서 크롬 권총을 꺼내어, 무기 취합 담당자에게 건내는 것을 보고 청년은 몹시 놀랐다. “권총은 왜 가져오셨어요?” “이 것 덕분에 사람들을 신뢰할 수 있었지.” 영국인이 대답했다. - <연금술사 (파울로 코엘료) 中>
3. 시간은 항
지연로딩 데모
영상
CodePen 링크
지연로딩 데모
코드
js1
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
9
디바운싱과 쓰로틀링 (Debouncing and Throttling)
누르면 폭죽이 발사되는 버튼이 있다고 가정해보자.
폭죽 한 발을 쏘는데는 100만원의 비용이 든다.
폭죽이 워낙 화려한 폭죽이라 한 번 쏠때마다 값이 비싸기도 하고,
한 번 터지면 적어도 3초간은 하늘을 화려하게 불빛으로 수놓는다.
따라서 화려한 3초 동안에는 새로운 폭죽은 사족만이 될 뿐이다.
이벤트로 생각해보자
위 예에서 폭죽 발사 버튼을 누르는 것을 하나의 이벤트라고 생각해보자.
폭죽을 쏘는 비용은 해당 이벤트에 연결된 핸들러가 실행될 때 걸리는 연산량 혹은 메모리 사용량이 부하되는 정도라고 볼 수 있다.
디바운싱과 쓰