# promise

361개의 포스트
post-thumbnail

🤙 Promise

Promise : 비동기 처리를 위한 패턴, 콜백함수의 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다.Promise는 왜 만들어졌을까?계기를 알기 위해서는 기존 비동기처리를 위한 콜백패턴을 먼저 알아봐야한다.콜백 패턴은 비동기 처리를 하기 위하여 사용하는

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

[JavaScript] Promise.all

자바스크립트 비동기 처리에 사용되는 객체.여러 개의 프로미스를 처리할 때 사용!모든 프로미스가 이행될 때까지 기다렸다가 그 결과값을 담은 배열을 반환하는 메서드.복수의 URL에 동시에 요청을 보내고, 모든 요청의 응답이 완료되길 기다려야 할 때 사용한다.여러개의 프로미

3일 전
·
0개의 댓글

자바스크립트 비동기, 동기

자바스크립트는 비동기로 작동한다. 하지만 웹 페이지의 로딩을 기다리거나, 입력을 기다리거나, 다운로드가 완료된 후에 실행되야 하는 코드가 있을 수 있다. 따라서 이때는 동기적으로 작동이 될 수 있도록 한다.

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

JavaScript 비동기

자바스크립트는 한번에 하나의 작업을 수행하는데, 한 작업이 실행되는 동안 다른 작업은 멈춰있고 자기 차례를 기다린다는 뜻이다.이러한 동작을 싱글스레드, 동기라고 한다.⭐️ 순서대로 출력되는것을 확인할 수 있다.자바스크립트출처 : https://blog.sess

5일 전
·
0개의 댓글

Data Fetching 실습 (fetch, promise, async, awaite)

Fetch는 브라우저에 내장된 비동기방식으로 데이터를 불러오는 기능이다. promise는 비동기 작업이 완료 또는 실패 했을 때 후속 처리가 가능하다. 미래에 어떤 시점에서 결과를 제공하겠다는 약속을 반환 한다. async, await는 데이터 전송의 성공 실패를 기다

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

자바스크립트 비동기 처리

특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax 통신으로 데이터를 서버에서 가져올 수 있다.

2022년 1월 17일
·
0개의 댓글
post-thumbnail

[JS] Promise 제대로 알기

Promise는 콜백함수 디자인패턴이 마음에 들지 않을때 Promise디자인 패턴을 사용하면 된다.Promise는 자바스크립트의 새로운 기능이라기 보다는 코드/함수 디자인 패턴일 뿐이다.프로미스 안의 코드가 실행이 완료 되었을때, then()함수 내의 코드가 실행된다.

2022년 1월 15일
·
0개의 댓글
post-thumbnail

[JavaScript] 비동기 처리방법, Promise

promise는 JavaScript안에 내장된 Object이다. 이는 비동기를 간편하게 처리할 수 있도록 도와주는 Object로, 콜백함수 대신 사용할 수 있다.

2022년 1월 11일
·
0개의 댓글

비동기 통신과 Promise

[TIL][엘리스 SW 엔지니어 트랙] 11주차 - 비동기 통신과 Promise

2022년 1월 8일
·
0개의 댓글

Promise, Async-Await

비동기를 알아보자

2022년 1월 6일
·
0개의 댓글
post-thumbnail

비동기 - Async/Await , 병렬적으로 promises 실행하기

Async/Await보기에는 동기적인 것처럼 보이나 사실 behind the scene에서는 비동기적으로 작동한다. Async와 Await는 promise안에 있는 method위에 뿌려진 syntactic sugar!await 뒤에는 promise가 나온다.promis

2022년 1월 6일
·
0개의 댓글
post-thumbnail

비동기 처리 Callback vs Promise vs async/await

자바스크립트 엔진은 싱글스레드이다. 단 하나의 실행 컨텍스트 스택을 갖는다. 이는 하나의 작업만 처리가 가능하고 동시에 두개 이상의 함수를 병렬적으로 처리할 수 없는것을 뜻한다. 위와같은 코드를 실행했을때 콘솔로그가 찍히는 순서는 1, 2, 3 이 아니라 1, 3, 2

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[JS] 비동기 - Promise와 fetch API, Event Loop

fetch function은 바로 promise를 return한다는 특징을 가지고 있다.Promise : Promise 객체는 동기 작업으로 인한 미래의 성공 또는 실패와 그 결과 값을 나타낸다. 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로

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

[JS] 드림코딩 JS 공부 #13

[JS] 드림코딩 JS 공부 #13

2021년 12월 31일
·
0개의 댓글
post-thumbnail

[JS] 드림코딩 JS 공부 #12

[JS] 드림코딩 JS 공부 #12 - promise로 콜백함수 벗어나기

2021년 12월 30일
·
0개의 댓글
post-thumbnail

JavaScript 프로미스

프로미스(promise)에 대해 / then & catch & finally / Promise 생성 & 활용 / 프로미스 체이닝(chaining)과 에러 핸들링(Error Handling)

2021년 12월 29일
·
0개의 댓글
post-thumbnail

Callback Hell (콜백 지옥)

콜백 함수 & 콜백지옥 / promise와 async, await 활용하기 / try...catch문

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

12월28일 개발 블로그(콜백,프로미스,async await,styled-component naming)

Run a security auditaudit:보안감사의 기능프로젝트 root 경로에서 nmpm audit을 입력하면 프로젝트에서 사용하고 있는 모듈의 취약점에 대해서 알려준다.최상위 부모‘컴포넌트명’Layout 이란 이름으로 생성최상위 부모의 자식 (최상위 부모의 바

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