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개의 댓글