# async

22개의 포스트
post-thumbnail

비동기 요청 에러 핸들링하기 : Root Return

프로그래머스 2020 Dev-Matching : 웹 프론트엔드 과제 복기 https://github.com/woohyeonjo/ilovecat

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

javascript Synchronous & Asynchronous

동기 & 비동기에 대해 알아보자. 다른말로 Block & Non-block와 같다. 위 그래프에서 보이는 대로 이해하면 된다!순서대로 1개의 처리가 끝난 뒤 다음 처리가 이루어지는 방식을 말한다.비동기는 동시에 처리가 시작되어 순서에 상관없이 완료되는 방식이다. 이렇게

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

JS 비동기는 어떻게 구현되어있는가??

JS의 비동기 프로그래밍의 중요한 요소들을 간단하게 짚고 넘어간 뒤, 비동기를 처리하는 방식 3가지인 Callback, Promise, Async Await의 내부를 살펴봅니다.

2020년 3월 26일
·
4개의 댓글

자바스크립트 async와 await

이 글은 CAPTAIN PANGYO - 자바스크립트 async와 await 글을 기반으로 작성되었습니다. async & await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법입니다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고

2020년 3월 18일
·
1개의 댓글
post-thumbnail

Redux 미들웨어 적용하기 (Thunk, Saga)

지난 포스팅에서 React 프로젝트에 Redux 를 적용해보았습니다.이번 포스팅에서는 Redux 에서 비동기 처리를 위해 많이 쓰이는 미들웨어 중 Thunk, Saga를 둘 다 적용해 보고 이를 비교해보도록 하겠습니다.이에 대하여 비교해놓은 글은 정말 많습니다.대쵸적으

2020년 3월 11일
·
0개의 댓글

프로미스(Promise)

📌 프로미스란? 프로미스(Promise)는 비동기 상태를 값으로 다룰 수 있는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 할 때 동기 프로그래밍 방식으로 코드를 작성할 수 있다. 👉 콜백패턴 자바스크립트에서는 비동기 프로그래밍의 한 가지 방식으로 callb

2020년 2월 17일
·
0개의 댓글

Sync VS Async, Blocking VS Non-Blocking

1. Sync VS Async 먼저 Synchronous와 Asynchronous의 어원을 보자. Synchronous의 Syn는 together이란 뜻이고, chrono는 time이다. 따라서 Synchronous는 함께 시간을 맞춘다라는 뜻으로 해석된다. 반면에 A

2020년 2월 8일
·
0개의 댓글

콜백 대신 동기로 ajax 호출하기

ajax 호출을 할 때 async-await는 이제 기본이겠죠? 하지만 IE를 지원해야 해야 하는데 babel, polyfill을 쓸 수 없다면..

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

[번역] Introducing asynchronous JavaScript

문서를 천천히 읽다가 번역해서 올려두면 나중에 볼 때도 도움이 되고 다른 분들에게도 혹시나 도움이 되지 않을까 해서 올려봅니다. 전문적인 번역은 절대 아니며 의역, 오역, 그리고 오타도 난무합니다. 처음으로 번역을 해본거라 많이 미숙합니다. 더 좋은 의견이 있으시다면 언제든 남겨주세요! 원문 주소: https://developer.mozilla.org/e...

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

TIL - 비동기 처리: Callback, Promise, Async-Await

Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. 비동기적 처리는 왜 필요한가? SPA에서는 한 페이지 안에 다양한 기능이 존재하고, 한 기능이 실행 되었을 때 나머지 기능들이 동기적

2019년 12월 20일
·
0개의 댓글
post-thumbnail

Practice - CompletableFuture를 이용한 멀티스레딩 실습

github url https://github.com/BaekGeunYoung/multithreadpractice Focus 멀티스레드 환경을 설정하고, 이를 이용해 빠르게 작업을 수행하는 코드를 작성해본다. 더불어 멀티스레드를 사용하지 않는 일반적인 코드와 수행시간을 비교해 본다. reference : https://dzone.com/articles/...

2019년 12월 2일
·
0개의 댓글
post-thumbnail

DevTrend - 비동기 처리

이번 DevTrend 프로젝트에서는 비동기 처리 라이브러리로 RxJS를 사용하기로 결정했다. RxJS 및 Reactive X에 관한 설명은 https://velog.io/@dvmflstm/RxJS-Practice 에서 충분히 했으니 넘어가도 될 것 같다. 이번 프로젝트에서 고려해야 하는 비동기 처리 시나리오를 나열해 보면 다음과 같다. /save/1 로...

2019년 10월 27일
·
0개의 댓글

2019.10.14 TIL

1. Promise , Promise.all Promise.all이 뭘 뜻하는지 이해하면 좀더 이해하기 쉽습니다. 그러니까 promise의 기초로 돌아가봅시다. 기본적으로 Promise.all은 promise 들의 배열을 받습니다. 그리고 그걸 다 합쳐서 하나의 promise로 만듭니다. 그 하나의 promise는 배열 안에 있는 모든 구성원 pr...

2019년 10월 13일
·
0개의 댓글

ES6 문법 빠르게 정리

const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 템플릿 / 백틱 화살표 함수 클래스 prototype 기반의 대체재로 쓰임 모듈 배열/객체 할당 확장 Spread(...) 연산자 Fetch / Promise / Async-await Iterator...

2019년 9월 10일
·
0개의 댓글

map, reduce 함수에서 async/await 쓰기

async/await Javascript 하면 자연스럽게 callback hell 이 떠오르던 시절도 있었는데, Promise 가 정식으로 들어온 이후부터 그런 오명은 확실히 벗어난 것 같습니다. Node.js 와 함께 제공되는 모듈셋도 대부분 Promise 구현체가 있고, 최근 주목받는 대부분의 Javascript 모듈들은 전부 Promise 를 기...

2019년 9월 5일
·
1개의 댓글

JavaScript - 비동기 1.

비동기는 JavaScript에서 코드가 동작할 때 코드가 끝날 때까지 기다리는게 아니라 다음 코드가 동작하는 JavaScript특성을 말합니다. 비동기와 대조되는 것이 동기입니다. 동기는 어떻게 동작하는 걸까요? 동기의 동작을 먼저 살펴보겠습니다. 지금부터 상상력이 필요합니다. 우리는 지금 커피숍에 있습니다. 커피를 주문해야하는데 앞에 손님들이 대기하고 ...

2019년 8월 19일
·
1개의 댓글
post-thumbnail

TIL 7월 27일 - git 기본 조작, async/await와 Puppeteer

git 기본 조작 명령어들 git commit git branch 예시 git checkout HEAD의 위치를 옮길 때 사용 예시 git reset : 작업 내용을 되돌리는 기능인데, 브랜치가 이전 커밋을 가리키도록 해버리는 방식. git revert : 작업 내용을 되돌리는 기능,...

2019년 7월 27일
·
0개의 댓글
post-thumbnail

react-testing-library 의 비동기작업을 위한 테스트

리액트 애플리케이션에서 비동기 작업이 있을 때는 이를 어떻게 테스팅 하는지, 그리고 API 요청을 해야 하는 경우 이를 어떻게 mock 할 수 있는지에 대해서 알아보겠습니다. 우리가 이전에 만들었던 rtl-tutorial 프로젝트 디렉터리를 다시 에디터로 열어주세요.

2019년 6월 4일
·
1개의 댓글

async/await

Promise Async/Await Error Handling

2019년 3월 11일
·
0개의 댓글