일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- javascript opreator
- javascript opreators
- 자바스크립트 생성자 함수
- 자바스크립트 상속
- 자바스크립트 반복문
- HTML
- html 코드
- 자바스크립트 클래스
- 자바스크립트 클로저
- 자바스크립트 실행 컨텍스트
- javascript closure
- 프론트엔드
- css3
- 웹 개발 트렌드
- html 주석
- 티스토리챌린지
- 오블완
- front-end
- css position
- 자바스크립트 프로미스
- 자바스크립트 async await
- 자바스크립트 promise
- javascript
- css display
- 자바스크립트
- 자바스크립트 scope
- 자바스크립트 연산자
- css 포지션
- 자바스크립트 스코프
- Today
- Total
목록자바스크립트 async await (2)
Multi Developer SuHo
안녕하세요 오늘은 비동기 작업에서 발생한 콜백지옥과 콜백지옥을 해결할 Async Await 에 대해 알아보겠습니다. 목차1. 콜백지옥1-1. 콜백지옥이란?1-2. 콜백지옥 예시 코드1-3. 콜백지옥 해결방법1-4. ES8 에서 추가된 Async Await 문법을 사용한 콜백지옥 해결 코드 서론먼저 "콜백지옥" 이라는 단어를 들었을 때 어떤 생각이 떠오르시나요? "지옥" 이라고 붙으면 뭔가 불길하고 부정적으로 느껴지시죠? 프로그래밍에서도 "콜백지옥" 도 마찬가지로 코드의 구조가 그렇게 썩 좋지 않다고 생각하시면 됩니다. 그럼 본론으로 넘어가시죠본론1. 콜백지옥 1-1. 콜백지옥이란? 비동기 작업을 처리할 때 발생하는 문제로, 콜백 함수가 너무 많이 중첩되어 코드의 가독성이 떨어지고 유지보수가 어..
안녕하세요 자바스크립트 내용 마지막인 Async & Await 에 대해 알아보겠습니다. 우선 async & await에 대한 개념부터 알아보겠습니다. async & await 란? -> 자바스크립트의 비동기 처리 패턴 중 최신의 패턴으로, 프로미스가 비동기 처리를 좀 더 편리하게 해주었다면, async/await는 프로미스를 더욱 쉽게 사용할 수 있게 해줍니다. 모든 설명과 소스 해석은 주석으로 처리하였습니다. /** * Async & Await (비동기 프로그래밍 문법) * async 함수는 함수 앞에다가 작성하면 함수 안에 await를 실행할 수 있다. * await를 쓰면 다음 코드가 await를 한 함수가 끝날 때까지 실행되지는 않지만, 쓰레드를 막고 있지는 않다. * 따라서 선언한 함수 외에 다..