일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- this 객체
- 배열메소드
- frontendstudy
- useState
- JavaScript
- addEventListener
- Props
- CSS
- 자바스크립트
- 메소드 실행
- REACT
- 이벤트
- 비동기함수
- webProject
- 배열
- FrontendStydy
- HTML
- useRef
- promise
- 이벤트핸들링
- 컴포넌트
- typeScript
- 리액트
- DOM
- 렌더링
- 함수 실행
- input
- callback함수
- Frontend Study
- try.. catch
- Today
- Total
목록비동기함수 (2)
이다닷
Promise와 Callback의 차이점Callback 함수를 사용하면 비동기 로직의 결과값을 처리하기 위해서는 callback 안에서만 처리를 해야하고, callback 밖에서는 비동기에서 온 값을 알 수가 없다.하지만, promise를 사용하면 비동기에서 온 값이 promise 객체에 저장되기 때문에 코드 작성이 용이해진다. 이렇게 async 함수에서 비동기가 끝난 후의 값을 가지고 싶어서 이렇게 작성했다면 b를 1초 후, 100초 후에 찍어도 undefined라는 답이 나온다. 하지만 이렇게 promise를 사용하게 되면 promise 객체에 비동기가 처리된 결과값이 저장된다.callback의 경우 매번 비동기를 실행해야 그 값을 저장할 수 있지만 promise는 .then 메소드를 통해서 ..
Promise란? Promise는 자바스크립트 비동기 처리에 사용되는 객체이다. Promise가 필요한 이유는? Promise는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 즉, API를 사용할 때 데이터를 받아오기 전에 표시를 한다면 오류가 발생하거나 빈 화면이 뜬다. 이와 같은 문제점을 해결하기 위한 방법 중 하나가 Promise이다. Promise 코드 예제 3번 줄 : 서버에서 받은 데이터 response를 callbackFunction()한다. 8번 줄 : $.get()의 response 값이 data에 전달된다. Promise 적용 코드 콜백 함수로 처리하던 구조에서 new Promise(), resolve(), then()과 같은 Promise API를 사용한 구조로 바꾸었다...