# async/await

25개의 포스트
post-thumbnail

[번역] 자바스크립트 시각화 : 비동기 처리

원문 : ⭐️🎀 JavaScript Visualized: Promises & Async/Await

2021년 4월 6일
·
0개의 댓글
post-thumbnail

Asynchronous JavaScript

1\. Web APIs2\. Async/Await3\. Callbacks4\. Microtask Queue (Job Queue)5\. Task Queue (Callback Queue)6\. Promises7\. Event loopA promise is an object

2021년 4월 4일
·
0개의 댓글

promise, async/await가 뭘까?

@ 평소에 쓰지 않던 async/await, promise 구문이 나와서헷갈리는 부분을 정리하기 위해 글을 작성합니다 😊@ 이 게시물에서는 각 구문들이 생겨나게 된 배경에 따라 시간 순으로 작성하겠습니다.promise는 비동기 작업의 완료나 실패를 나타내는 객체입니다

2021년 2월 18일
·
4개의 댓글
post-thumbnail

TIL. React - Basic 개념 정리(5)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. M(Model)V(View)C(Control) 디자인 패턴은 어플리케이션에서 조금 더 역할에 맞게 세부적으로 레이어를 나누어서 한가지의 역할을 가질 수

2021년 2월 4일
·
0개의 댓글
post-thumbnail

[ TIL ] Promise를 처리하는 두가지 방법, then / async, await

비동기 작업을 실행하기 위한 Promise 함수!

2021년 2월 2일
·
0개의 댓글
post-thumbnail

Async / await로 forEach 비동기 loop 처리가 안된다?!

Async / await 는 forEach에서 제대로 작동하지 않는다...

2021년 1월 29일
·
0개의 댓글
post-thumbnail

Asynchronous I/O Processing

Asynchronous I/O Processing 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다. >동기식 처리 모델(Synchronous processing mode

2021년 1월 5일
·
0개의 댓글

Javascript Sleep 함수 만들기 (비동기)

그냥 실행했을때 (IIFE - 즉시실행함수로 테스트)

2020년 12월 30일
·
0개의 댓글
post-thumbnail

Getting to know asynchronous JavaScript: Callbacks, Promises and Async/Await

Synchronizing asynchronous tasks in JavaScript was a serious issue for a very long time. CallBack callbacks are just the functions passed in as an a

2020년 12월 28일
·
2개의 댓글
post-thumbnail

Async & Await & Promise.all

2020-12-22 마지막, 비동기의 꽃, async와 await에 대해 알아보자! async와 await은 promise를 조금 더 간결하고 간편하게, 더 동기적으로 실행되는 것처럼 보이게 만들어준다. promise chainning을 사용하면, code가 난잡해질 수 있는데, 조금 더 간편한 api로 동기식으로 code를 작성하는 것처럼 간편하게 작...

2020년 12월 22일
·
2개의 댓글

비동기 뿌시기

callback은 (err, data) 로 넣어서 작업하는경우가 많다callback을 사용했더니 CallbackHell 발생하게 되었고 코드 가독성과 관리성을 위해 Promise 사용하게됨https://miro.medium.com/max/721/1\*zxx4

2020년 12월 22일
·
0개의 댓글

자바스크립트 Promise 정리

내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체Then을 붙이면 결과를 반환함실행이 완료되지 않았으면 완료된 후에Then 내부 함수가 실행됨Resolve(성공리턴값) -> then으로 연결Reject(실패리턴값) -> catch로 연결Finally 부분은 무조건

2020년 12월 9일
·
0개의 댓글
post-thumbnail

TIL] JavaSript-동기/비동기, promise

async/await는 Javascript의 비동기를 처리하는 문법의 최신 버전으로 기존 promise/callback 함수 형태 처리방식의 단점을 보완하고 코드의 가독성을 높힐 수 있도록 도와준다. 1) promise 단독 사용: user의 data가 제대로 들어

2020년 12월 2일
·
0개의 댓글
post-thumbnail

(수정) Promise 생성자 내 async, await 넣기 > 지양하는 방식

vuex assigns 내 Promise 객체 생성자 내부 함수 인자에 async, await 적용하는 것에 대한 필기 내용입니다. (수정사항이 있습니다. "no-async-promise-executor"라는 eslint issue로 이러한 방식은 지양해주세요!)

2020년 12월 2일
·
0개의 댓글

Promise를 이용한 숫자up,down 만들어보자

비동기라는 것을 이해하는데 쉽지 않았다. 이벤트루프라는것이 존재하고 콜백이벤트는 큐로 빠져서 스택이 끝나야 순차적으로 스택으로 옮겨지고 실행된다..? 말이 쉽지 코드가 복잡해지면 머릿속도 같이 복잡해진다.Promise는 비동기적인 이벤트루프를 효과적으로 다루기 위한 문

2020년 11월 23일
·
0개의 댓글
post-thumbnail

[JS] async/await

프로미스가 콜백 헬을 해결했지만 여전히 코드가 깁니다. 혹은 Promise를 콜백 헬을 해결하기 위해 사용을 했지만 잘못 사용하면 프로미스 헬이 만들어지기도 합니다.async/await는 프로미스를 사용한 코드를 깔끔하게 줄여주고 프로미스 헬을 보완하기 위해 ES201

2020년 11월 14일
·
1개의 댓글
post-thumbnail

Callback, Promise, Async/Await

비동기 처리를 위한 문법을 알아보자

2020년 10월 25일
·
0개의 댓글
post-thumbnail

(JavaScript) 비동기(2) 흐름제어(Promise, async/await)

'(JavaScriot) 비동기(1)' 앞 글을 통해서 어떻게 JavaScript가 비동기적으로 함수를 처리하는 지 알아보았다.우리는 가독성과 편의를 위해 이러한 비동기 처리를 동기적으로 할 수 있게 '흐름 제어'라는 것을 해야한다.: 비동기적으로 실행되는 함수를 동기

2020년 9월 21일
·
0개의 댓글

비동기 프로그래밍(콜백, Promise, async/await)

비동기란 개념을 다루었던 저번 포스팅에 이어 이번에는 비동기 프로그래밍에 대해 정리해보자. 비동기를 처리하는 프로그래밍에는 아래 3가지 방식을 쓸 수 있다. 콜백 함수 Promise async/await 아직 나는 코린이기 때문에 해당 방식을 통해 직접 서버에서 자

2020년 8월 5일
·
2개의 댓글
post-thumbnail

현업에서의 Async/Await

async/await는 그 자체로 매우 강력한 도구입니다. 하지만 진정으로 빛을 발하는 때는 자바스크립트 오픈소스 생태계와 연계될 때입니다. 2005년 경, 자바스크립트를 작업 용으로 사용하다는 것이 고통스러운 일이었다는 것은 비밀도 아닙니다. 하지만 그 고통이 개발자

2020년 5월 26일
·
0개의 댓글