# async

43개의 포스트
post-thumbnail

[TIL] 2020. 06. 30. Promise_Async

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

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

비동기(asynchronous 개념)

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

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

비동기 처리를 위한 프로미스(Promise)

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

2020년 6월 10일
·
0개의 댓글

Promise

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

2020년 6월 9일
·
0개의 댓글
post-thumbnail

C# async await를 이용하여 비동기를 동기처럼 구현하기 -1

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

2020년 6월 8일
·
0개의 댓글
post-thumbnail

Promise and async/await

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

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

#4.0 Fetching Movies from API

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

2020년 5월 27일
·
0개의 댓글
post-thumbnail

동기와 비동기 함수

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

2020년 5월 24일
·
0개의 댓글

async 함수와 try-catch

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

2020년 5월 24일
·
0개의 댓글

TIL - 200519

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

2020년 5월 20일
·
0개의 댓글
post-thumbnail

JavaScript 공부 _ Notion을 활용한 정리 ('chapter14-Request(요청)')

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

2020년 5월 13일
·
0개의 댓글

[TIL] Promise와 async / await

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

2020년 5월 7일
·
0개의 댓글
post-thumbnail

JavaScript 공부 _ Notion을 활용한 정리 ('chapter13-Async-Await(비동기 대기)')

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

2020년 5월 6일
·
0개의 댓글
post-thumbnail

await의 함정, 숨은 병목을 찾자

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

2020년 5월 4일
·
0개의 댓글
post-thumbnail

TIL(20.04.27)자바스크립트 비동기 (Promise, async, await)

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

2020년 4월 27일
·
0개의 댓글

자스(jakdu)-react fetch (2)

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

2020년 4월 27일
·
0개의 댓글

async vs defer

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

2020년 4월 27일
·
0개의 댓글
post-thumbnail

javascript runtime 101

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

2020년 4월 14일
·
0개의 댓글
post-thumbnail

⏰ JS 비동기처리에 새롭게 접근하기

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

2020년 4월 9일
·
0개의 댓글

비동기처리(async && await)

About async and await

2020년 4월 6일
·
0개의 댓글