# 비동기

26개의 포스트

Handle Async function

callback 함수로 비동기 처리

2020년 5월 27일
·
0개의 댓글
post-thumbnail

JavaScript 비동기 처리 - Promise 객체

Promise (more..)async/await (...more)이전에는 비동기 작업을 처리할 때 아래와 같이 콜백함수로 처리했다.숫자 n 을 파라미터로 받아와서 다섯번에 걸쳐 1초마다 1씩 더해서 출력하는 작업을 setTimeout 으로 구현해보자이는 프로미스로 방

2020년 5월 19일
·
0개의 댓글
post-thumbnail

자바스크립트의 비동기 처리

자바스크립트는 비동기 처리를 어떻게 할까?

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

동기 비동기 초간단 개념

동기란, 동기화 신호가 먼저 가서 맞춰주는것.즉, 간단히 말해 기다리는것.비동기란, 반대로 기다리지 않는것.이상끝

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

[TIL] Promise와 async / await

동기와 비동기 동기적(Synchronous) 처리 이전의 작업이 끝날 때 까지 다음 작업을 할 수 없다. 이전의 작업이 끝나야 다음 작업이 실행되는 것. 비동기적(Asynchronous) 처리 코드를 실행할 때 흐름이 멈추지 않는다. 동시에 여러가지 작업을 처리.

2020년 5월 7일
·
0개의 댓글
post-thumbnail

Promise 너란놈 ! 딱 한번만 제대로 봐주겠어!

자바스크립트, 자바스크립트 프로미스, promise, javascript, javascript-promise

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

await의 함정, 숨은 병목을 찾자

자바스크립트에서 async, await을 사용하면 좀 더 깔끔한 코드를 작성할 수 있습니다. 하지만, 적절하게 사용하지 않으면 적지 않은 시간을 사용해야할 수도 있습니다. 특히, 여러개의 await을 사용할 경우에 주의해야합니다.

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

프로미즈(promise) 이해하기 1

이 포스팅은 \[실전 리액트 프로그래밍]을 공부하고 정리한 내용으로, 대부분의 내용이 해당 서적에서 나왔음을 밝힙니다.ㅇㅇ

2020년 4월 29일
·
0개의 댓글
post-thumbnail

ES6 비동기 처리의 기본, Promise를 알아보자!

프론트엔드 개발에서 비동기 처리 과정 중 Axios를 사용하는 개발자들이 많습니다. Axios가 쉽게 적용하기 좋아 추천하는 라이브러리지만 신입 혹은 경험이 많지 않은 개발자분들이 실무에 바로 적용하기 위해 Axios를 사용하는 방법만 익히게 되어 Axios에 의존하게

2020년 4월 13일
·
0개의 댓글
post-thumbnail

⏰ JS 비동기처리에 새롭게 접근하기

JS 비동기처리 문법들의 발전 방향을 이해하며 새롭게 접근해보기

2020년 4월 9일
·
0개의 댓글
post-thumbnail

javascript Synchronous & Asynchronous

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

2020년 3월 30일
·
0개의 댓글
post-thumbnail

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

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

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

Reactive Programming과 RxJs

비동기 데이터 스트림에 기반을 둔 프로그래밍 패러다임이다. 기본적으로 리액티브 프로그래밍에서 모든 것을 데이터 스트림으로 본다.동기/비동기를 각각 처리하던 방식을 하나의 데이터 스트림으로 처리하는 것이다.데이터 스트림이라는 일관된 형식으로 만들고 이를 구독(subscr

2020년 3월 17일
·
0개의 댓글
post-thumbnail

동기와 비동기에 대한 간단요약

동기와 비동기에 대해 간단하게 적어봐야겠다.설명은 못하니까 그림으로 왼쪽이 동기적으로 처리하는 것이고 오른쪽이 비동기적으로 처리하는 것이다.차이점은 그림으로 보다시피 동기적으로 처리하는 것은 요청을 보내고 응답이 오면 다음 요청을 보내는 식이다.중국집에 비유를 해보겠다

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

[부스트코스] DB 연결 웹 앱, 20) window 객체 (setTimeOut)

이번 포스팅에서는 자바스크립트 window 객체인 'setTimeOut'에 대해서 공부해보도록 하겠습니다.전역객체(window)에 속한 메서드에는 경고창을 띄워주는 alert 그리고 setTimeout이라는 메서드등이 있습니다.이를 어떻게 사용하는지 그리고 다른 함수와

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

[+32]setState -> 비동기

동기와 비동기동기: 코드 한 줄 한 줄 끝날 때까지 기다렸다가 다음줄로 넘어가는 성질.ex. forEach비동기: 코드 한 줄이 하고 있는 일이 끝나지 않았는데 일을 시켜놓고 내려가다가 일이 끝났다는 응답이 오면 다시 돌아오는 성질.ex. fetch, setStates

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

자바스크립트 동작 원리(이벤트루프, 싱글스레드, 비동기, async await) - FE study16

1. 사전개념 웹서버에 접속만해서는 데이터를 가져올 수 없고 코드가 계속 실행이 되어야한다. 이 때, 코드들의 집합을 프로그램이라 부르고 프로그램은 메모리에 올려져 프로세스가 된다.(현재 작업중인 상태) 그리고 프로세스는 포트를 통해 접속이 가능하다. 프로세스 내에서는 스레드라는 흐름단위를 통해 코드를 읽는다. 2. 자바스크립트가 쓰이는 곳 1...

2020년 2월 3일
·
0개의 댓글
post-thumbnail

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

blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 ...

2020년 1월 21일
·
9개의 댓글

[개인프로젝트] SmartWallpaperFinder

1. 개요 배경화면 크롤링 사이트입니다. alpacoders라는 대형 Wallpaper 사이트를 자주 이용하는 편인데 키워드를 검색했을 때, 30개씩 정보를 보여주고 다음페이지를 클릭해서 넘어가야지만 다음 정보를 가져오는데에 불편함을 느껴 키워드를 검색했을 때 클릭하는 번거로움 없이 한눈에 이미지들을 보면 좋을 것 같다는 생각에 웹사이트를 기획해보았습니다....

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

자바스크립트의 비동기 방식(콜백, promise, async await) -FE study3

1. 동기, 비동기 개념 동기(synchronous) 방식 : 코드의 연산이 하나의 프로세스로 동시에 진행됨. 즉, 코드 연산 한줄 한줄이 프로세스 과정 중 하나이며, 순차적으로 코드가 읽히므로, 다음 작업을 위해서는 그 전 작업이 완료되야함. 장점 : 연산이 직관적이고 간단함. 비동기(asynchronous) 방식 : 코드의 연산이 동시에 진행되는...

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