# async

harrycod

자바스크립트(JavaScript)는 싱글 스레드(Single Thread)이다. 즉 컴퓨터가 여러 개의 CPU를 가지고 있어도 Main Thread라 불리는 단일 Thread에서만 작업이 실행된다.별도의 다른 처리를 하지 않는다면, 작성한 모든 코드는 Main Thre

cyongchoi

동기(synchronous) , 비동기(asynchronous) 동기: 작업이 여러개일경우 한작업실행후 다음작업 진행..그래서 우리가 데이터를 받아올때 기다려야함(로딩화면 만 보고있을 수 있음) 비동기: 작업이 여러개일 경우 첫번째 작업 실행하고, 다음에 2번째 작업 실행하고 등등 계속 요청 상황에 맞게 작업을 실행할 수 있음.. 자바라스크립트 에서 ...

recordboy

자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 콜백 패턴은 가독성이 나쁘고, 비동기 처리 중 발생한 에러의 예외처리가 곤란하며, 여러개의 비동기 처리 로직을 한꺼번에 처리하는 것도 한계가 있다. ES6에서 비동기 처리를 위한 또 다른

gringrape

지금과 나중setTimeout(나중에 실행할것, 언제);눈 코뜰새없이 바쁜 식당주문하는데 뜸을 들이는 손님손님이 주문을 완료하기 까지 기다릴 시간이 없다손님의 주문을 기다리는 동안 다른 일을 한다I/O -> 어플리케이션은 수많은 I/O 에 둘러쌓여 있다.file rw,

jinuku

비동기 프로그래밍의 원칙은, 오래 실행되는(또는 오래 실행될 가능성이 있는) 함수는 비동기 연산의 형태로 작성하라는 것이다. 이는, 오래 실행되는 함수를 그냥 동기적으로 작성하고, 필요하다면 새 스레드나 작업 객체에서 그런 함수를 호출함으로써 동시성을 도입하는 전통적인

_jouz_ryul

The code written in Javascript is executed in synchronously while, nowadays, more and more asynchronous functions need to be used.Therefore, we should

bitalkil

Axios로 데이터 가져오기 그런데 axios로 데이터를 가져오는 것에 약간의 시간이 소요될 수 있다. 자바스크립트에게 데이터가 모두 가져와질 때까지 기다려달라고 해야 한다. 여기에서 async와 await를 사용한다. componentDidmount에 바로 사용할 수

jongsunpark88

자바스크립트는 인터프리터 언어로 위에서부터 한줄씩 읽고 실행된다.위에서부터 한줄씩 읽다가 함수를 만나면 그 함수의 리턴까지 가서 함수를 실행하고 그 다음 줄들을 이어 나간다.대부분의 함수들은 동기함수이다.그럼 비동기함수는 무엇이냐. 동기함수와 다르게 그 함수를 만나도

vraimentres

async 함수를 쓸 때 습관적으로 무조건 try-catch 문을 쓰는 사람들이 많이 있다.하지만 async 에서 try-catch 로 전체 코드를 묶고 catch 문에서 throw e 하는 것과 try-catch문을 아예 쓰지 않는것은 흐름상으로나 결과적으로나 완전히

taeheech

(1) 자바스크립트 파일을 html파일에 연결시키는 여러가지 방법들.\-head 안에 script를 넣을 경우 - 브라우저가 한줄한줄 분석 이럴경우의 단점: js파일의 크기가 클 경우 로딩시간이 오래걸림\-body 안 맨끝에 script 넣을 경우 - 단점: 웹사이트의

kks1342320

https://www.notion.so/juninotion/Requests-2ec4a06aefaa4989bf44a59d9a01b7e2// Javascript chapter 14 \_ 'Request(요청)' 요약 정리XHR GETXHR POSTfetch() G

danbii

동기와 비동기 동기적(Synchronous) 처리 이전의 작업이 끝날 때 까지 다음 작업을 할 수 없다. 이전의 작업이 끝나야 다음 작업이 실행되는 것. 비동기적(Asynchronous) 처리 코드를 실행할 때 흐름이 멈추지 않는다. 동시에 여러가지 작업을 처리.

kks1342320

https://www.notion.so/juninotion/Async-Await-30eb5823721049bdb4aba7bc5e6f7cca// Javascript chapter 13 \_ 'Async-Await(비동기 대기)' 요약 정리

shin-jaeheon

자바스크립트에서 async, await을 사용하면 좀 더 깔끔한 코드를 작성할 수 있습니다. 하지만, 적절하게 사용하지 않으면 적지 않은 시간을 사용해야할 수도 있습니다. 특히, 여러개의 await을 사용할 경우에 주의해야합니다.

1571min

비동기적인 처리란 어떤 하나의 처리를 하는 과정중에 다른 처리도 동시에 진행할 수 있는 것을 의미한다. 그림으로 예시를 들면 아래와 같다위와 같이 비동기적으로 처리를 하게 되면 각각의 작업이 독립적으로 실행되기 때문에 다른 하나의 작업이 막혀서 다른 작업을 못하는 동기

ash3767

이전에 자바스크립트 api 연동하는 부분에서 fetch , axios 에 대해서 적었습니다. Fetch 라는 영어를 해석하면 가져온다는 뜻이다. 그러니 api 를 주고받을때 fetch 를 사용하게 됩니다. https://velog.io/@ash3767/%EC%9E%

moonsun116

스크립트를 html에 포함하는 방식은 여러 방식이 존재한다.그중 제일 많이 쓰이는 방법은 head안에 script를 넣는 방식 혹은 body 맨 뒤에 script를 포함하는 방식을 많이 사용한다.그중 script를 head안에 포함하는 방식중 defer속성과 async

jay

이번 글은 javascript를 사용해봤다면 한번쯤은 들어봤을 event loop, 그리고 CS 수업시간에 흔히 들어봤던 stack이 어떻게 javascript 런타임 구성요소와 연관이 있는지 주니어 개발자의 시선에서 알아보려고 합니다. 혹시 제가 잘못 이해한 부분이

jason_sj

JS 비동기처리 문법들의 발전 방향을 이해하며 새롭게 접근해보기

kimu2370

About async and await