본문 바로가기
반응형

ES613

[JavaScript] 템플릿 리터럴(Template Literal) - 백틱(back-tick) ` ES6에서 도입된 템플릿 리터럴(Template Literal)인 문자열 표기법에 대해 알아보자. 템플릿 리터럴은 지금까지 문자열 표현에 흔히 사용해왔던 이중 따음표("") 나 작은 따음표('') 대신 백틱(``)을 사용한다. 템플릿 리터럴을 통해 다양한 기능을 제공하는데, ES5에서의 기존 방식과 백틱을 사용한 비교 예제 코드를 통해 하나씩 알아가보자.1. 백틱(back-tick) 기본 사용법let blog = `mine-it-record`; 우선 기본 사용법에 대해 알아봤는데, 일단 기본적으로 더블쿼터와 싱글쿼터를 이용해 문자열을 선언하는 방식과 동일하다. 2. 줄바꿈 선언 (Multi-line strings)//ES5var str1 = 'string line 1\n' + "string line 2".. 2021. 12. 22.
[JavaScript] 화살표 함수(Arrow function)에 대하여 - 2 (this) [ES6] 화살표 함수(Arrow function)에 대하여 - 1 (표현식))를 사용하여 보다 간략한 방법으로 함수 선언을 도와주는 역할" data-og-host="mine-it-record.tistory.com" data-og-source-url="https://mine-it-record.tistory.com/462" data-og-url="https://mine-it-record.tistory.com/462" data-og-image="https://scrap.kakaocdn.net/dn/sYGSt/hyMJDJHBkz/DCS902mXJo3Zte9PurDnwk/img.png?width=800&height=800&face=0_0_800_800,https://scrap.kakaocdn.net/dn/qH6.. 2021. 12. 18.
[JavaScript] 화살표 함수(Arrow function)에 대하여 - 1 (표현식) 화살표 함수(Arrow function)는 ES6(ECMAScript6)에서 등장한 개념으로 기존에 함수를 선언할 때 사용하던 function 키워드 대신에 화살표(=>)를 사용하여 보다 간략한 방법으로 함수 선언을 도와주는 역할을 한다. 코드를 통해 사용방법에 대해 하나씩 알아가보자.1. 화살표 함수(Arrow function) 기본 문법// es5var plus = function(a, b) { return a + b; }// es6let minus = (a, b) => { return a - b; }; 기본 문법은 본문 첫 문단에서 설명한것처럼 function 키워드 대신 화살표를 사용하여 간략하게 사용하였다.이 방식에는 여러가지 특징들이 존재하는데, 매개변수의 개수와 블럭안의 line 개수.. 2021. 12. 13.
[JavaScript] 변수 let, const 그리고 var 에 대하여 (ft. scope, hoisting) 자바스크립트의 변수 선언 방식 var 와 ES6(ECMAScript6)에서 등장한 let 과 const에 대해 알아보자. 위에서 언급한 세가지의 변수 선언 방식의 차이점에 대해 알기위해서는 변수의 유효범위(scope) 와 호이스팅(hoisting)이라는 녀석들에 대해서도 같이 알아둘 필요가 있다. 그럼 변수선언부터 유효범위 그리고 호이스팅 이라는 녀석까지 하나하나 알아가보도록 하자.1. 변수 선언 방법 (중복 선언, 재할당, 초기화 여부)각 변수(var, let, const) 별로 중복 선언, 재할당, 초기화 여부에 대해 알아보자. 1-1) 중복 선언과 재할당//////// 1. var ////////var jsvar = 'mine';var jsvar = 'it'; // 변수 중복선언 가능jsvar = .. 2021. 12. 9.
반응형
TOP