es6 썸네일형 리스트형 [javascript] ES6 - 화살표 함수(Arrow function) INTRO 개발을 진행하면서, 모호했던 javascript의 개념들을 다시 한번 정리하기 위한 포스팅이다. ES6(2015)의 기능인 화살표 함수에 대해서 알아본다. 0. 서론 - 화살표함수는 간단히 얘기해서, - 함수를 선언하는 방식을 보다 가독성 좋게 표현해주는 문법이다. - 아래의 예시를 보자. 명확한 차이를 알 수 있다. // 기존 함수 선언시 const normal = function(x) { return x + x; } // 화살표 함수 선언시 const arrow = (x) => { return x + x; }; - 아래는 특징을 알아본다. 1. 익명 함수로만 사용 가능 - 화살표 함수는 익명함수로만 사용 가능해서, 익명함수의 특성을 따른다. - 익명함수의 특징은 추후 포스팅에서 다룰 예정이.. 더보기 [javascript] ES6 - 템플릿 리터럴(template literals) INTRO Frontend 개발을 진행하면서, 모호했던 javascript의 개념들을 다시 한번 정리하기 위한 포스팅이다. ES6(2015) 에서 추가된 템플릿 리터럴에 대해서 알아본다. 0. 서론 - 기존 자바스크립트에서 문자열을 사용할 때, " " 또는 ' ' (큰따옴표, 작은따옴표) 를 사용하여 선언하였다. - 템플릿 리터럴은 `` (백틱) 문자를 사용하여 문자열을 선언하며, 아래와 같은 기능들을 포함한다. 1. 여러 줄 문자열을 쉽게 표현(multi-line string) 2. 표현식을 끼워넣어 가독성 증가(expression interpolation) 3. 태그를 지정하여 태그된 함수를 사용할 수 있다.(tagged template literal) - 아래는 간단한 템플릿 리터럴의 예이다 con.. 더보기 이전 1 다음
