목록개발/JavaScript (19)
게으른개발너D
✨ Promise.all ✨ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise/all Promise.all() - JavaScript | MDN Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환합니다. 주어진 프로미스 중 하나가 거부하는 경우, 첫 developer.mozilla.org Promise.all은 주어진 모든 Promise를 실행한 후 진행되는 하나의 Promise를 반환한다. 일단 3개의 Promise들을 만들어보자. const p1 = new Promise(resolve => { s..
✨ Introduction to Async ✨ Promises를 시작하기 전에 JS의 비동기성과 동기성에 대해 생각해볼 필요가 있다. 우리는 보통 무언가를 하기 전에 생각을 한다. 요리를 하기 전에 무엇을 살지 생각하고 장을 보고 요리를 하는데, 이것들을 동시에 할 수 없다. 우리는 무언가를 먼저 해야한다. 멀티태스킹은 한 가지 이상의 것을 한 번에 동시에 생각하는 것이 아니다. 멀티태스킹은 단지 사이를 빠르게 스위칭 하는 것이다. 하지만 컴퓨터는 여러가지 일을 동시에 하고 있다. Promises를 이해하려면 이런 것들을 알고 있어야한다. 왜냐면 자바스크립트는 이와 같기 때문이다. 동시에 많은 일들을 할 수 있다. 웹사이트에서 데이터를 어떻게 가져올까? fetch를 이용해야한다. const hello =..
✨ Dead Zone ✨ var을 이용해서 이렇게 작성해 보자 console.log(myName); var myName = 'Hwayeon'; // undefined hoisting은 JS가 프로그램을 실행하기 전에 얘네들을 어딘가로 이동시킨다는 것이다. 무조건 위에서 아래로 이동하는 것이 아니라, 이런 것들을 가지고 가서 어딘가로 옮겨주는 것이다. hoisted의 뜻은 프로그램이 시작될 때 variable들이 미리 top으로 끌어올려지는 것이다. var myName; console.log(myName); myName = 'Hwayeon'; // undefined 이런 경우는 원래 에러를 내야한다. 만약 let으로 바꾼다면 console.log(myName); let myName = 'Hwayeon'; ..