# async/await

kcj_dev96

async/await : ES8(ECMAScript 2017)에 도입된 키워드로 비동기 처리를 동기 처리처럼 구현할 수 있다.비동기 처리를 왜 동기 처리처럼 구현할까?여러가지 비동기 처리 코드가 있을 때 무엇이 먼저 실행될지 모르기 때문에 동기처리처럼 구현하여 순서를

bsu1209

동기 및 비동기 처리

hoje15v

출처 : 20 mini projects )section DOM Array Methods | forEach, map, filter, sort, reduce section Menu Slider & Modal | DOM & CSS\-Brad Traversy사이드 바 만들 때

kjh2868

동기와 비동기방식 ? 컴퓨터에서 데이터를 처리할때 프론트엔드 컴퓨터에서 데이터에 대한 HTTP요청을 하게된다. 여기서 동기/비동기 방식의 차이를 확인할 수 있는데 동기 : 서버 컴퓨터가 한 요청이 끝날때까지 기다리는 통신 비동기 : 서버 컴퓨터가 작업이 끝날 때

uoayop

비동기를 알아보자

hoje15v

Async/Await보기에는 동기적인 것처럼 보이나 사실 behind the scene에서는 비동기적으로 작동한다. Async와 Await는 promise안에 있는 method위에 뿌려진 syntactic sugar!await 뒤에는 promise가 나온다.promis

leehaeun0

자바스크립트 엔진은 싱글스레드이다. 단 하나의 실행 컨텍스트 스택을 갖는다. 이는 하나의 작업만 처리가 가능하고 동시에 두개 이상의 함수를 병렬적으로 처리할 수 없는것을 뜻한다. 위와같은 코드를 실행했을때 콘솔로그가 찍히는 순서는 1, 2, 3 이 아니라 1, 3, 2

s_sangs

기본적으로 웹 애플리케이션에서 서버 쪽 데이터가 필요할 때는 Ajax 기법을 사용하여 서버의 API를 호출함으로써 데이터를 수신한다.서버의 API를 이용할 때는 네트워크 응답 시간이 필요하다. 이 과정에서 비동기적으로 처리하게 된다.만약 작업을 동기적으로 처리한다면 해

suxxzzy

여러 개의 Promise들을 가지고 와서 결과값을 리턴하고 싶을 때 사용할 수 있는 메서드들이다. 어떤 경우 사용이 가능한지 살펴보자.프롬이스끼리 nesting이 일어났는데, 이를 간단하게 작성하는 것이 가독성을 올려준다. 이를 위해 async/await를 사용한다.

devstone

이벤트 루프를 기반으로 비동기 처리 방식을 뜯어보았다

suxxzzy

지금까지 callback을 이용한 비동기 처리부터 이를 개선하는 방법인 promise까지 살펴보았다. callback을 이용하게 되면 기본적인 비동기 처리는 가능하였지만, 이것이 중첩(nested)될 경우 콜백 지옥(pyramid of doom) 문제, 유지보수의 어려

melona_0105

동기(Synchronous) / 비동기(Asynchronous)✏️ 기본적으로 자바스크립트는 싱글스레드로, 동기적으로(순차적)으로 코드를 실행하며, 비동기코드는 실행되면, 우선 태스크 큐로 보내서 따로 실행하도록 한다. -> 이부분을 담당하는게 Event Loop✏️

sza0203

async/await

john_with_smile

이제 기본기능 + 성능개선 부분을 배우면 된다.방문한 페이지 기능게시판, 중고마켓, 마이페이지를 들어갔을 경우 저장하는 기능을 이렇게 만들 수 있고타입은 이렇슴getString에 철수를 담았고 result1안에 그 값을 담은 것.result1의 타입까지 설정하고싶다면이

gogo78

자바스크립트 공부하다 비동기를 처리하는 방법에 XMLHttpRequest라는 것을 만나게 됐다. 나는 async/awiat을 써왔기 때문에 이게 뭔가 싶었다. 갑자기 fetch는 무엇이고 Promise는 무엇인지 햇갈렸다.fetch가 있는데 갑자기 XMLHttpRequ

jangws

싱글스레드인 자바스크립트는 비동기 처리를 위해 콜백을 사용해왔는데, 이 때문에 비동기 처리를 할 수는 있지만 단점이 나타났다.그 단점으로는 비동기 처리를 순차적으로 실행할 필요가 있는 경우에도 비동기 처리를 중첩시켜 표현하므로 에러 및 예외 처리가 어렵다는 것과 중첩으

kychoi123

크게 4가지 파트로 나뉠 수 있습니다1\. import 2\. 변수 선언3\. 함수 선언4 JSX 문법./App.css import 합니다, 내장함수 useEffect, useState 를 호출합니다, ./Recipe 를 호출합니다api id 랑 key 는 유효하지 않

pearpearb

어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다.클라이언트와 서버가 비동기적으로 여러가지 일을 수행하게 하기 위해서(예를 들면 유튜브 영상의 로딩을 기다리면서 댓글을 보거나 좋아요를 누르거나 추천 영상을 보거나 ... 이렇게 여러가지 일은 하는 것!),

devstone

promise객체를 기반으로 js의 비동기 처리 방식을 뜯어 보았다.

dmdwn3979

각각의 함수가 어떻게 등장하였고, 어떤 이점을 갖는지, 어떻게 쓰는지 확인하기 전에 비동기 처리의 개념을 짚고 가자.동기(Synchronous)와 비동기(Asynchronous)는 프로세스의 수행 순서 보장에 대한 메커니즘 이다.동기(Synchronous)란 무엇일까?