Template Literals

정희준·2023년 3월 17일
0
post-thumbnail

Template Literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다.
여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다.
이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔습니다.
ES6의 기능중 하나이며 아주 간편하고 유용한 기능이다

템플릿 리터럴은 문자열을 연결하기 위해 + 연산자를 사용할 필요가 없고
백틱(`)을 사용하여 문자열 내에서 변수를 사용할 수도 있다.

// 적용 전
function template_literals(str1,str2) {
  return '템플릿 ' + str1 + ' 이렇게' + str2;
}

// 적용 후
function template_literals(str1,str2) {
  return `템플릿 ${str1} 이렇게 ${str2}`
}

console.log(template_literals('리터럴','사용해'))	// '템플릿 리터럴 이렇게 사용해'

문자열 내에 줄바꿈 기능도 \n을 사용할 필요 없이
자동으로 인식 된다!

profile
같이 일하고 싶은 사람이 되어보자! 다시 시작하는 개발 블로그.

0개의 댓글

Powered by GraphCDN, the GraphQL CDN