# promise

294개의 포스트

모던 자바스크립트 Deep Dive - 45장

Promise 사용이유와 사용법 정리

어제
·
0개의 댓글

Promise

외부에서 json형태의 데이터를 불러올때 promise타입으로 불러와져서 선행이 필요해서 공부하였다.JS에서 원래 비동기 처리를 하기위해선 콜백함수를 사용했는데 콜백함수의 경우 2가지 단점이 있다.비동기 함수의 처리결과를 반환하는 경우 순서가 보장되지않으므로 후속처리를

3일 전
·
0개의 댓글

JS 비동기

Callback 패턴과 문제점 우선 동기와 비동기가 무엇인지 알아볼 필요가 있다. 동기 Synchronous 위에서 아래대로 순서대로 실행되는 흐름이다. 현재 실행 중인 코드가 완료된 후에 실행된다. 그 전까지는 blocking. 비동기 Asynchronous 실행

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

[JS]동기처리와 비동기처리 그리고 지옥

회사에 입사했을 때, 입대했을 때 동기가 있고 없고는 하늘과 땅차이다.동기가 있는 사람은 힘든 작업와중에도 어긋나지 않고 서로 의지하며 제시된 순서대로 차근차근 나아가고, 동기가없는 비동기는 혼자니까 자기가 하고 싶은대로 정해진 순서와 다르게 일을 실행한다.

4일 전
·
0개의 댓글

15_Oct_2021 🐰엘리스 AI 트랙 TIL: 비동기 통신 & Promise

초기 웹 환경: 서버에서 모든 데이터를 로드하여 페이지 빌드함, 자바스크립트에서는 별도의 비동기 처리가 필요하지 않았다.AJAX(Asynchronous JavaScript and XML) 기술의 등장으로 페이지 로드 없이 clide-side에서 서버로 요청을 보내 데이

4일 전
·
0개의 댓글

TIL. 7주차 목요일

1. 동기적(synchronous) VS 비동기적(asynchronous) 1-1. 동기 동기식 처리는 한번에 한 작업만, 하나의 main thread에서 순차적으로 작업이 진행되며 처리될 수 있다. 그리고 다른 작업은 앞선 작업이 끝나야 수행된다. 참고로 자바스크립트는 싱글 thread이다. 컴퓨터가 여러개의 CPU를 가지고 있어도 main thread라...

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

[JS/Node] 비동기 #2 (Promise)

💡비동기 처리를 위한 Promise 객체 📌 Promise란 무엇인가? `Promise` 는 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있게 도와주는 객체이다. Promise 이전에 비동기 처리로 콜백 패턴을 주로 사용했었다. 그러나 `콜백 지옥(C

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

Part 1 - 타이머 API

(1) setTimeout(callback, millisecond)일정 시간 후에 함수를 실행arguments: 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초)return value: 임의의 타이머 ID(2) setInterva

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

[TIL] 211012

📝 오늘 한 것 1. promise / promiseStatus / executor / resolve / reject / then / catch / finally / promise chaining(프로미스 연결) / 에러 처리 / 콜백 지옥 탈출하기 / async

2021년 10월 12일
·
0개의 댓글

[vue-news] API 구현 - 자바스크립트 비동기 처리(2) - Promise

Callback Hell이 열리게 됐을 때 Callback 관리는 효율적으로 하자.직관적인 코드를 짜보자. 해서 등장한 것.

2021년 10월 8일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-프로미스

🌼 45 프로미스 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용하는데 콜백 헬로 인해 가독성이 나쁘고 에러처리가 곤란하다는 단점으로 인해 한계가 있었다. ES6에서는 이러한 한계를 개선하기 위해 또 다른 패턴으로 프로미스를 도입했다. 프로미

2021년 10월 6일
·
0개의 댓글

[JS] 비동기 처리 (Promise)

#CallBack #Promise #async/await #Promise Chaining

2021년 10월 4일
·
3개의 댓글
post-thumbnail

[javascript]비동기처리와 Promise/axios/fetch

_처음 면접을 볼 때는, 자바스크립트의 비동기처리에 대해서 말해달라고 했을 때, " 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성입니다. " 라고만 말하고 끝맺음 해버렸다. 말 그대로 용어에 대한 정의만 알고

2021년 10월 1일
·
0개의 댓글
post-thumbnail

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

동기와 비동기를 나눌 수 있는 기준은 실행 순서의 차이이다.아래 이미지처럼 Synchronous(동기)는 요청을 보내고 요청의 응답을 받아야 다음 동작을 실행한다.Asynchronous(비동기)는 요청을 보내고 해당 요청의 응답과 관계없이 다음 동작을 실행한다.은행번호

2021년 10월 1일
·
0개의 댓글
post-thumbnail

간단한 예시로 알아보는 JavaScript Promise (feat. MDN)

states | resolve | reject | 간단한 예시

2021년 9월 18일
·
1개의 댓글
post-thumbnail

Nuxt/Vuex/Jest 테스트에서 Promise 예외 핸들링 하기

예를들어서 페이로드가 예상대로 들어오지 않았다면 아래처럼 예외를 강제로 발생 시킨다.store/actions.js에서파라메터 뿐 아니라 API의 리턴값 등에 대해서도 조건을 걸면 되겠다.

2021년 9월 15일
·
0개의 댓글
post-thumbnail

Session 16_0B. 비동기를 구현하는 문법

Callback Promise Async/Await

2021년 9월 13일
·
0개의 댓글
post-thumbnail

[Vue] 비동기 콜백과 프로미스 객체 | 예외처리

1. 비동기 - 콜백과 프로미스 객체의 이해 2. 비동기 - 예외처리(then, catch, finally)

2021년 9월 11일
·
0개의 댓글
post-thumbnail

Node.js 흐름 제어

비동기 프로그래밍을 주로 사용하는 Node는 어떤 작업이 먼저 완료될지 알 수 없다.이벤트 주도 방식 때문에 콜백 함수 자주 사용\-> 순차적인 작업을 위해서 콜백 안에, 콜백 안에, 콜백 안에,,,결국, Callback Hell 유발!특정 함수의 파라미터로 전달되는

2021년 9월 9일
·
0개의 댓글