# async/await

38개의 포스트
post-thumbnail

[ TIL 09 ] - 비동기 처리 (callback/ promise/ async/ await)

드림코딩 by 엘리님 강의를 참고한 내용입니다. https://youtu.be/JB_yU6Oe2eE 동기 / 비동기 js는 hoisting 이후 순서에 따라 동기적으로 실행되는 언어이다. (hoisting: var 변수, 함수 선언 등이 자동으로 가장 위로 올라가는

6일 전
·
0개의 댓글
post-thumbnail

비동기처리(콜백함수, Promise, async/await)

JS는 싱글스레드이다.싱글스레드란 간단히 말하면, 한번에 하나의 일을 처리하는 것을 의미한다.이러한 특징때문에 어떤 일을 수행하는데 시간이 오래걸리면, 다른 작업들은 그만큼 기다려야 한다는 단점이있다. => Blocking이를 해결하기 위해, '비동기 처리'가 등장하게

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

[Node.js 디자인 패턴] async/await이 나오게된 과정

기존의 Node.js에서는 콜백이 비동기 프로그래밍의 기본 방식으로 사용되었습니다. 하지만 개발자 친화적으로 디자인 되었나 생각해보자면 친화적인것과는 거리가 멀어보이는 것이 사실입니다. 콜백은 우리가 비동기적으로 작성해야 하는 기능들에 비하면 매우 복잡하고 장황하게 코

2021년 7월 8일
·
0개의 댓글

예외처리

동기적 예외처리 첫번째, 두번째,

2021년 6월 25일
·
0개의 댓글

비동기처리

Promise async/ await

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

Promise 와 async/await

프로미스는 JS 비동기 처리에 사용되는 객체이다. 여기서 비동기 처리란 저번 글에서 설명했던 것처럼 ‘요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식’이다.프로미스는 보통 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹앱을 구현할 때 서버

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

비동기처리와 콜백함수, promise, async/await

비동기처리와 콜백함수, promise, async/await에 대해 간단하게 정리해보자.특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것이 비동기 처리이다.만약 동기적으로만 코드가 실행된다면, 앞에서 실행된 코드가 모두 실행되는 것을 기다

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

TIL 13 - 비동기 프로그램 (callback, promise, async&await)

사실 나는 지금껏 콜백 함수를 많이 썻다!전 시간에 배웠던 map, reduce와 같은 콜백함수!그때는 그냥 어렴풋 매개변수 안에 들어가는 함수 라고 생각하고 넘어갔는데,이번에는 제대로 정리를 해보려고 한다짜장면을 시켰다고 가정해보자!짜장면 배달원이 짜장면을 가지고 왔

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

제너레이터와 async/await

ES6에서 도입된 제너레이터는 코드블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수입니다.제너레이터와 일반 함수의 차이는 다음과 같습니다.제너레이터 함수는 함수호출자에게 함수 실행의 제어권을 양도 할 수 있다.일반 함수를 호출하면 제어권이 함수에

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

[react] async에서 this.setState 사용하기

data를 fetch 하는 동안 Spin을 돌리기 위해서, async function에서 await 앞뒤로 Spin을 켜고 끄는 state를 추가하려고 한다. this.setState는 return value가 없다. console.log(this.setState({

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

[JavaScript] Asynchronous - async/await

"async 와 await 는 Promise 를 작성하기 쉽게 만들어 준다."async 는 함수가 Promise 를 반환하도록 만들어준다.await 은 함수가 Promise 를 기다리도록 만들어준다.async와 await 은 Promise 의 syntactic suga

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

async/await적용기

우선 현재 개인적으로 Vanilla JS 프로젝트를 실시하고 있었다. 하지만 날씨데이터를 가져오는 과정에서 원하는 결과가 순서대로 가져오지 않는 문제점을 발견하였다. 위에서 처럼 작성하면 처음에는 요청한 순서대로 나오는 결과를 예상하였다. 하지만 결과는 생각과는

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

[JS] 비동기처리, 흐름대로 이해하기

자바스크립트의 비동기 처리, 콜백 패턴부터 promise와 async/await 까지! 흐름대로 알아보기😊

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

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

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

2021년 4월 6일
·
1개의 댓글
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개의 댓글