Dev's

개요 자바스크립트(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..

개요 window.location은 사용자가 페이지에 대한 정보를 전달해주며, 페이지 이동과 같은 역할을 수행합니다. 또한 window없이 location만으로도 사용할 수 있습니다. http://localhost:3000/my-watch?activeMenu=0#4 location.href; // http://localhost:3000/my-watch?activeMenu=0#4 location.protocol; // http: location.host; // localhost:3000 location.hostname; // localhost location.port; // 3000 location.pathname; // /my-watch location.search; // ?activeMenu=0 loc..

개요 구조 분해 할당(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..

Github에서는 Github Repository를 이용하여 Static Website를 제공해주는 Github Pages 서비스를 제공하기 때문에, 해당 서비스를 통하여 블로그를 구성할 수 있습니다. 이 글에서는 Github Pages 서비스와 Jekyll 이용하여 블로그를 만들기 위한 방법을 소개합니다. Github Repository 만들기 Repository 만들기 Github 페이지 접속 후 Repository 생성페이지로 진입합니다. Repository name 항목에 username.github.io와 같이 입력 후 Public로 생성합니다. 생성되어진 Repository 확인 최초 생성되어진 Repository에서 creating a new file을 선택하여 index.html 파일을 생..