반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 오라클
- 정보처리기사실기정리
- 정보처리기사
- 리액트
- 정보처리기사실기요약
- 자스코테
- php
- ReactNative
- 국비IT
- 자바스크립트 코딩테스트
- 코딩테스트
- CSS
- 자바스크립트
- 자바의정석
- 타입스크립트
- 스프링
- Oracle
- javascript
- 평일코딩
- 정보처리기사요약
- spring
- 정보처리기사정리
- 이안의평일코딩
- Java의정석
- 리액트네이티브
- react
- VUE
- 국비코딩
- typescript
- 정보처리기사실기
Archives
- Today
- Total
목록비동기처리 (1)
이안의 평일코딩
[JavaScript] 비동기처리 ES6 async & await 문법
async & await 어싱크 어웨이트는 자바스크립트 비동기 처리 패턴의 최신 문법으로 Promise, Callback의 단점을 해결하고 동기적(절차적)으로 코드를 작성할 수 있게 도와준다. async 함수는 함수의 앞에 async를 붙여주고 함수의 내부 로직 중 비동기 처리 로직 앞에 await를 붙여주면 된다. 자바스크립트 비동기 처리 function fetchData() { var user = $.ajax('users/1'); console.log(user); } 위와 같은 코드에서 ajax의 시간 지체로 다음 줄이 실행이 되지 않아 화면이 멈추거나 다른 동작을 할 수 없는 문제점 때문에 데이터를 받아왔을 때 코드를 실행할 수 있게 비동기 처리를 해줘야한다. 예전 비동기 처리 (callback) ..
Front-end/JavaScript
2021. 6. 21. 17:41