일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Custom Hook
- eslint
- web
- react internals
- 비동기
- 코딩테스트
- venv
- useState
- useMemo
- await
- VanillaJS
- canvas
- React.memo
- webpack
- 프로그래머스
- pjax
- useEffect
- useCallback
- VanillJS
- seo
- Permutations
- react
- BFS
- 환경설정
- 코테
- prettier
- Hook
- python
- 완전탐색
- 그리디
- Today
- Total
목록비동기 (2)
Amada Coding Club
[Promise] Promise API에 대해 알아보자 [비동기] 비동기 함수에 대해 알아보자 최근에 Async와 await함수를 다루다가 Promise는 무엇이고 비동기 함수, 그리고 callback은 무엇인지 궁금해졌다. 이를 정리해보려고 한다. 프론트엔드에서도 데 amadaclub.tistory.com 지난 시간에는 Promise API에 대해 알아봤다. 기존 비동기 함수를 사용할 때 처리하는 함수로 콜백 함수를 썼지만 콜백안에 또다른 비동기가 들어가는 경우 그리고 안에 다른 콜백이 들어가는 경우 콜백 지옥이 일어날 수 있다고 했다. 이 콜백 지옥을 풀어주는? 해결해주는? 기능이 Promise API이고 Promise를 좀 더 쉽게 사용할 수 있게 돕는 기능이 오늘 다룰 Async와 Await이다...
최근에 Async와 await함수를 다루다가 Promise는 무엇이고 비동기 함수, 그리고 callback은 무엇인지 궁금해졌다. 이를 정리해보려고 한다. 프론트엔드에서도 데이터 처리는 많이 일어나기 때문에 비동기에 대해 명확하게 알아두면 좋을 것 같다. 먼저 비동기 함수에 대해 알아보자. 비동기함수 일반적으로 우리가 짜는 코드는 동기적으로 실행된다. 이때 동기적이란 A가 실행될 때 A가 종료될 때까지 기다렸다가 다음 로직이 실행되는 순차적으로 실행되는 것을 말한다. 비동기는 한마디로 동기적으로 실행되지 않는 것을 말하며 A가 실행되면 A가 종료될 때까지 기다리지 않고 다음 순서의 함수가 실행되는 것을 말한다. 그림으로 나타내면 다음과 같다. 비동기는 왜 필요할까? 외부 API에서 데이터를 가지고 올 때..