await & async promise가 콜백지옥을 무찌를 수 있는 좋은 방법이지만 그래도 코드가 복잡하기는 하다. 그래서 ES8 문법으로 await 과 async 가 추가되었다. await 과 async 는 promise를 더 깔끔하게 사용할 수 있는 방법이다. 하지만 경우에 따라 더 좋은 방법들이 다르기때문에, 적절히 섞어서 활용하는 것이 필요하다. promise 복습을 먼저 해보자 1초 후 텍스트 출력, 다시 2초후 텍스트 출력, 다시 3초후 텍스트를 출력하는 함수가 있다. function timer(time) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(time); }, time); }); } console.log(..
개념정리 동기 호이스팅이 된 다음, 작성한 코드들이 차례대로 실행되는 것을 말한다. ( hoisting : 변수, 함수 선언이 가장 먼저 실행되는 것 ) 비동기 코드 순서에 따르지 않고 실행되는 것으로, setTimeout / AJAX / eventListener 등의 처리 시 비동기 처리 된다. 콜백함수 실행할때 다시 call back 해달라고 하는 함수. 함수 안에서 동작하는 또 다른 함수의 형태. 콜백함수로 동기 / 비동기 처리 모두 할 수 있다. Synchronous callback : 함수 내 코드가 바로 실행될 수 있는 코드인 경우 Asynchronous callback : 함수 내 코드가 실행 타이밍을 기다려야하는 코드인 경우 콜백함수의 중첩이 많아지면 가독성이 떨어지고 복잡해지므로, pro..
- Total
- Today
- Yesterday
- Ternary
- Prettier
- Synchronous
- Prototype
- 생각정리
- scrollEvent
- DOM
- notworking
- promise
- typescript
- 타입스크립트
- 리액트
- Til
- destructuring
- javascript
- 개념정리
- Asynchronous
- 삼항조건연산자중복사용
- callsignature
- class
- 구조분해할당
- 조건부삼항연산자
- CSS
- ES6
- JS
- JQuery
- VSCode
- Callback
- JSX
- 다중조건삼항연산자
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |