assing Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용합니다. 대상 객체를 반환합니다. react, redux에서 자주 쓰입니다. const obj = { a: 1 }; const copy = Object.assign({}, obj); console.log(copy); // { a: 1 } const o1 = { a: 1, b: 1, c: 1 }; const o2 = { b: 2, c: 2 }; const o3 = { c: 3 }; const obj = Object.assign({}, o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } concat concat() 메서드는 인자로 주어..
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. 아마 이 함수를 사용하기 전에는 for문으로 해결했을 겁니다. map은 장점이 있지만 경우에 따라 for문을 사용해야 하는 경우도 있습니다. const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] 간단한 map 예제입니다. array1의 각각의 요소에 접근해서 *2를 하고 그 배열을 return해줍니다. var kvArray = [{key:1, value:10}, {key:2..
코딩테스트 문제를 풀다가 Date함수를 이용하는 문제가 나와서 이참에 블로그에 정리해두려고 합니다. 먼저 객체를 생성해야 합니다. 이때 월은 0부터 시작해서 -1을 해야 원하는 월이 나옵니다. var date1 = new Date(); // 현재 날짜 및 시간 var date2 = new Date(2020,05,24,18,00,10); // 2020년 06월 24일 18:00:10 var date3 = new Date('2020-05-24'); // 2002년 06월 24일 09:00:00 var date4 = new Date('2020-05-24 18:10:30'); // 2012년 6월 24일 18:10:30 date에는 get, set 함수가 있습니다. get함수만 보이고 set함수는 보이지 않겠습..
promise에 이어서 async await 사용법을 살펴보겠습니다. promise에 대해 모르신다면 https://ms3864.tistory.com/22 를 보고 오는것을 추천합니다. promise 사용법 오늘은 자바스크립트를 사용한다면 꼭 알아야만 하는 promise에 대해 알아보겠습니다. Promise는 프로미스가 생성될 때 꼭 알 수 있지는 않은 값을 위한 대리자로, 비동기 연산이 종료된 이후의 결�� ms3864.tistory.com async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의합니다. 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환합니다. 그러나 비동기 함수를 사용하는 코드의 ..
promise 사용법
오늘은 자바스크립트를 사용한다면 꼭 알아야만 하는 promise에 대해 알아보겠습니다. Promise는 프로미스가 생성될 때 꼭 알 수 있지는 않은 값을 위한 대리자로, 비동기 연산이 종료된 이후의 결과값이나 실패 이유를 처리하기 위한 처리기를 연결할 수 있도록 합니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하지는 않고, 대신 프로미스를 반환해서 미래의 어떤 시점에 결과를 제공합니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 콜백지옥을 탈출하기 위해서는 promise를 알아..