다음 페이지들는 Array.prototype에서 사용할 수 있는 다양한 방법에 대한 좋은 개요를 제공한다. 필요에 따라 이를 클릭하고 지식을 리프레시할 수 있다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array 이 코스에서 특히 중요한 사항들 : map() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map find() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/fin..
promise는 생성된 시점에 알려지지 않았을 수도 있는 값을 위한 대리자로 비동기 메서드에서 마치 동기 메서드처럼 값을 return 할 수 있다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(promise)을 return한다. 바로 예시 코드를 보자. function fetchMoviesHandler() { fetch("https://swapi.dev/api/films") .then((response) => { return response.json(); }) .then((data) => { const transformedMovies = data.results.map((movieData) => { return { id: movieData.episode_id, ..
Destructuring 한국어로는 구조 분할 할당이라고 불리며, 배열의 원소나 객체의 property를 추천해서 변수에 저장할 수 있도록 해준다. 얼핏 보면 이전 시간에 배운 spread operator와 비슷하다고 생각할 수 있겠지만 이 둘은 전혀 다른 것이다. Spread & Rest Operators Spread와 Rest 연산자 실제로 점 3개(...)로 이뤄진 연산자로 Spread 연산자는 배열의 원소나 객체의 property를 나누는 데 사용된다. Spread 연산자 간단하게 말하면 배열이나 객체를 펼쳐 놓는 것으로 이 coding-leaf.tistory.com spread operator는 모든 element와 property를 가져와서 새로운 배열이나 객체에 전달하는 것이라면, Destr..
Spread와 Rest 연산자 실제로 점 3개(...)로 이뤄진 연산자로 Spread 연산자는 배열의 원소나 객체의 property를 나누는 데 사용된다. Spread 연산자 간단하게 말하면 배열이나 객체를 펼쳐 놓는 것으로 이해할 수 있다. const newArray = [...oldArray, 1, 2] const newObject = {...oldObject, newProp:5 } 위의 예제를 보면, oldArray 배열에 있는 모든 원소들을 새로운 배열 newArray에 추가하고 1, 2를 더 추가하는 경우이다. 이 경우에 oldArray 앞에는 점 3개(...)가 있으며, 모든 원소를 꺼내서 대괄호로 생성한 새로운 배열에 추가한다는 의미이다. 이와 마찬가지로 객체도 ...oldObject로 모든..
What is module? 개발하는 어플리케이션의 크기가 커지면 파일을 여러 개로 분류해야하는 시점이 찾아온다. 이때 여러 개의 파일로 분리된 .js 파일을 모듈(module)이라고 부르는데. 대게 class 하나 혹은 특정한 목적으로 묶인 function들로 구성된 library들로 구성된다. JavaScript가 만들어지지 얼마되지 않았을 때에는 그 script의 크기도 작고 단순한 기능들이 주를 이루었기에 module 관련된 문법이 없이도 크게 성장할 수 있었다. 그러나 그 크기가 커지고 복잡해지면서 특별한 library들을 묶어서 보관하여 언제든지 꺼내쓸 수 있는 module이 필요해졌고 ES6(2015) 이후로 표준 등재되어 사용되게 된다. Html로 파일을 읽어올 때 module 방식으로 작..
