# 비동기

128개의 포스트

Ajax란?

Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous javascript And Xml(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일

어제
·
0개의 댓글

[basic] AJAX가 뭐지

Asynchronous Javascript and XML자바스크립트를 사용하여 비동기 방식으로 통신하여 웹 페이지를 동적으로 갱신하는 프로그래밍 방식XMLHttpRequest 객체를 기반으로 동작 => HTTP 비동기 통신을 위한 메서드와 프로퍼티 제공Javascrip

어제
·
0개의 댓글
post-thumbnail

JS 비동기패턴 async & await

자바스크립트의 비동기 패턴입니다.한눈에 봐도 이해될 정도로 사용법은 매우 쉽습니다. async와 await를 이해하기 위해서는 Promiss 객체에 대한 이해가 필요합니다. MDN에서 설명하는 Promiss객체에 대한 간단한 설명은 다음과 같습니다.Promise 객체는

2일 전
·
0개의 댓글

콜백 지옥을 피해보자(Promise)

비동기 처리에서 발생하는 콜백 지옥으로부터 안구와 두뇌를 보호하기 위해서Promise는 비동기 처리를 실행하고 처리가 끝난 후에 다음 처리를 실행하기 위한 용도로 사용Peomise 생성자 사용법resolve: 함수 안(1)의 처리가 끝났을 때 호출해야 하는 콜백 함수r

3일 전
·
0개의 댓글

react)Fetch함수를 이용한 소통

fetch함수 목데이터 과제를 하게 되면서 fetch함수에 대해 알게 되었다.

5일 전
·
0개의 댓글

동기 ( synchronous ) vs 비동기 ( asynchronous )

단순히 동기라는 단어를 들으면 대부분의 분들이 어떤 작업이 끝나지 않으면 그 뒤의 작업이 진행이 안 된다는 느낌으로만 알고 있지만 동기는 동시에 똑같이 진행된다는 뜻을 가지고 있다. 예를 들어, 아이폰을 동기화한다고 하면 아이튠즈와 아이폰이 동시에 같은 상태로 업데이트

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

[Javascript] 비동기 문제의 해결책 - Callback, Promise, async/await

- 지난 포스팅에서는 동기와 비동기의 개념과 쓰임, 비동기가 갖는 문제점에 대해 알아보았다. > - 이번 포스팅에서는 비동기가 갖는 문제점을 해결하기 위해, 동기적인 흐름으로 제어할 수 있는 방법 3가지(Callback, Promise, async/await)를 알아본

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

[Javascript] 동기와 비동기에 대하여

1. 동기(Synchronous)와 비동기(Asynchronous) > - 동기와 비동기의 개념과 용도에 대해서 알아본다. 동기식 처리 방식 : 요청을 보내고 응답을 받은 후에 다음 동작을 실행한다. 비동기식 처리방식 : 요청을 보내고 응답에 관계 없이 다음 동작을

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

[javascript] 비동기 호출

동기(Syncronous) VS 비동기(Asynchronous) 동기와 비동기의 큰 차이는 실행순서에 있다. 동기 호출 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행한다. 즉, 요청에 대한 결과가 동시에 일어난다. (blocking) 비동기 호출 요청을

2021년 4월 2일
·
0개의 댓글
post-thumbnail

[TIL] 이머시브 # 13

Asynchronous & Promise

2021년 3월 28일
·
0개의 댓글

자바스크립트- async/awiat

https://www.youtube.com/watch?v=JzXjB6L99N4result 에는 async function myAsync 의 return 값이 들어있다.그래서 console.log 를 찍어보면 async 라는 문자열이 나오게 된다.async 를

2021년 3월 28일
·
0개의 댓글

면접 질문 준비하기 (동기, 비동기) - 2

요청(request) 를 보내고 응답(response)이 오면 그 다음 동작을 처리하는 방식요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식다른 함수의 인자로써 이용되는 함수 또는 어떤 이벤트에 의해 호출되어지는 함수(다른 기능의 뒤에서 호출하는 함수)콜백지옥

2021년 3월 25일
·
0개의 댓글
post-thumbnail

비동기 호출

다른 함수(A)의 전달인자로 넘겨주는 함수(B): 파라미터를 넘겨받는 함수(A)는 callback 함수(B)를 필요에 따라 즉시 실행 할수도 있고, 아니면 나중에 실행할 수도 있다.<span style="background-color:- callback in ac

2021년 3월 24일
·
0개의 댓글
post-thumbnail

[TIL] 동기 & 비동기

요청이 들어온 순서에 맞게 하나씩 처리하는 방식이고 순서에 맞춰 진행되는 장점이 있지만, 여러 가지 요청을 동시에 처리할 수 없다.하나의 요청에 따른 응답을 즉시 처리하지 않아도, 그 대기 시간동안 또 다른 요청에 대해 처리 가능한 방식이고 여러 개의 요청을 동시에 처

2021년 3월 21일
·
0개의 댓글

(JS) 모던 자바스크립트 : Async / Await

가독성 개선과 에러핸들링 등과 같은 초창기 비동기 프로그래밍의 흐름을 효율적으로 개선하기 위한 고민은 현재까지 계속되고 있다. 이중 Promise와 Async / Await가 가장 대표적인 방법이다.

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

(JS) 비동기 함수를 강제로 종료시킬 수 있을까?

이미 예약(실행)된 비동기 함수는 강제로 종료시킬 수 없다 이나 은 리턴 받은 ID로 종료시킬 수는 있지만, Ajax요청등과 같은 비동기함수드은 강제로 종료시킬 방법이 없다. 만약 비동기 함수들끼리 로직이 연결되어 있다면, 병렬로 한꺼번에 비동기 함수를 실행시키고, 만약 에러가 발생했다면 나머지 작업이 완료되지 않도록 비동기 함수를 중단시킬 수 있다. ...

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

promise loop

promise loop에대해서 알아보자

2021년 3월 7일
·
0개의 댓글
post-thumbnail

TIL)14 JS 자바스크립트 기초 이론 콜백함수와 promise

비동기와 동기 오늘은 콜백함수와 promise에 대해서 배워보자. 콜백함수, promise ,then , catch , finally

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

나만의 Promise 객체 만들어보기

이번주 미션 중 하나인 나만의 promise 객체를 만들어 보는 것을 시작해보자.먼저 크롱이 힌트로 주신 가이드라인을 살펴보았다. constructor 에는 initialStr 인자가 처음으로 들어간다. then 이라는 메소드는 callback 함수를 받고 그 call

2021년 3월 2일
·
1개의 댓글
post-thumbnail

JavaScript | 싱글스레드인 자바스크립트가 비동기 처리를 하는 법

자바스크립트는 싱글스레드인데 어떻게 비동기 처리를 할까? 자바스크립트의 작동 원리를 알아보자.

2021년 3월 1일
·
0개의 댓글