윤민상 블로그

slice slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. 이때 주의할 점은 얕은 복사를 한다는 것입니다. 즉 원본 배열이 바뀌면 slice한 배열이 바뀔수 있습니다. const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // expected output: Array ["camel", "duck", "elephant"] console.log(animals.slice(2, 4)); // expected output: Array ["camel", "duck"] splice splice..

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..

var는 ES6이전에 있던 변수이고 let, const는 ES6에서 새로 생긴 변수입니다. var는 function-scope이고 let, const는 block-scope입니다. var for(var i=0;i

코딩테스트 문제를 풀다가 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함수는 보이지 않겠습..

오늘은 저번시간에 이어서 콜백지옥 탈출하는 법을 살펴보겠습니다. 저번에는 기본 내장 모듈으로만 탈출했습니다. 오늘은 mysql2를 이용해서 async await를 사용하겠습니다. 아래는 최근(현시점) mysql과 mysql2의 다운로드 숫자입니다. mysql2도 mysql만큼이나 사용자가 많은 것을 알 수 있습니다. asyn await을 사용하지 않는다면 기본적인 문법은 mysql2도 mysql과 같습니다. 정말인가? 하시는 분들은 npm install mysql2 로 설치하시고 var mysql = require("mysql"); => var mysql = require("mysql2"); 해보시면 됩니다. 이제 async await를 사용해보겠습니다. async function main() { con..

callback 지옥이란 callback함수의 중첩 때문에 코드가 너무 복잡해지는 것을 말합니다. 아마 자바스크립트를 사용하시는 분들은 한번 쯤 겪었을 문제입니다. 오늘은 express mysql에서 콜백지옥을 탈출하는 법을 쓸려고 합니다. 저번 글에서 promise와 async await를 다루었습니다. 오늘은 조금 더 응용해서 nodejs express mysql에서 promise, asyn await를 사용하는 방법을 알아보겠습니다. (nodejs express, mysql, promise, asyn await 중 하나라도 모르시는 것이 있으면 코드를 이해하기 힘들 수 있습니다.) 일단 mysql이외의 특별한 모듈은 사용하지 않겠습니다. (이 글은 promise, async await 입문자들을 위..

promise에 이어서 async await 사용법을 살펴보겠습니다. promise에 대해 모르신다면 https://ms3864.tistory.com/22 를 보고 오는것을 추천합니다. promise 사용법 오늘은 자바스크립트를 사용한다면 꼭 알아야만 하는 promise에 대해 알아보겠습니다. Promise는 프로미스가 생성될 때 꼭 알 수 있지는 않은 값을 위한 대리자로, 비동기 연산이 종료된 이후의 결�� ms3864.tistory.com async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의합니다. 비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환합니다. 그러나 비동기 함수를 사용하는 코드의 ..

오늘은 자바스크립트를 사용한다면 꼭 알아야만 하는 promise에 대해 알아보겠습니다. Promise는 프로미스가 생성될 때 꼭 알 수 있지는 않은 값을 위한 대리자로, 비동기 연산이 종료된 이후의 결과값이나 실패 이유를 처리하기 위한 처리기를 연결할 수 있도록 합니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하지는 않고, 대신 프로미스를 반환해서 미래의 어떤 시점에 결과를 제공합니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 콜백지옥을 탈출하기 위해서는 promise를 알아..