# async
비동기 요청 에러 핸들링하기 : Root Return
프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat
javascript Synchronous & Asynchronous
동기 & 비동기에 대해 알아보자. 다른말로 Block & Non-block와 같다. 위 그래프에서 보이는 대로 이해하면 된다!순서대로 1개의 처리가 끝난 뒤 다음 처리가 이루어지는 방식을 말한다.비동기는 동시에 처리가 시작되어 순서에 상관없이 완료되는 방식이다. 이렇게
JS 비동기는 어떻게 구현되어있는가??
JS의 비동기 프로그래밍의 중요한 요소들을 간단하게 짚고 넘어간 뒤, 비동기를 처리하는 방식 3가지인 Callback, Promise, Async Await의 내부를 살펴봅니다.
자바스크립트 async와 await
이 글은 CAPTAIN PANGYO - 자바스크립트 async와 await 글을 기반으로 작성되었습니다. async & await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법입니다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고
Redux 미들웨어 적용하기 (Thunk, Saga)
지난 포스팅에서 React 프로젝트에 Redux 를 적용해보았습니다.이번 포스팅에서는 Redux 에서 비동기 처리를 위해 많이 쓰이는 미들웨어 중 Thunk, Saga를 둘 다 적용해 보고 이를 비교해보도록 하겠습니다.이에 대하여 비교해놓은 글은 정말 많습니다.대쵸적으
프로미스(Promise)
📌 프로미스란? 프로미스(Promise)는 비동기 상태를 값으로 다룰 수 있는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 할 때 동기 프로그래밍 방식으로 코드를 작성할 수 있다. 👉 콜백패턴 자바스크립트에서는 비동기 프로그래밍의 한 가지 방식으로 callb
Sync VS Async, Blocking VS Non-Blocking
1. Sync VS Async 먼저 Synchronous와 Asynchronous의 어원을 보자. Synchronous의 Syn는 together이란 뜻이고, chrono는 time이다. 따라서 Synchronous는 함께 시간을 맞춘다라는 뜻으로 해석된다. 반면에 A
콜백 대신 동기로 ajax 호출하기
ajax 호출을 할 때 async-await는 이제 기본이겠죠? 하지만 IE를 지원해야 해야 하는데 babel, polyfill을 쓸 수 없다면..
[번역] Introducing asynchronous JavaScript
문서를 천천히 읽다가 번역해서 올려두면 나중에 볼 때도 도움이 되고 다른 분들에게도 혹시나 도움이 되지 않을까 해서 올려봅니다. 전문적인 번역은 절대 아니며 의역, 오역, 그리고 오타도 난무합니다. 처음으로 번역을 해본거라 많이 미숙합니다. 더 좋은 의견이 있으시다면 언제든 남겨주세요! 원문 주소: https://developer.mozilla.org/e...
TIL - 비동기 처리: Callback, Promise, Async-Await
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. 비동기적 처리는 왜 필요한가? SPA에서는 한 페이지 안에 다양한 기능이 존재하고, 한 기능이 실행 되었을 때 나머지 기능들이 동기적
Practice - CompletableFuture를 이용한 멀티스레딩 실습
github url https://github.com/BaekGeunYoung/multithreadpractice Focus 멀티스레드 환경을 설정하고, 이를 이용해 빠르게 작업을 수행하는 코드를 작성해본다. 더불어 멀티스레드를 사용하지 않는 일반적인 코드와 수행시간을 비교해 본다. reference : https://dzone.com/articles/...
DevTrend - 비동기 처리
이번 DevTrend 프로젝트에서는 비동기 처리 라이브러리로 RxJS를 사용하기로 결정했다. RxJS 및 Reactive X에 관한 설명은 https://velog.io/@dvmflstm/RxJS-Practice 에서 충분히 했으니 넘어가도 될 것 같다. 이번 프로젝트에서 고려해야 하는 비동기 처리 시나리오를 나열해 보면 다음과 같다. /save/1 로...
2019.10.14 TIL
1. Promise , Promise.all Promise.all이 뭘 뜻하는지 이해하면 좀더 이해하기 쉽습니다. 그러니까 promise의 기초로 돌아가봅시다. 기본적으로 Promise.all은 promise 들의 배열을 받습니다. 그리고 그걸 다 합쳐서 하나의 promise로 만듭니다. 그 하나의 promise는 배열 안에 있는 모든 구성원 pr...
ES6 문법 빠르게 정리
const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 템플릿 / 백틱 화살표 함수 클래스 prototype 기반의 대체재로 쓰임 모듈 배열/객체 할당 확장 Spread(...) 연산자 Fetch / Promise / Async-await Iterator...
map, reduce 함수에서 async/await 쓰기
async/await Javascript 하면 자연스럽게 callback hell 이 떠오르던 시절도 있었는데, Promise 가 정식으로 들어온 이후부터 그런 오명은 확실히 벗어난 것 같습니다. Node.js 와 함께 제공되는 모듈셋도 대부분 Promise 구현체가 있고, 최근 주목받는 대부분의 Javascript 모듈들은 전부 Promise 를 기...
JavaScript - 비동기 1.
비동기는 JavaScript에서 코드가 동작할 때 코드가 끝날 때까지 기다리는게 아니라 다음 코드가 동작하는 JavaScript특성을 말합니다. 비동기와 대조되는 것이 동기입니다. 동기는 어떻게 동작하는 걸까요? 동기의 동작을 먼저 살펴보겠습니다. 지금부터 상상력이 필요합니다. 우리는 지금 커피숍에 있습니다. 커피를 주문해야하는데 앞에 손님들이 대기하고 ...
TIL 7월 27일 - git 기본 조작, async/await와 Puppeteer
git 기본 조작 명령어들 git commit git branch 예시 git checkout HEAD의 위치를 옮길 때 사용 예시 git reset : 작업 내용을 되돌리는 기능인데, 브랜치가 이전 커밋을 가리키도록 해버리는 방식. git revert : 작업 내용을 되돌리는 기능,...
react-testing-library 의 비동기작업을 위한 테스트
리액트 애플리케이션에서 비동기 작업이 있을 때는 이를 어떻게 테스팅 하는지, 그리고 API 요청을 해야 하는 경우 이를 어떻게 mock 할 수 있는지에 대해서 알아보겠습니다. 우리가 이전에 만들었던 rtl-tutorial 프로젝트 디렉터리를 다시 에디터로 열어주세요.
The Hidden Power of ES6 Generators: Observable Async Flow Control
ES6 Generator + Promise = Holy Observable Grail🍷
