Life's

개요 ES6에서 Arrow Function이 새롭게 추가됨으로써 자바스크립트(Javascript)에서는 Regular function과 Arrow function 두 가지 방식을 통하여 함수를 정의할 수 있게 되었습니다. function을 명시적으로 정의하는 예 function hello(name) { return `Hello ${name}`; } const Hello = function(name) { return `Hello ${name}`; }Arrow function 문법을 사용한 예 const Hello = (name) => { return `Hello ${name}`; }Regular function과 Arrow Function은 함수를 정의한다는 방식에서는 동일하나, 차이점을 가지고 있기 때문..

개요 자바스크립트(Javascript)에서는 JSON형태의 데이터 포맷을 다룰 수 있는 JSON객체가 존재합니다. 이러한 JSON 객체에는 stringify와 parse 2가지의 메서드가 있습니다. JSON.stringify(value [, replacer [, space]]) stringify()는 객체(Object)를 String 형식으로 변환합니다. const obj = { name: 'cary', gender: 'male', age: 30 }; JSON.stringify(obj); // '{"name":"car","gender":"male",age":30}'replacer JSON 문자열에 포함될 값 객체의 속성들을 선택하기 위한 매개변수입니다. cons..

개요 구조 분해 할당(Destructuring)은 배열이나 객체에서 값을 가지고 와서 개별적인 변수에 할당할 수 있는 표현식입니다. 또한 구조 분해 할당을 사용함으로써 배열이나 객체에서 필요한 값만 가지고 올 수 있습니다. 배열 구조 분해 기존의 ES5에서는 배열의 값을 변수에 할당하기 위한 방법은 다음과 같습니다. val arry = [1, 2, 3]; val a = arry[0]; val b = arry[1]; val c = arry[2]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3그러나 ES6에서는 배열의 구조 분해 할당을 이용하여 각각의 변수에 값을 할당할 수 있으며, 변수에 값을 할당하는 기준은 배열의 Index 기준으로 할당..

개요 자바스크립트(Javascript)는 6가지의 원시타입(Primitive Type)을 가지고 있습니다. String, number, boolean, undefined, null, Symbol가 있습니다. 자바스크립트는 느슨한 타입 (loosely typed) 언어, 혹은 동적 (dynamic) 언어로써 변수 선언시 원시타입을 선언하지 않아도 되기에, 여러 타입의 값을 부여할 수 있습니다. 그러나 이러한 자바스크립트의 특성은 프로젝트를 진행함에 있어 예상치 못한 문제점을 발생시킬 수 있습니다. 따라서 각 형의 특징에 대해 이해를 하고 있어야 문제점을 해결 또는 예방할 수 있습니다. const a = '1'; const b = 1; a + b; // "11"원시타입 String String..

개요 자바스크립트(Javacript)는 엄격한 비교(strict comparisons)와 형 변환 비교(type–converting)를 가지고 있습니다. ===(엄격한 비교)는 내용뿐만 아니라 자료형까지도 같아야 true값을 반환합니다. 그러나 ==와 같이 형 변환 비교는 내용을 비교하기 전에 선행으로 데이터를 같은 형으로 변환하여 비교하게 됩니다. 1 === 1 // true 1 === '1' // false 1 == 1 // true 1 == '1' // true비교연산자 동등 연산자 (==) 형 변환 후 두 피연산자의 자료만 같다면 true값을 반환합니다. 1 == '1' // true 1 == 1 // true 1 == '2' // fals..

개요 자바스크립트(Javascript)에는 &&(AND), ||(OR), !(NOT)의 3가지의 논리 연산자를 가지고 있습니다. 또한 논리 연산자를 통하여 조건문이나 변수에 값을 설정할 수 있습니다. 논리연산자 &&(AND) a && b에서 a을 true로 변환할 수 있는 경우 b을 반환하고, 그렇지 않으면 a을 반환합니다. const sample1 = true && true; // true && true 이므로 true 반환합니다. const sample2 = true && false; // true && false 이므로 false 반환합니다. const sample3 = false && true; // false && true 이므로 false 반환합니다. const sample4 = false &..

ES2020에서 제공되는 기능이 추가 및 정의되었습니다.String.prototype.matchAllmatch()를 사용하는 경우 정규식에 해당하는 값만을 반환하였습니다. 그러나 이제는 matchAll()을 사용하게 되면 반복자(iterator) 형태로 반환하게 되었습니다.const regex = /t(e)(st(\d?))/g;const string = 'test1test2';string.match(regex); // gives ['test1', 'test2']const matchs = string.matchAll(regex); // gives ['test1', 'test2']matchs.next();// { // done: false// value: Array(4)// 0: "tes..