async async는 function 앞에 위치한다. function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. async function f() { return 1; } f().then(alert); // 1 await // await는 async 함수 안에서만 동작한다. async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve('완료!'), 1000); }); let result = await promise; // 프라미스가 이행될 때까지 기다림 alert(result); // "완료!" } f(); 프라미스가 처리될 때까지 함수 실행을 기다리게 한다. 프라미스가 처..
JavaScript
Promise 기본 1. promise 객체 생성 let promise = new Promise(function (resolve, reject) { // new Promise에 전달되는 함수 : executor(실행자, 실행함수) }); resolve(value): 일이 성공적으로 끝난 경우 그 결과를 나타내는 value와 함께 호출 reject(error): 에러 발생 시 에러 객체를 나타내는 error와 함께 호출 executor는 resolve나 reject 중 하나를 반드시 호출해야 한다. 2. 위의 pormise 객체의 내부 프로퍼티 살펴보기 state : 처음엔 "pending" / resolve가 호출되면 "fulfilled" / reject가 호출되면 "rejected" 로 변한다. res..
선택 정렬(Selection Sort)이란? 값이 가장 작은 숫자를 찾아 가장 왼쪽에 있는 데이터부터 순서대로 데이터를 교환하여 정렬하는 처리를 반복한다. 선택 정렬 살펴보기 우선 정렬하고자 하는 데이터 안에서 값을 하나 골라 임시 최솟값으로 정한다. 데이터 전부를 임시 최솟값과 비교한다. 임시 최솟값보다 값이 작은 데이터가 있다면, 값이 가장 작은 데이터의 위치와 임시 최솟값의 위치를 바꾼다. 계산량 확인해보기 데이터의 총 개수를 n이라고 하면 선택 정렬의 비교 횟수는 처음에 n-1 번, 그 다음은 n-2, n-3 번 ... 이다. 반복 횟수는 (n-1) + (n-2) + (n-3) + ... + 1 이므로 (n²-n)/2이다. 즉 선택 정렬의 오더는 O(n²)이 된다. 오더가 버블 정렬과 같지만, 버..
버블 정렬(Bubble Sort)이란? 서로 인접한 두 원소를 검사해 정렬하는 알고리즘이다. 오름차순을 기준으로 정렬한다. 큰 숫자가 왼쪽에서 오른쪽을 향해 거품처럼 이동하는 모습 버블 정렬 살펴보기 이웃한 데이터의 값을 비교해 값의 크기가 다르면 위치를 바꾼다 오름차순으로 정렬할 경우 왼쪽 데이터의 크기가 오른쪽 데이터의 크기보다 크면 위치를 바꾼다. 계산량 확인해보기 데이터의 총 개수를 n이라고 하면 버블 정렬의 비교 횟수는 처음에 n-1 번, 그 다음은 n-2, n-3 번 ... 이다. 반복 횟수는 (n-1) + (n-2) + (n-3) + ... + 1 이므로 (n²-n)/2이다. 즉 버블 정렬의 오더는 O(n²)이 된다. 버블 정렬 실행해보기 with 자바스크립트 버블 정렬 정렬 결과 // ja..
▶ constructor 객체(인스턴스)를 생성하고 클래스 필드를 초기화하기 위한 특수한 메소드 ※ 클래스 필드 : 자바스크립트의 생성자 함수에서 this에 추가한 프로퍼티 예문 12345678910111213// 클래스 선언문class Person { // constructor(생성자). 이름을 바꿀 수 없다. constructor(name) { // this는 클래스가 생성할 인스턴스를 가리킨다. // _name은 클래스 필드이다. this._name = name; }} // 인스턴스 생성const me = new Person('Lee');console.log(me); // Person {_name: "Lee"}cs 클래스는 constructor라는 이름을 가진 특별한 메서드를 하나씩만 가질 수 있습..
map( ) 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 만듭니다. 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback함수는 currentValue, index, array 3가지 인수를 갖습니다.- currentValue : 배열 내 처리할 현재 값- index : 배열 내 처리할 현재 값의 인덱스- array : map( )을 호출한 배열 예시 const array = [1, 2, 3, 4, 5]; const result = array.map(function(current, index, array){ console.log(curren..
