# async/await

[React] async/await
Promise 체인을 구축하지 않고도, Promise를 직관적으로 사용할 수 있는 문법이다. 많은 프로그래밍 언어에 있는 try...catch 문으로 에러를 직관적으로 처리한다. async function을 만들고, Promise를 기다려야 하는 표현 앞에 await을
[JavaScript] 비동기란 무엇일까?
자바스크립트에서 비동기 처리란 특정 코드가 끝날때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 의미합니다. 비동기 처리를 예로 Ajax, setTimeout 등이 있습니다.결과가 주어지는데 시간이 걸리더라도 그 시간 동안 다른 작업을 할 수 있으므로

[올해도 아좌좌] 비동기 처리 고찰
토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 영상을 보며 내 코드를 어떻게 잘 수정할 수 있을지 고민하고있다.

CallBack, Promise, async/await 그리고 try-catch
비동기 처리와 try-catch에 관해 정리하였고 사용하는 이유에 대해서 정리하였다
CS와 Node.js 9. 맛좀 봐라 Emitter! 생산자-소비자 패턴, JS 비동기, Promise, async/await, Event Emitter
생산자(Producer) 소비자(Consumer) 패턴%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2023-07-24\_%E1%84%8B%E1%85%A

[javascript] Array.forEach는 await를 기다려주지 않는다.
Array.forEach는 await를 기다려주지 않는다. 이 문제를 직면했을때 검색을 통해 forEach 대신 for of문을 사용하면 된다는 해결책은 얻었지만 정작 이때까지 그 이유를 확실하게 알지 못했다.오늘은 그 이유에 대해 확실하게 알아볼려 한다.위와 같이 f
Promise란 무엇인가
들어가기에 앞서 이번 포스트는 "Promise 객체"에 대한 개념을 깊게 이해하기 위해 필요한 동기/비동기에 관한 설명 그리고 Prmoise객체를 실제 사용하며 제가 궁금했던 부분들 위주로 다룹니다. 수정할 부분이 있다면 부디 코멘트 부탁드립니다.🙏 Promise
[CS-study][JS] 6회차 (제너레이터와 async/await, 원시 값과 객체의 비교, 스코프)
제너레이터와 async/await Async Await이 Promises 및 콜백을 사용하는 것과 비교했을 때 코드의 가독성과 유지 보수성을 어떻게 향상시키는지 설명해 주세요. > - Async/Await은 비동기 코드를 동기 코드와 유사하게 작성할 수 있도록 도와줍니

JavaScript(8)
btnEl은 버튼이 눌렸을 때 동작하므로 정확하게 언제 실행될지 모름 → 비동기 방식으로 동작먼저 작성한 코드는 fetch() 함수이지만, 1, 2, 3이 먼저 출력됨fetch(): 특정한 웹 주소로 데이터를 전송할 때 사용 → 요청(request), 응답(respon

fetch에서의 await
아래 코드를 보자분명 res를 await 키워드를 붙혀 프로미스 객체를 반환 받아 왔는데 왜 await을 한번 더 써서 res.json()으로 파싱해서 보내주는 걸까 라는 고민을 했다.해당 fetch 데이터를 받아주는 코드는 다음과 같다코드 1에서 await을 붙히지

[iOS] TableView의 Pagination을 구현해보자
오랜만에 UI관련 주제를 가지고온 킴스캐슬입니다저도 처음엔 UI구현에 관한 taks인줄알았는데 막상 해보니 동기/비동기관련 내용도 포함되어있는거같더라고요그래서 블로그 포스팅의 주제로 가져와봤습니다그런데 정말 오랜만에 UI를 짜려니까 헷갈리는 부분이 많더라고요...제가

디자인 시스템 네이밍 서포트 툴 개발기 - FE편
디자이너 제안으로 시작한 하나뿐인 네이밍 서포트 Tool 개발기 - FE편 (개발, docker-network)
[JS] Promise Chaining 코드를 async/await 코드로 바꾸기 예제
Promise Chaining 코드 async/await 구문으로 바꾸어보기

[JS] 비동기 2편: async/await
비동기 1편에서 핸들러를 중첩적으로 사용하여 프로미스 지옥이 발생했다. async/await으로 프로미스 지옥을 해결해보자.async와 await은 기존의 Promise를 보다 간결하게 작성할 수 있도록 도와주는 문법이다. 눈에 보이는 문법만 다를 뿐, 내부적으로는 프
[JS] async & await - 직관적인 비동기 처리 코드 작성하기
async와 await라는 특별한 문법을 사용하면 프로미스를 좀 더 편하게 사용할 수 있다. async 함수 async는 function 앞에 위치한다. function 앞에 async를 붙이면 해당 함수는 항상 프로미스를 반환한다. 프로미스가 아닌 값을 반환하더라도 이행 상태의 프로미스로 감싸 이행된 프로미스가 반환되도록 한다. await await은...

JavaScript 비동기 작업
JavaScript는 싱글 스레드 기반의 언어로, 한 번에 하나의 작업만 처리할 수 있습니다. 왜냐하면 코드를 읽고 실행하는 'stack'이 하나만 존재하기 때문이죠. 동기 작업은 순차적으로 실행되며, 이전 작업이 완료되어야 다음 작업이 실행됩니다. 한 작업이 실행 중

이벤트 버블링과 비동기처리
⭐ 이벤트 버블링, 이벤트 캡쳐링, 이벤트 위임 이벤트 버블링 : 하위 엘리먼트에 이벤트가 발생할 때 그 엘리먼트부터 시작해서 상위 요소까지 이벤트가 전달되는 방식 (하 -> 상) 이벤트 캡쳐링 : 하위 엘리먼트에 이벤트 핸들러가 있을 때, 상위 엘리먼트부터 시작해

프로토타입, 이터러블 & 제네레이터, 생성자
자바스크립트의 객체는 \[Prototype] 이라는 숨김 프로퍼티를 갖으며 이 프로퍼티는 null이거나 다른 객체에 대한 참조가 되는데, 다른 객체를 참조하는 경우 참조 대상은 프로토타입이라고 부름 즉, \[Prototype]이 참조하는 객체를 프로토타입이라고 함객체에