# await

385개의 포스트

Promise, async await 비동기함수

- 쓰레드, 동기 비동기, 간단한기초 먼저 정리 기존에 있었던 코드들로 부터 어떤 문제점이 있었는지, 왜 이게 작동을안하는지, 깨닳은 것들, 거기에 대한 좋은 예제들, async로 했을 때와 안했을 때의 차이 try문 안에서는 settimeout이 안먹음 어떤 상황에서

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

#6 - async/await

지난 포스트 내용에 이어서 async/await는 promise와 동일하게 비동기 코드를 동기처럼 보이도록 하고 작동한다.

2023년 5월 21일
·
0개의 댓글
·
post-thumbnail

Vue async & await

위의 예시에서 fetchUserInfo 함수는 axios를 사용하여 api url에 엔드포인트로 GET 요청을 보낸다. await 키워드를 사용하여 응답이 도착할 때까지 기다린 후, 응답 데이터를 변수 response 할당하여 처리할 수 있다. 예외 처리를 위해 try

2023년 5월 18일
·
0개의 댓글
·

JavaScript async-await

자바스크립트에서 동기적으로 함수를 실행하기 위해서 async, await 키워드를 사용합니다. async 키워드를 사용해서 메소드를 선언하면, 메소드 내의 코드가 동기적으로 해석되도록 할 수 있습니다.위의 예제에서는, Promise객체를 return 하는 printSt

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

Asynchronous Programming

우선 CPU의 스레드에 대해 알아보자. 스레드란 작업을 하는 가장 작은 유닛을 말한다. 위의 이미지를 보자.1+1이라는 작업1을 실행하려고 한다. 작업 1이 시작되면 1+1이라는 계산을 CPU가 해야하고,작업 1이 완료될 때 까지 CPU를 사용할 수 없다. 작업 1이

2023년 5월 16일
·
1개의 댓글
·
post-thumbnail

async ? await ?

async/await ES8(ECMAScript 2017)에서 async/await가 등장하였다. async/await는 프로미스를 기반으로 동작한다. async/await를 사용하면 프로미스의 then/catch/finally 후속 처리 메소드에 콜백 함수를 전달해서 비동기 처리 결과를 후속 처리할 필요 없이 마치 동기 처리처럼 프로미스가 처리 결과...

2023년 5월 15일
·
1개의 댓글
·
post-thumbnail

async/await문제(return의 중요성)

새로운 옷에 대한 정보를 firebase의 database에 저장하는 과정 중에 생긴 문제가 생겼다. 데이터는 객체 형태로 저장하려고 했고 다음과 같이 표현하였다.내 의도는 이미지 두개가 정상적으로 값이 있다면 firebase의 storage에 저장하고 다운로드 받은

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] async await

기존 콜백함수와 프로미스의 비동기처리 방식을 보완하고, 좀 더 보기 편하게 개선한 Syntactic sugar 문법입니다.

2023년 5월 11일
·
0개의 댓글
·

JavaScript 비동기(2) promise, async, await

1. async, await 1) async, await이란? async와 await는 가장 최근에 나온 비동기 처리 패턴으로, 기존의 콜백함수와 프로미스 의 단점을 보완한 문법 2) Promise 예제를 통해 알아보는 Promise문법의 단점 Promise예제

2023년 5월 6일
·
0개의 댓글
·

JS의 비동기 동작 - Promise, async & await

1급 객체 어떤 변수에 대응시킬 수 있는 객체를 1급 객체라고 합니다. 자바스크립트에서 함수는 1급 객체입니다. 왜냐하면 특정 변수에 함수 자체를 대응시켜서 사용할 수 있기 때문입니다. 그리고 변수에 함수 자체가 대응될 수 있다면, 함수는 또 다른 함수의 리턴값이 될

2023년 5월 2일
·
0개의 댓글
·
post-thumbnail

promise, async, await를 사용한 custom confirm 창 만들기

전에 1개의 모달창을 공유하기 위한 이벤트 중복 방지 포스트에서 custom 모달창을 공유하기 위한 방법은 너무 복잡하고 많은 인자들을 onModal 함수에 넘겼다. 그리고 계속 btn-cancel과 btn-yes의 이벤트들을 계속 추가해주고 지우는 비효율적인 일을 계

2023년 4월 28일
·
0개의 댓글
·

JS 동기, 비동기 완벽 이해

chat gpt한테 물어봤는데 완벽하게 이해할 수 있게 설명해 주었다react js 에서 async 함수와 일반 함수의 차이점이 뭐야?ReactJS에서는 구문이나 사용법 측면에서 비동기 함수와 일반 함수 사이에 차이가 없습니다. 차이점은 반환 값과 동작에 있습니다.일반

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

2023. 4. 21

콜백과 비동기 처리나만의 axios매크로 태스크 큐 vs 마이크로 태스크 큐await과 마이크로큐의 관계콜백함수란? 함수의 인자로 들어가는 함수위와 같은 코드에서, aaa 함수의 인자에 들어가는 \*\*function(){}\*\*를 callback 함수라고 부른다.표

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

[TIL 0421] Callback과 비동기 처리

✔️ Callback 함수란 >#### 함수의 인자로 들어가는 함수 > callback 함수를 왜 사용하는 걸까? > 실행권한을 넘기기 위해! 끝나면 내거 보내줄테니 이거 실행시켜줘! ✔️ 비동기 실습( callback-> promise-> async/await)

2023년 4월 21일
·
0개의 댓글
·

Promise와 async/await, 클로저

Javascript에서 비동기 프로그래밍을 위해 사용하는 중요한 기능 중 하나가 Promise이다.Promise는 비동기 작업의 최종 완료 또는 실패를 나타내는 객체로, then()과 catch() 메소드를 사용하여 성공 또는 실패 시 수행할 작업을 지정할 수 있다.장

2023년 4월 20일
·
0개의 댓글
·
post-thumbnail

프로미스와 async & await/ 클로저

프로미스 (Promise)와 async & await/ 클로저 (Closure)

2023년 4월 20일
·
0개의 댓글
·
post-thumbnail

[JS] 비동기

Javascript에서 비동기란? Javascript는 Single Thread 언어이다. 즉, 싱글 스레드(Single Thread) 란 말 그대로 하나의 스레드만을 사용하여 여러 작업요청을 처리하는 방법이다. 하나의 콜스택 명령을 처리하는 node.js가 싱글 스레

2023년 4월 19일
·
0개의 댓글
·
post-thumbnail

[JavaScript] async / await

JavaScript async와 await

2023년 4월 17일
·
0개의 댓글
·

Future, async, await

비동기 처리를 위해 존재하는 자료형.미래에 처리된 데이터가 담길 그릇. 당장이 아니라 미래에 처리된 데이터를 가지고 어떤 작업을 하기 위해 필요함.네트워크를 통해 요청하고 응답을 받아올 때, 해당 요청을 받을 때까지 앱이 멈추면 안 된다. 따라서 네트워크 요청은 비동기

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

자바스크립트 async - await 리턴값 분해

asnyc - await 을 사용한 비동기 작업 처리결과 리턴값을 반환하는 과정에서 console을 찍어보니 Promise를 반환을 하여 원하던 결과값을 확인할 수 없던 문제가 있었다.위 이유는 async - await은 비동기 처리 작업으로 리턴값으로 Promise를

2023년 4월 16일
·
0개의 댓글
·