# promise

22개의 포스트

프로미스(Promise)

📌 프로미스란? 프로미스(Promise)는 비동기 상태를 값으로 다룰 수 있는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 할 때 동기 프로그래밍 방식으로 코드를 작성할 수 있다. 👉 콜백패턴 자바스크립트에서는 비동기 프로그래밍의 한 가지 방식으로 callb

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

[Javascript] 비동기 처리 - Promise

Promise가 등장하기 전까지 자바스크립트에서는 모든 비동기 처리를 callback 함수로 처리해 왔다. 하지만 callback 함수는 중첩이 될수록 에러처리가 매우 어려워지고 사람이 이해하기 힘든 코드가 되기 때문에 callback hell이라는 말까지 생기게 되었다. 그래서 비동기 처리를 쉽게 하기 위해 es2015에서는 Promise라는 문법이 추...

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

for문과 Promise 함께 쓰기

바닐라코딩 부트캠프 3주차 과제는 sorting함수 중 몇 가지를 골라 시각화하는 것이었다. 이 과제를 수행하면서 어려웠던 것 중 하나가 "비동기함수를 내가 원하는 시간과 순서대로 실행" 하는 것이었다. for문을 활용하여 배열안에 담아둔 각각의 정보를 내가 구현한 함수에 전달해서 동기가 아닌 비동기적으로 실행해야 했다. 계속 실패를 하다가 우연히 st...

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

[JS] Promise

Asynchronus > 자바스크립트는 비동기 처리를 위해 콜백 함수를 사용한다. 콜백 함수는 순차적인 처리가 많을 경우 가독성이 나쁘다. 또, 비동기 처리를 한꺼번에 처리하는 것도 한계가 있으며 에러 예외 처리에 대한 곤란한 부분이 있다. >> ## Promise? promise는 자바스크립트 비동기 처리에 사용되는 비동기 흐름을 제어해 주는 객체이다....

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

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

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

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

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

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

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

[번역] Introducing asynchronous JavaScript

문서를 천천히 읽다가 번역해서 올려두면 나중에 볼 때도 도움이 되고 다른 분들에게도 혹시나 도움이 되지 않을까 해서 올려봅니다. 전문적인 번역은 절대 아니며 의역, 오역, 그리고 오타도 난무합니다. 처음으로 번역을 해본거라 많이 미숙합니다. 더 좋은 의견이 있으시다면 언제든 남겨주세요! 원문 주소: https://developer.mozilla.org/e...

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

ECMAScript 6(ES2015) Features

ECMAScript 6의 새로운 기능 정리 Arrow Function(화살표 함수) 전통적인 함수작성 방법 대신 축약해서 표현할 수 있습니다. 콜백 함수로 활용합니다.. 화살표 함수에서의 this는 감싸고 있는 코드의 lexical this와 같습니다.

2019년 12월 24일
·
0개의 댓글

TIL - 비동기 처리: Callback, Promise, Async-Await

Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. 비동기적 처리는 왜 필요한가? SPA에서는 한 페이지 안에 다양한 기능이 존재하고, 한 기능이 실행 되었을 때 나머지 기능들이 동기적 실행이 완료 되기를 대기하며 작동하지 않으면 안된다. (카페에서 커피를 주문 받아 음료...

2019년 12월 20일
·
0개의 댓글

promise 공부

1. promise란 무엇인가? 프로미스는 자바스크립트의 비동기 처리에 사용되는 객체다. 자바스크립트의 비동기 처리란 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미 한다. 2. promise는 왜 필요할까? 프로미스는 주로 서버에서 받아온 데이터를 화면에 렌더링하는 상황에서 사용된다. 서버에서 데이터...

2019년 11월 24일
·
0개의 댓글

[javascript] Promise

먼저 알아야 할 부분, 비동기 처리?? javascript의 특성 중 하나인 비동기 처리는 특정 코드의 연산이 끝날 때까지 기다리지 않아요. 특정 코드가 돌아가는 중에 다음 코드를 먼저 실행해버립니다. Promise가 뭐죠? 자바스크립트 비동기 처리에 사용되는 객체로, fetch와 같이 순차적으로 data를 가져 온 후 처리 해야할 때 사용합니다....

2019년 11월 15일
·
0개의 댓글

자바스크립트 - Promise

Promise ? > 비동기 처리를 도와주는 객체 Sync vs Async 동기프로그래밍은 조건문이나 함수호출이 따로 없다면, 코드는 위에서 아래로 연속적으로 실행된다. 네트워크 요청 및 디스크 I/O와 같은 시간 소요가 많은 태스크의 경우 blocking 처리 된다. 비동기 프로그래밍의 경우 엔진이 이벤트 루프 안에서 실행이 되는것을 의미한다. blo...

2019년 11월 14일
·
0개의 댓글

2019.10.14 TIL

1. Promise , Promise.all Promise.all이 뭘 뜻하는지 이해하면 좀더 이해하기 쉽습니다. 그러니까 promise의 기초로 돌아가봅시다. 기본적으로 Promise.all은 promise 들의 배열을 받습니다. 그리고 그걸 다 합쳐서 하나의 promise로 만듭니다. 그 하나의 promise는 배열 안에 있는 모든 구성원 pr...

2019년 10월 13일
·
0개의 댓글

[TIL] Callback vs Promise vs async&await

👉 CallBack 비동기 처리 방식 중 하나이다. > 문제점 : Callback hell 비동기 처리 로직을 위해 콜백 함수를 연속해서 사용할 때 발생하는 문제이다. 콜백안에 콜백을 계속 무는 형식으로 이러한 코드 구조는 가독성이 떨어지고 로직을 변경하기 어렵다. > > 해결방법 : Promise나 Async를 사용하는 방법 Callback exam...

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

TIL - 19.09.20

4주 프로젝트 DAY4 github 원격 저장소 branch 가져오기 어떻게 AWS-SDK for JavaScript 를 Minio 와 같이 사용할 것인가? 이 프로젝트 전체 데이터 플로우가? 클라이언트에서 서버로 응답받은 Response 어떻게 뜯어? JavsScript Promise 즉시 실행함수 패턴 github 원격 저장소 branch 가져오기 ...

2019년 9월 20일
·
0개의 댓글

ES6 문법 빠르게 정리

const/let 블록 스코프 var의 변수스코프는 function단위, const/let은 block 단위, const는 상수, let는 변수 템플릿 / 백틱 화살표 함수 클래스 prototype 기반의 대체재로 쓰임 모듈 배열/객체 할당 확장 Spread(...) 연산자 Fetch / Promise / Async-await Iterator...

2019년 9월 10일
·
0개의 댓글
post-thumbnail

JavaScript 비동기 처리를 위한 promise 이해하기

배경지식 JavaScript는 엔진은 Single Thread이다. 그래서 동시에 두 가지 작업을 할 수 없다. 그렇다면 여러 작업이 동시에 요청이 될 때 이 전 작업이 마무리 될 때까지 기다려야 하는가? 그렇다. 그래서 JavaScript 엔진은 비동기 처리가 가능하도록 설계되었다. 비동기(Asynchronous)란? 동기(Synchronous)적...

2019년 8월 2일
·
0개의 댓글

async/await

Promise Async/Await Error Handling

2019년 3월 11일
·
0개의 댓글

봐도 봐도 헷갈리는 resolve, reject

이 글은 프로미스의 개념이나 사용법을 알려주지 않습니다. 양질의 정보를 기대한다면 배신감을 느낄 가능성이 높습니다. 굳이 설명하면 이렇게 생각해보면 이해하기 쉬워요정도가 되겠습니다. 프로미스를 공부중인데 헷갈리기만 한다면 한번쯤 읽어보시는 걸 추천합니다! 미리 보는 결론 > 1. 비동기 작업은 성공 혹은 실패한다. > 2. 비동기 작업은 요청하는 쪽과 ...

2019년 2월 23일
·
1개의 댓글