# async/await

66개의 포스트

👨‍👧 async/await

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

약 12시간 전
·
0개의 댓글

[Back-end] Callback & async, await & Promise

동기 및 비동기 처리

약 17시간 전
·
0개의 댓글
post-thumbnail

[TIL] CSS) position : fixed 후 화면 전체 채우기, JS) await 변수 할당, map method를 이용하여 객체 부분 수정하기

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

7일 전
·
0개의 댓글

데이터 처리 방식 _ async & await

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

2022년 1월 13일
·
0개의 댓글

Promise, Async-Await

비동기를 알아보자

2022년 1월 6일
·
0개의 댓글
post-thumbnail

비동기 - Async/Await , 병렬적으로 promises 실행하기

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

2022년 1월 6일
·
0개의 댓글
post-thumbnail

비동기 처리 Callback vs Promise vs async/await

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

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

[React] 비동기 작업

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

2021년 12월 21일
·
0개의 댓글

JS에서의 비동기 처리_3

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

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

이벤트 루프 기반으로 비동기 처리 뜯어보기

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

2021년 12월 19일
·
0개의 댓글

JS에서의 비동기 처리_2

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

2021년 12월 19일
·
0개의 댓글

2021.12.18.토

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

2021년 12월 18일
·
0개의 댓글

async/await

async/await

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

Day 31

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

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

자바스크립트로 비동기를 처리하는 방법

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

2021년 11월 20일
·
0개의 댓글

TIL(2021.11.15)

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

2021년 11월 15일
·
0개의 댓글

리액트(4) 레시피 프로젝트

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

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

[TIL : 19] 비동기, Node.js 모듈

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

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

비동기 제대로 알고 사용하기

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

2021년 11월 7일
·
3개의 댓글
post-thumbnail

Callback vs Promise vs async & await

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

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