일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Nomad
- 마무리
- coding
- github
- Netflix
- 오류
- 프로젝트
- scflix
- Project
- 느낀 점
- CSS
- 바닐라 자바스크립트
- expo
- vanilla js
- HTML
- react-native
- Firebase
- react
- javascript
- Clone
- react-hook
- Hook
- Vanilla
- Nicolas
- 코코아톡
- 자바스크립트
- TiMER
- 클론코딩
- 계획
- Nomad coder
- Today
- Total
목록비동기 처리 (2)
꾸매코딩
서론 JavaScript에서 클라이언트와 서버 간 데이터를 주고받기 위해 비동기 HTTP 통신을 사용한다. 그 예로 Ajax, Axios, fetch 가 있다. 비동기에 관하여 참고하면 좋은 자료 [JavaScript] Promise(프로미스) 란 무엇인가? [JavaScript] 비동기 처리 - Async / Await이란 무엇인가? [JavaScript] Promise(프로미스) 란 무엇인가? 프로미스(promise)를 이해하기 위해서는 JavaScript가 어떤 식으로 작동하는지 알아야 한다. 싱글 쓰레드 언어인 JavaScript는 비동기 처리를 위해서 콜백(Call Back)을 이용해 이를 보완하였다. 하지만 Cal shin1303.tistory.com [JavaScript] 비동기 처리 - A..
비동기 처리의 중요성 시간이 걸리는 코드를 비동기 처리하지 않으면 문제가 발생할 수 있음 Ex) 서버에서 Data를 받아와서 출력해야 하는 상황에 비동기 처리를 하지 않으면 Data를 받을때 까지 기다리며 다음 코드들도 기다리게 됨 Promise의 문제 점 체이닝(.then .then .then ...)을 계속하다 보면 코드의 가독성이 떨어짐 Async / Await 비동기 처리방식인 콜백 함수와 프로미스(promise)의 단점을 보완 비동기 처리 패턴 중 가장 최근에 나온 문법 프로미스를 간결하고 동기적으로 실행되는것 처럼 보이게 만들어주는 API Async를 사용하면 함수의 코드 블록이 자동으로 Promise로 변환 됨 Async / Await 사용 방법 function 앞에 async 키워드 Pro..