Share
Sign In
Ch5. Templete Literal - JavaScript
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.
줄 바꿈 : /n
일반적인 방법에서 줄 바꿈 방법이다.
Templete Literal
Literal
우선 Literal에 대해서 알아보자.
var a = 1 이때 숫자 1은 숫자를 데이터를 표현하는 리터럴 이다.
var a = '1' 문자 1은 테이터 타입을 표현하는 리터럴이다.
따라서 리터럴은 정보를 표현하는 방법, 정보를 표현하는 기호로 보면 된다.
Grave accent
물결 밑 ` (Grave accent) 기호는 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있고, 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다.
템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.
플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜 주고, 템플릿 리터럴 앞에 어떠한 표현식이 있다면(여기에서는 태그), 템플릿 리터럴은 "태그가 지정된 템플릿"이라고 불리게 된다. 이 때, 태그 표현식 (주로 함수)이 처리된 템플릿 리터럴과 함께 호출되면, 출력하기 전에 조작할 수 있다.