Frontend/JavaScript (11) 썸네일형 리스트형 2020-05-21 :: Promise Promise는 ECMASCript 6부터 추가되었다. 비동기 처리를 작성하다 보면 콜백 함수가 중첩되어 알아보기 어려운 코드가 만들어진다. 이때 Promise를 사용하면 복잡하게 중첩된 코드를 더욱 알아보기 쉽게 작성할 수 있다. 비동기 처리의 예 setTimeout이나 addEventListener 메서드는 비동기적으로 실행된다. 하지만 이들을 다루는 코드는 보통 순차적으로 실행되지 않는다. console.log("A"); setTimeout(function() {console.log('B'); }. 0}; console.log("C"); 위와 같은 코드의 실행결과는 A C B가 된다. setTimeout 함수로는 인수로 받은 콜백 함수를 일정 시간이 흐른 후에 실행하도록 예약하는 처리만 하고, 그다.. 200824 Promise Object https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises 동시다발적으로 일어나는 작업 중에서 성공 또는 실패를 나타낸다. 대부분의 경우 우리는 promise객체를 사용하는 사용자 입장이 된다. call back? 동시다발적인 함수에 대해 콜을 할 때 이에 응해 돌아도는 값? 예전 방식의 함수에서는 해당함수의 인자에 성공 또는 실패에 대한 callback function이 삽입이 되었지만, 최근 방식의 함수에서는 promise를 반환받기 때문에 .then() method를 통해 반환 받을 수 있다. callback들은 반드시 JS코드가 다 수행된 뒤 리턴된다. callback들은 then()메서드를 .. 200816 DOM project 1; material: Udemy 1. DOM(Document Object Model) ;interface between js and html css browser turns every HTML tag into a JS object that we manipulate. It is controled under tree data structure. top node of DOM is documnt. in the console of browser, you can search like document.URL or document.link, It will return current page's URL and appended link (or document.body) 2. Selector Methods .. 이전 1 2 다음