Callback, Promise, Async Await, 프로미스체이밍, 비동기 콜백

Callback, Promise, Async Await, 프로미스체이밍, 비동기 콜백

728x90

8/16

프로그래머스

예산

반복문

반복문 안에서 budget 0이냐 아니냐를 했다

더 쉽게 하면?

for문

for문 매서드

async await = 최신

그럼 그 전은?

중요

Callback, Promise, Async/Await

callback =

qqq를 함수로 받을것

엔터하면?

1번째로 찍히고 2번째로 찍힌다

이런 함수를 callback 함수라고 한다

(나중에 요청해도 실행되는 함수)

화살표 함수로 바꾸면?

실행결과 똑같다

이것도 콜백함수

똑같다

이것도 위아래 같은 것

Callback함수 를 만드는 이유 = 원하는 위치에서 실행하기 위해 만드는 것

비동기 콜백

백엔드에 요청을 해놓고 요청이 끝나면

이 함수를 실행해줘!

자바스크립트에서 제공하는 기능

오래전에 많이 쓰던 것

axios get이랑 같다

요청

끝나면 실행해줘~

Callback버튼 누르면 이렇게 나온다

Async Await

Async Await

Promise

Promise

.then을 적는다

JSON.parse

1번 게시글을 1번 유저가 작성한 것

특정 유저가 쓴 다른 게시글

1번을 랜덤으로 뽑게하려면?

http://numbersapi.com/random?min=1&max;=200

user가 쓴 setCallback이 스르륵~

Callback지옥

그래서 나온 것이 Promise

리턴을 쓰면 계속 사용 가능

콜백지옥과 다른 것

프로미스체이밍

Async Await

카카오지도 state 끌어올리기

클릭하면 위도 경도 나오게 하려면?

만들고 props를 만든다

웹에디터

아래쪽 말고 이부분을 내보내줘~

아무것도 없으면 윈도우라는 것

728x90

from http://jyamin.tistory.com/38 by ccl(A) rewrite - 2021-10-23 23:27:39