# async/await

107개의 포스트

Unit3 회고

비동기함수 왜 필요할까?🤔 동기와 비동기 > - 동기: 요청에 대한 결과가 동시에 일어남 비동기: 요청에 대한 결과가 동시에 일어나지 않음 => 효율적 요청(call)에 blocking이 없음 응답이 비동기적으로 이루어짐(요청과는 별개로 이루어짐)

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

비동기 방식 - Callback Hell, Promise, Async/await

비동기 방식을 알아보고, 콜백 지옥을 해결하기 위한 방법인 Promise와 Async/await을 알아본다.

2022년 9월 22일
·
0개의 댓글
·
post-thumbnail

useEffect에서 비동기 로직 처리하기

일상공유 sns인 dailyLife를 만드는 프로젝트를 진행하던 중 게시물 컴포넌트가 불필요하게 리렌더링이 일어나는 문제가 생겼다.상태가 변한것도 아닌데 각 컴포넌트별로 최소 5번 이상 불필요한 리렌더링이 발생하니 문제가 심각하다고 생각되어 오류를 고치기위해 구글링을

2022년 9월 14일
·
0개의 댓글
·

제너레이터와 async/await

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

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

동기와 비동기

저에게 동기와 비동기는 오른쪽 왼쪽 같습니다. 너무 기초적인 개념인데 문장에서 만나면 가끔 뇌에서 약간의 딜레이를 일으키기 때문인데요. 저는 아직도 오른쪽이라는 말을 보면 밥 먹는 시늉을 해보고, 비슷하게 동쪽 서쪽이라는 글자를 보면 속으로 기준점에 우리나라 지도를 그

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

fetch와 async&await

2022년 8월 11일
·
0개의 댓글
·

리액트 비동기

웹 애플리케이션에서 서버 쪽 데이터가 필요할 때는 Ajax 기법을 사용하여 서버의 API를 호춤함으로써 데이터를 수신한다. 이렇게 서버의 API를 사용해야 할 때는 네트워크 송수신 과정에서 시간이 걸리기 때문에 작업이 즉시 처리되는 것이 아니라, 응답을 받을 때까지 기

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

CodeStates 비동기

Blocking : 하나의 작업이 끝날 때까지, 이어지는 작업을 막는 것 Blocking을 하여 이전의 완료 지점과 현재의 시작지점을 같은 상황을 만드는 것을 "동기화(Asyncronous)"라고 한다.Blocking은 전화랑 비슷하다고 보면된다. --> 전화는 하고

2022년 7월 27일
·
0개의 댓글
·

노트 #35 | 비동기 (Asynchronous)

개요 백그라운드 실행, 로딩 창, 서버요청/응답, 큰 용량의 파일 로딩 작업 등은 비동기적(non-blocking)으로 작동되어야 효율적입니다. 학습 목표 어떤 경우에 중첩된 콜백(callback)이 발생되는지 이해할 수 있다. 중첩된 콜백(callback)의 단점,

2022년 7월 26일
·
0개의 댓글
·

FE-08-DAY04

동기 실행과 비동기 실행 비동기 실행: 컴퓨터 작업이 끝날 때까지 기다리지 않는 통신이다. 서로 기다려 줄 필요가 없을 경우, 여러가지 요청을 동시에 처리해 줄 때에 이용됨 > 동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신이다.

2022년 7월 24일
·
0개의 댓글
·
post-thumbnail

JavaScript | 비동기 (콜백 함수, Promise, async/await)

프로그래밍에서 비동기는 기초적이며 중요한 작업입니다.그래서 이번에는 비동기 작업에 관한 글을 작성해보았습니다. 동기와 비동기에 대해 알아보고 비동기 작업에 해당되는 콜백 함수, Promise, async/await에 대해 알아볼 것입니다.동기(synchronous)의

2022년 7월 23일
·
0개의 댓글
·

Swift Modern Concurrency(2)

Await/Async 다지기

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

[iOS - WWDC] Meet async/await in Swift #2

※ 1편에 이어 작성된 포스팅입니다! ※ 1편 링크 : [iOS - WWDC] Meet async/await in Swift #1 키워드 : 비동기 함수가 일시 중단될 수 있는 위치를 표시함 비동기 함수의 일시 중단의 의미? 함수를 호출할 때 어떤 일이 발생하는

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

JS 확실히 알아가기 - 동기비동기

동기비동기관련해서 항상 헷갈렸다.이번에 공부하며 제대로 면접에 답할 수 있도록 준비해본다.그러나! 자바스크립트는 멀티 쓰레드가 불가능한 싱글쓰레드방식만 가능함!!실행순서 : console.log("코드끝") ->taskB -> taskC -> taskA변수나 상수 등

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

29) 벌써 한달이 됐다구요

Algorithm Self Study, kakao map, Algorithm Class, self Study

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

[JavaScript] 비동기 처리를 알아야 해결할 수 있었던 문제

사용자가 비공개로 이미지를 올린다면 위와 같이 비공개 이미지를 보여주는 화면에서 정상적으로 출력되어야 한다. 이렇게 공개 이미지와 비공개 이미지를 보여주는 화면을 분리했다. 하지만 구조를 변경한 시점부터 비공개 이미지를 불러오지 못하는

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

[TIL] 0609 | React with Redux, Next.js, TypeScript

✍🏻 0609 | React with Redux, Next.js, TypeScript ✓ async 와 await 사용하기 ✓ 로딩 및 데이터 State 처리하기 ✓ HTTP 오류 처리하기

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