목차 1. Promise의 탄생 : 콜백 지옥(callback hell) 2. Promise - 기본 문법(Syntax) - 예제(Example) 1. Promise의 탄생 : 콜백 지옥(callback hell) 비동기 작업을 위해 사용되는 콜백의 특성상 비동기 이후에 처리될 작업들을 콜백 내부에 작성해주어야 한다. 콜백 내부에 콜백을 쓰다보면 오른쪽 아래로 코드가 내려가 모양이 괴랄하게 변하게 된다. 이를 콜백 지옥(callback hell)이라고 한다. 아래의 예제코드로 콜백 지옥을 이해해보자. const avante = (callback) => { setTimeout(() => { console.log('avante go') callback() }, 3000) } const sonata = (ca..

22문법(Syntax) Array.forEach(() => {}) 정의(Define) forEach( )는 배열을 순회하며 각 배열의 각 요소에서 함수를 호출한다. forEach( ) 안에 들어가는 함수는 세가지 인자를 받는다. 첫번째 인자는 배열 요소의 값 두번째 인자는 배열 인덱스의 값 세변째 인자는 배열 전체를 받는다. forEach( )는 모든 요소에 대해 함수를 호출하기전에 멈출 수가 없다. 예시(Example) let sum = 0 let arr = [1, 2, 3, 4, 5] arr.forEach(value => { sum += value }) console.log (sum) // 15 화살표 함수를 이용해 배열의 각 인자값을 변수 sum에 더하여 합을 구했다. let arr = [1, 2,..

문법(Syntax) Arr.pop() 정의(Define) 배열의 맨 끝 요소를 삭제하는 메서드이다. Arr.push()와 마찬가지로 원래의 배열을 변형한다. 변수를 선언하여 Arr.pop()으로 빠진 요소를 담을 수 있다. 예시(Example) let arr = [1, 2, 3, 4, 5, 6] const arr2 = arr.pop() console.log(arr) // [ 1, 2, 3, 4, 5 ] console.log(arr2) // 6 arr.pop()으로 마지막 요소인 6을 배열 arr에서 제거했고, 뺀 요소를 arr2에 담았다.

문법(Syntax) Arr.push(value) 정의(Define) 배열에 요소를 추가하는 메서드이다. 원래의 배열 맨 뒤에 요소를 추가하며, 추가되는 요소는 가장 끝 인덱스를 갖는다. 기존의 배열을 변형하는 메서드이다. 예시(Example) let arr = [1, 2, 3, 4, 5, 6] arr.push(7) console.log(arr) // [1, 2, 3, 4, 5, 6, 7] 기존의 배열 arr = [1, 2, 3, 4, 5, 6]에 arr.push(7)을 이용하여 요소 7을 추가하여 arr = [1, 2, 3, 4, 5, 6, 7]로 만들었다. let arr = [1, 2, 3, 4, 5, 6, 7] const number = [8, 9, 10] arr.push(number) // 배열 a..

목차 1. 함수선언과 호출의 차이 1.1. 함수 선언식 1.2.함수 표현식 1.3.선언과 호출 1.4.응용문제 1.4.1.함수 선언식 1.4.2.함수 표현식(Arrow function) 2. 콜스택 3. 스코프 체인 4. This 4.1.함수를 사용하는 방법(3가지) 4.1.1.일반 함수 4.1.2.생성자 함수 4.1.3.객체의 메서드 5.function(this binding) 5.1.간단한 일반함수 5.2.애로우 함수 5.3.bind 1. 함수 선언과 호출의 차이 가장 많이 헷갈리는 부분이 바로 선언과 호출() 부분이다. 아래는 두 가지 방법으로 같은 코드를 나타낸 것이다. 1.1 함수선언식 function add(a,b) { return a + b } function calculator (func,..

목차 1. 배열과 메서드 2. Array.prototype.forEach() 2.1. 단점 3. Array.prototype.filter() 1. 배열과 메서드 JavaScript에서 기본적으로 배열을 많이 사용한다. 배열안에 있는 객체 객체안의 배열 등등 배열은 for문과 함께 사용한다. 인덱스 값을 이용하여, for문과 함께 사용할 때 좀 더 많은 활용이 가능하다. 이런 이유로 배열 메서드들은 반복을 돌려주는 함수들이 정말 많다. forEach filter some map reduce const arr = [2, 7, 5, 4, 5] for(let i = 0; i < arr.length; i++){ console.log(arr[i]) } //2, 7, 5, 4, 5 2. Array.prototype...