javascript_템플릿 리터럴

템플릿 리터럴

• 문자열을 표현하는 또 다른 방법
• 따옴표를 이용해 표현하는 방법에 비하여 늦게 추가된 문법
• 백틱(`)을 이용

백틱을 이용한 템플릿 리터럴
const str = `백틱을 이용`

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

const data = "데이터"
const str = `문자열 중간 ${data} 삽입`
console.log(str)

결과 => 문자열 중간 데이터 삽입

• 프롬프트도 삽입 가능

const str = `프롬프트 삽입: ${prompt('해봅시다')}`
console.log(str)

템플릿 리터럴에 프롬프트 삽입

<script>
	const modifier = "귀여운"
    const prettyPet = `&{modifier} ${prompt("좋아하는 동물은?")}`
    console.log(prettyPet)
<script>