15호의 개발자

[JavaScript] 날짜 형식 변경 (20220101 => 2022-01-01), (Y=>미동의) 아래는 자바스크립트를 이용한 날짜 포맷팅 방법이다. /* 날짜 포맷팅 (20220101 => 2022-01-01) */ function dateFormatting(data) { if (data == null || data == "") { return "-" } else { let y = data.substring(0, 4); let m = data.substring(4, 6); let d = data.substring(6, 8); return y + "-" + m + "-" + d; } } 아래는 자바스크립트를 이용하여 "Y"는 "동의"로, "N"는 "미동의"로 변경하는 방법이다. /* Y/N => 동의..

[JavaScript] 객체 비구조화 할당 (객체 구조 분해) 객체 비구조화 할당 (=객체 구조 분해)을 이용하면 객체 안에 있는 값을 변수나 상수로 바로 선언해 주므로, 코드가 좀 더 간결해질 수 있다. 아래의 코드를 바로 봐보자. const fruit = ["apple", "grape", "banana"]; const [a, b] = fruit; console.log(a); // "apple" console.log(b); // "grape" const [a, b] = fruit; 부분이 비구조화 할당 문법이다. fruit 배열의 인덱스 0, 1번째의 값이 각각 a, b에 할당된다. 키-값 형식에서도 비구조화 할당이 가능하다. const fruit = { num: 4, name: "apple", pri..

[JavaScript] 템플릿 리터럴 사용법 (ES6부터) 자바스크립트는 2015년 이후 매년 새 버전이 나온다. 2015년에 업그레이드 된 자바스크립트는 ES6이라고 불리며 ES2015라고도 한다. 2016년에 나온 자바스크립트는 ES7(ES2016), 2017년에 나온 자바스크립트는 ES8(ES2017), 2018년은 ES9(ES2018), 2019년은 ES10(ES2019).. 템플릿 리터럴은 이중 ES6에 새롭게 도입된 문법이다. 문자열을 조합할 때 기존에는 + 연산자를 이용해 조합했던 것을 템플릿 리터럴 도입 이후에는 ` ${} ` 을 이용해서 사용할 수 있다. 사용 방법은 간단하다. const name = 'world'; console.log('Hello ' + name ); 기존에는 + 연산..