Template Literal

Dalaran·2022년 1월 12일
0

React & JavaScript

목록 보기
3/15
post-thumbnail

⚙︎ Template Literal

  템플릿 리터럴은 ES6부터 도입된 문자열 표기법이다. 기존에 사용하던 ' ' 대신 백틱을 사용한다. 이러한 템플릿 리터럴에는 여러 기능이 있다.

1.줄바꿈

  기존 문자열은 enter가 출력되지 않기때문에 줄바꿈을 위해서 \n 을 사용해야 했다. 하지만 백틱으로 템플릿 리터럴을 사용하면 줄바꿈을 enter 로 표현할 수 있다.

let template = `This is
		template!!
		power!!!!!`

2. 표현식 사용

  사실 개인적으로는 이 기능이 템플릿 리터럴의 꽃이라 생각한다. 백틱안에 ${ }을 사용함으로 서 변수를 사용하거나 연산을 할 수 있다. 이는 기존 + 연산자로 이어 붙이던 번거러움을 없애준다.

let name = "dalaran", point = 5, add = 10
console.log(name + "의 점수는" + (point + add) + "입니다.")

console.log(`${name}의 점수는 ${point + add} 입니다.`)

0개의 댓글