Promise

프론트엔드/javascript

자바스크립트 - promise 객체

비동기 처리 우리는 setTimeout 함수를 이용해 작업을 비동기적으로 처리했었고, setTimeout함수는 작성된 코드와 같이 콜백함수와 ms단위의 지연 시간을 매개변수로 입력받는 함수라고 배웠습니다. https://myeongsu0257.tistory.com/117 자바스크립트 - 비동기 처리 동기 동기란 하나의 작업이 실행되는 동안은 다른 작업을 수행하지 않는 방식으로, 다시 말해 하나의 작업이 종료될 때 까지 다른 작업을 실행하지 못하고, 앞선 작업이 끝나야 다음 작업을 할 myeongsu0257.tistory.com 지난시간에 작성했던 코드에서, 함수를 호출할 때 출력할 단어와, 단어를 출력하는 함수를 인수로 넘겨주도록 하겠습니다. const workA = (value, callback) =>..

프론트엔드/javascript

자바스크립트 - 프로미스(Promise)

promise란? promise를 실생활에 빗대어 설명하면 어느 한 상점에 손님이 물건을 요구하고 해당 상점은 물건을 제작합니다. 손님은 요구한 물건이 나오기 전까지 10초마다 물건의 완성여부를 묻는 행동을 한다고 가정했을 때, 상점측은 "아니요", "만들다가 실패했어요" 등의 대답을 할 수 있습니다. 이렇게 10초마다 물어보는 비효율적인 상황에서 효율적인 방법을 찾아보면 손님이 자신의 전화번호를 상점에 남기고 완성되거나 실패하면 결과를 자신의 번호로 알려달라고 하는것이 효율적이겠지요. 이런 행위를 promise라고 하고 js에서도 해당 기능을 하는 prmise 함수가 있습니다. promise사용법 const pr = new Promise((resolve,reject) => { // code } prom..

프론트엔드/javascript

자바스크립트 - 클래스(Class)

클래스 지금까지 비슷한 형태의 함수를 생성하기 위하여 생성자 함수를 사용했습니다. 클래스라는 것을 이용해 만들 수 있습니다. 클래스는 ES6에 추가된 속성입니다. const User = function(name,age){ this.name = name; this.age = age; this.showName = function() { console.log(this.name); }; }; const mike = new User("Mike",30); 위의 생성자 함수의 코드를 클래스로 작성해보면 아래의 코드가 됩니다. class User2 { constructor(name,age) { this.name = name; this.age =age; } showName () { console.log(this.name..