# 비동기

31개의 포스트

Asynchronous & Promise

비동기 호출 관련해서 이전에 한번 글을 올린 적이 있는데, 콜백, 동기과 비동기, 비동기의 주요 사례에 관해 올렸다. 동기(Synchronous): 요청과 결과가 동시에 일어난다는 뜻이다. 비동기(Asynchronous): 요청과 그 결과가 동시에 일어나지 않는다는 뜻

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

비동기처리와 콜백

콜백 함수란, 어떤 이벤트가 발생한 후 수행될 함수를 말한다. 보통 setTimeout 을 이용해서 1초나 2초 뒤에 출력되는 함수로 많이 이용한다.위 예시는 1, 2, 3, 4, 5 순으로 정렬된다.sort라는 함수가 가지고있는 첫번째 인자로 전달될 함수에게 기대하는

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

비동기(asynchronous 개념)

동기(synchronous) , 비동기(asynchronous) 동기: 작업이 여러개일경우 한작업실행후 다음작업 진행..그래서 우리가 데이터를 받아올때 기다려야함(로딩화면 만 보고있을 수 있음) 비동기: 작업이 여러개일 경우 첫번째 작업 실행하고, 다음에 2번째 작업 실행하고 등등 계속 요청 상황에 맞게 작업을 실행할 수 있음.. 자바라스크립트 에서 ...

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

C# async await를 이용하여 비동기를 동기처럼 구현하기 -1

비동기 프로그래밍의 원칙은, 오래 실행되는(또는 오래 실행될 가능성이 있는) 함수는 비동기 연산의 형태로 작성하라는 것이다. 이는, 오래 실행되는 함수를 그냥 동기적으로 작성하고, 필요하다면 새 스레드나 작업 객체에서 그런 함수를 호출함으로써 동시성을 도입하는 전통적인

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

자바스크립트와 엔진 그리고 실행 방식

자바스크립트 엔진이 자바스크립트 코드를 실행하는 방식과 비동기 함수에 대해서는 어떤 과정이 일어나는지 알아보기.

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

Thymeleaf & Ajax 더보기 구현

Thymeleaf 로 최초 페이지 로딩시 보여줄 데이터를 그려주고. Ajax 를 활용하여 더보기 버튼을 누르면 비동기로 추가되는 페이지를 가져오도록 구현해봅니다.

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

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개의 댓글