일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 렌더링
- useRef
- CSS
- this 객체
- 배열메소드
- 메소드 실행
- input
- Frontend Study
- HTML
- JavaScript
- callback함수
- FrontendStydy
- frontendstudy
- useState
- REACT
- 컴포넌트
- 이벤트핸들링
- promise
- typeScript
- 자바스크립트
- webProject
- DOM
- 배열
- Props
- addEventListener
- 리액트
- try.. catch
- 이벤트
- 비동기함수
- 함수 실행
- Today
- Total
목록frontendstudy (2)
이다닷
Async, Await는 비동기 처리 방식 중 한가지의 방법이다. Promise를 조금 더 편리하게 사용할 수 있도록 도와주는 편리한 친구다. 사용법async function functionName() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve("success"), 1000) }); let result = await promise; aler(result);}functionName(); 이렇게 코드를 작성하면 functionName를 실행했을 때, await promise 부분에서 promise가 실행이 될 때까지 기다리게 된다.이 기능을 사용하여 서버를 통해서 api 연결을 ..
Promise와 Callback의 차이점Callback 함수를 사용하면 비동기 로직의 결과값을 처리하기 위해서는 callback 안에서만 처리를 해야하고, callback 밖에서는 비동기에서 온 값을 알 수가 없다.하지만, promise를 사용하면 비동기에서 온 값이 promise 객체에 저장되기 때문에 코드 작성이 용이해진다. 이렇게 async 함수에서 비동기가 끝난 후의 값을 가지고 싶어서 이렇게 작성했다면 b를 1초 후, 100초 후에 찍어도 undefined라는 답이 나온다. 하지만 이렇게 promise를 사용하게 되면 promise 객체에 비동기가 처리된 결과값이 저장된다.callback의 경우 매번 비동기를 실행해야 그 값을 저장할 수 있지만 promise는 .then 메소드를 통해서 ..