# promise
🤙 Promise
Promise : 비동기 처리를 위한 패턴, 콜백함수의 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다.Promise는 왜 만들어졌을까?계기를 알기 위해서는 기존 비동기처리를 위한 콜백패턴을 먼저 알아봐야한다.콜백 패턴은 비동기 처리를 하기 위하여 사용하는
[JavaScript] Promise.all
자바스크립트 비동기 처리에 사용되는 객체.여러 개의 프로미스를 처리할 때 사용!모든 프로미스가 이행될 때까지 기다렸다가 그 결과값을 담은 배열을 반환하는 메서드.복수의 URL에 동시에 요청을 보내고, 모든 요청의 응답이 완료되길 기다려야 할 때 사용한다.여러개의 프로미
자바스크립트 비동기, 동기
자바스크립트는 비동기로 작동한다. 하지만 웹 페이지의 로딩을 기다리거나, 입력을 기다리거나, 다운로드가 완료된 후에 실행되야 하는 코드가 있을 수 있다. 따라서 이때는 동기적으로 작동이 될 수 있도록 한다.
JavaScript 비동기
자바스크립트는 한번에 하나의 작업을 수행하는데, 한 작업이 실행되는 동안 다른 작업은 멈춰있고 자기 차례를 기다린다는 뜻이다.이러한 동작을 싱글스레드, 동기라고 한다.⭐️ 순서대로 출력되는것을 확인할 수 있다.자바스크립트출처 : https://blog.sess
Data Fetching 실습 (fetch, promise, async, awaite)
Fetch는 브라우저에 내장된 비동기방식으로 데이터를 불러오는 기능이다. promise는 비동기 작업이 완료 또는 실패 했을 때 후속 처리가 가능하다. 미래에 어떤 시점에서 결과를 제공하겠다는 약속을 반환 한다. async, await는 데이터 전송의 성공 실패를 기다
자바스크립트 비동기 처리
특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax 통신으로 데이터를 서버에서 가져올 수 있다.
[JS] Promise 제대로 알기
Promise는 콜백함수 디자인패턴이 마음에 들지 않을때 Promise디자인 패턴을 사용하면 된다.Promise는 자바스크립트의 새로운 기능이라기 보다는 코드/함수 디자인 패턴일 뿐이다.프로미스 안의 코드가 실행이 완료 되었을때, then()함수 내의 코드가 실행된다.
[JavaScript] 비동기 처리방법, Promise
promise는 JavaScript안에 내장된 Object이다. 이는 비동기를 간편하게 처리할 수 있도록 도와주는 Object로, 콜백함수 대신 사용할 수 있다.
.png?w=768)
비동기 - Async/Await , 병렬적으로 promises 실행하기
Async/Await보기에는 동기적인 것처럼 보이나 사실 behind the scene에서는 비동기적으로 작동한다. Async와 Await는 promise안에 있는 method위에 뿌려진 syntactic sugar!await 뒤에는 promise가 나온다.promis
비동기 처리 Callback vs Promise vs async/await
자바스크립트 엔진은 싱글스레드이다. 단 하나의 실행 컨텍스트 스택을 갖는다. 이는 하나의 작업만 처리가 가능하고 동시에 두개 이상의 함수를 병렬적으로 처리할 수 없는것을 뜻한다. 위와같은 코드를 실행했을때 콘솔로그가 찍히는 순서는 1, 2, 3 이 아니라 1, 3, 2
.png?w=768)
[JS] 비동기 - Promise와 fetch API, Event Loop
fetch function은 바로 promise를 return한다는 특징을 가지고 있다.Promise : Promise 객체는 동기 작업으로 인한 미래의 성공 또는 실패와 그 결과 값을 나타낸다. 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로
JavaScript 프로미스
프로미스(promise)에 대해 / then & catch & finally / Promise 생성 & 활용 / 프로미스 체이닝(chaining)과 에러 핸들링(Error Handling)
.png?w=768)
12월28일 개발 블로그(콜백,프로미스,async await,styled-component naming)
Run a security auditaudit:보안감사의 기능프로젝트 root 경로에서 nmpm audit을 입력하면 프로젝트에서 사용하고 있는 모듈의 취약점에 대해서 알려준다.최상위 부모‘컴포넌트명’Layout 이란 이름으로 생성최상위 부모의 자식 (최상위 부모의 바
