전체태그 보기

#비동기 (12개의 포스트)

자바스크립트 비동기 처리 방식
yejinh

자바스크립트 비동기 처리 방식

2020년 1월 21일0개의 댓글
blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. - 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 ...
kimtaeeeny
1. 개요 배경화면 크롤링 사이트입니다. alpacoders라는 대형 Wallpaper 사이트를 자주 이용하는 편인데 키워드를 검색했을 때, 30개씩 정보를 보여주고 다음페이지를 클릭해서 넘어가야지만 다음 정보를 가져오는데에 불편함을 느껴 키워드를 검색했을 때 클릭하는 번거로움 없이 한눈에 이미지들을 보면 좋을 것 같다는 생각에 웹사이트를 기획해보았습니다....
kimtaeeeny
1. 동기, 비동기 개념 - 동기(synchronous) 방식 : 코드의 연산이 하나의 프로세스로 동시에 진행됨. 즉, 코드 연산 한줄 한줄이 프로세스 과정 중 하나이며, 순차적으로 코드가 읽히므로, 다음 작업을 위해서는 그 전 작업이 완료되야함. 장점 : 연산이 직관적이고 간단함. - 비동기(asynchronous) 방식 : 코드의 연산이 동시에...
naseriansuzie
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. 비동기적 처리는 왜 필요한가? SPA에서는 한 페이지 안에 다양한 기능이 존재하고, 한 기능이 실행 되었을 때 나머지 기능들이 동기적 실행이 완료 되기를 대기하며 작동하지 않으면 안된다. (카페에서 커피를 주문 받아 음료...
miniyoung37
👉 CallBack 비동기 처리 방식 중 하나이다. 문제점 : Callback hell 비동기 처리 로직을 위해 콜백 함수를 연속해서 사용할 때 발생하는 문제이다. 콜백안에 콜백을 계속 무는 형식으로 이러한 코드 구조는 가독성이 떨어지고 로직을 변경하기 어렵다. 해결방법: Promise나 Async를 사용하는 방법 - Callback example...
[JavaScript] EventLoop와 비동기 동작
wan088

[JavaScript] EventLoop와 비동기 동작

2019년 8월 12일1개의 댓글
자바스크립트는 기본적으로 단일쓰레드에서 동작한다. 하지만 주로 웹에 쓰이는 언어다보니, 단일쓰레드에서 동기적으로만 동작한다면 이런저런 문제가 발생할 수 있다. 외부에서 용량이 큰 데이터를 받아서 띄워주는 경우를 예로 들어보자. 만약 데이터를 받는 시간이 밀리세컨드 단위라면 동기적으로 실행되어도 큰 문제는 없을 것이다. 하지만 받는 시간이, 1, 2초...
JavaScript 비동기 처리를 위한 promise 이해하기
cyranocoding
배경지식 JavaScript는 엔진은 Single Thread이다. 그래서 동시에 두 가지 작업을 할 수 없다. 그렇다면 여러 작업이 동시에 요청이 될 때 이 전 작업이 마무리 될 때까지 기다려야 하는가? 그렇다. 그래서 JavaScript 엔진은 비동기 처리가 가능하도록 설계되었다. 비동기(Asynchronous)란? 동기(Synchron...
react-testing-library 의 비동기작업을 위한 테스트
velopert
리액트 애플리케이션에서 비동기 작업이 있을 때는 이를 어떻게 테스팅 하는지, 그리고 API 요청을 해야 하는 경우 이를 어떻게 mock 할 수 있는지에 대해서 알아보겠습니다. 우리가 이전에 만들었던 rtl-tutorial 프로젝트 디렉터리를 다시 에디터로 열어주세요. 비동기적으로 바뀌는 컴포넌트 UI 테스트 DelayedToggle 라는 컴포넌트...
What is a Promise?
cadenzah

What is a Promise?

2019년 1월 3일2개의 댓글
JavaScript Promise에 대한 자세하고 명료한 이해