java script 템플릿 리터럴

템플릿 리터럴

문자열을 표현하는 방법 중 또 다른 방법으로 따옴표보다 조금 늦게 추가된 문법이다.
백틱을 이용해 사용하고 백틱은 쉬프트키와 함께 누르면 ~이 된다.

기존 문자열
const str1 = '작은 따옴표'
const str2 = "큰 따옴표"
백틱을 이용한 템플릿 리터널
const str3 = 백틱

템플릿 리터럴을 왜 사용을 하는가?

• 템플릿 리터럴은 반환값이 존재하는 자바스크립트 코드, 즉 표현식을 내장할 수 있는 문자열 표현법이다. 이는 문자열의 내용에 데이터를 삽입한다는 것을 의미하고, 템플릿 리터럴로 표현한 문자열 내부에 플레이스홀더(${})를 기입하고, 그 안에 데이터를 깅입하면 데이터는 문자열의 멤버가 된다. 즉! 문자열에다가 값을 삽입할 수 있게 추가된 문법이다

  ex)
  const data1 = '데이터'
  const str1 = '문자열 중간에 ${data1} 삽입하기'
  console.log(str1)
  ex2)
  const data2 = 100
  const str2 = '숫자도 문자로 녹아든다 : ${data2}!'
  console.log(str2)

  표현식 삽입 방법!

  데이터를 반환하는 메소드 또한 데이터와 같이 취급할 수 있다.

  const str = '이게되나?' ${prompt('되나..?')}'
  console.log(str)