# promise

714개의 포스트

비동기 처리 - Promise

promise란 비동기 작업을 표현하는 자바스크립트 객체로, 비동기 작업의 대기(pending), 이행(fulfilled), 성공(fulfilled/resolved), 실패(rejected) 상태를 표현한다.콜백 함수와 역할은 같지만 가독성이 더 좋다는 특징이 있다.p

약 9시간 전
·
0개의 댓글
·
post-thumbnail

[Javascript/React] Promise의 값 가져오기

TMDB Api를 이용한 React 토이 프로젝트를 진행하다가 문제가 생겼다.컴포넌트화를 시켜서 생긴 문제인데, Api를 호출하는 부분에서 문제가 생겼다.옛날 같았으면 App.js에 Api 호출 코드를 전부다 때려박았지만, 컴포넌트화를 해야해서 Api를 다루는 파일을

4일 전
·
0개의 댓글
·

Javascript 비동기처리

자바스크립트에서 비동기 처리 3가지 개념(Callback, Promise, async/await)

4일 전
·
0개의 댓글
·

[TS] TypeScript exercises 10

해당 문제는 generic을 활용하여 promise 반환 타입을 정의하고, 기존에 사용하는 API 호출 시 generic 선언 까지 수정해주어야 통과되는 문제이다.

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

[Typescript] 아직도 Try - Catch 를 쓰시나요?

Throw() 는 잊어라. async/await + try/cacth 없이 깔끔한 코드로 비동기 API 처리하기.

5일 전
·
0개의 댓글
·

Callback / Promise

오늘은 230306_TIL에서 언급했던 callback과 promise에 대해 자세히 알아보겠습니다.JavaScript는 싱글 스레드이기 때문에 한번에 하나의 동작만 수행이 가능합니다.이를 동기적 실행방식이라고 합니다.여기서 동기란 하나의 작업이 종료될 때까지 다음 동

6일 전
·
0개의 댓글
·

오프라인 코드캠프 6일차

👨🏻‍💻 오늘의 알고리즘 공부 reduce((acc,cur)=>{~},초기값) : 배열에만 사용가능한 반복연산 실행 : 기본적으로 매개변수를 2개까지 받음 : 첫번째 매개변수에는 함수를 반드시 넘겨주어야 하는 제약이 존재 : 두번째 매개변수는 초기값을 의미하는데

6일 전
·
0개의 댓글
·

Async and Promise 과제

part-1 callback 코드 해석하기 setTimeout은 비동기 함수이다. 만료된 후 함수나 지정한 코드를 실행하는 '타이머'를 설정한다. 매개변수 wait -> 시간(타이머) callback -> 실행할 함수 callback 이라고 네이밍을 한 이유는,

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

[자바스크립트] Promise

자바스크립트의 Promise. (Promise.all, Promise.race, Promise.allSettled)

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

비동기(asynchronous)

비동기란?? 우선 비동기의 반대인 동기(synchronous)가 무엇인지 알아보자. 동기적인 것은 선행작업이 끝나는 시점과 새로운 작업이 시작하는 시점이 같은 것을 말한다. 즉, 새로운 작업은 선행작업이 끝나기 전에는 시작될 수 없다는 말이고 이런 현상을 블로킹(blo

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

[SEB FE 44] Promise

선배적 참견 시점

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

TIL 0316

🏷️ [목차] 동기 실행과 비동기 실행 VSCODE에서 비동기 REST-API에서 동기/비동기 실행 호이스팅(Hoisting) apollo-client 셋팅하기 _app.js의 작동 원리 apollo-client 로 graphql 뮤테이션

2023년 3월 19일
·
0개의 댓글
·

[javascript] promise,async,await,fetch

선언 const promise = new Promise((resolve, reject) => {resolve(성공할때 호출할 값)}프라미스 사용 promise.then(resolve 값=>{ ~ }).then(~의 결과값=>{})...프라미스의 then이 반환하는 것은

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

(SEB_FE) Section2 Unit3 [JS/Node] 비동기

어떤 경우에 중첩된 콜백(callback)이 발생하는지 이해할 수 있다.중첩된 콜백(callback)의 단점, Promise의 장점을 이해할 수 있다.async/await 키워드에 대해 이해하고, 작동 원리를 이해할 수 있다.카페에 가서 주문을 하는데, 앞 사람이 주문

2023년 3월 17일
·
0개의 댓글
·

[DAY24] S2 U3 - 비동기

단어로 보면 동기는 '동시에 일어나는', 비동기는 '동시에 일어나지 않는' 이라는 의미를 가진다. 하지만, 그림에서 보는 것과는 반대로 느껴진다. 동기와 비동기의 동시라는 것은 동시성의 발생을 어디로 보느냐의 차이다.동기는 요청의 결과가 그 자리에서 동시에 일어나야 하

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

TIL/JS 2023/3/17 📚

오늘은 비동기와 콜백 그리고 promise 객체와 async await에 대해 학습을 진행했다!자바스크립트의 작동원리에 대해 배우면서 비동기와 조금 더 친해진 느낌이 있었지만,, 아직은 어사(어색한사이) 이다 ㅋㅋ또 최근 다시 Todolist를 만들어보면서 addeve

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

동기/비동기, Callback, Promise, Async Await

동기/비동기, cb, promise, async await

2023년 3월 16일
·
0개의 댓글
·

async await map promise all from axios

axios 에서 가져오는 데이터axios를 반복으로 2번이상 돌려야 함axios/async를 써야 함기본문cargo4u에 적용함

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

Promise & async/await

Promise & async/await

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