# async/await

20개의 포스트
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

JavaScript Callback 지옥 벗어나기

JavaScript에서 Callback Hell에서 탈출하기! Promise | async/await

2020년 12월 28일
·
0개의 댓글
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일
·
0개의 댓글
post-thumbnail

현업에서의 Async/Await

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

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

Async/await 내부

promise는 async/await와 통합을 위한 기본적인 수단입니다. promise가 어떻게 작동하는지 원점부터 알아보았으니 이제 시야를 넓혀서 promise에 await을 적용할 때 어떤 일이 일어나는지 살펴봅시다. 비록 async 함수가 동기식 함수와 유사하게

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

원점에서 시작하는 Promises

async/await는 promise를 바탕으로 만들어졌습니다. async 함수는 promise를 반환하며, await은 promise를 대상으로 작동할 때, 해당 async 함수를 일시 정지 시킵니다. async/await 내부를 이해하기 위해서는 기본 원칙들로 부터

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

Async/Await 마스터 하기

본 문서는 Valeri Karpov 씨의 전자책 저작물인 "Mastering Async/Await"를 당사자의 허락을 득 한 후 번역하였습니다.원문은 별도 구매가 필요합니다. 아래 주소를 참고하세요.https://thecodebarbarian.com/new-e

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

[ES6] Promise, Async/ Await

[ES6] Promise, Async/Await

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

Typescript 생성자함수에 async/await 사용이 가능한가?

일반 .js파일로 코딩할 때는 다음과 같은 문법 사용이 가능했으나.ts 파일에서는 위와 같은 문법을 사용하니 다음과 같은 오류로 인식했습니다.Return_type_of_constructor_signature_must_be_assignable_to_the_instance

2020년 2월 18일
·
1개의 댓글