1. 템플릿 리터럴
• 기존의 문자열은 따옴표를 이용해 표현했지만, 템플릿 리터럴은 백틱을 이용해 표현한다.
• 템플릿 리터럴은 표현식을 내장할 수 있는 문자열 표현법이다. 이는 문자열의 내용에 데이터를 삽입한다는
것을 의미한다. 템플릿 리터럴로 표현한 문자열 내부에 플레이스홀더 ${}를 기입하고, 그 안에 데이터를
기입하면 데이터는 문자열의 멤버가 된다.
ex) // 따옴표를 이용한 기존의 문자열
const str1 = '작은 따옴표';
const str2 = "큰 따옴표";
// 백틱을 이용한 템플릿 리터럴
const str3 = `이게 백팁입니다`
// ${} (플레이스홀더) 사용한 템플릿 리터럴
const data1 = '데이터'
const str4 = `문자열 중간에 ${data1} 삽입하기
const str5 = `그렇다면 이건 될까? ${prompt('그렇다면 이건 될까?')}`
2. 실습
1) html 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, inital-scale=1">
<title>자바스크립트 실습해보자</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>2) js 코드
let player = prompt('좋아하는 축구선수는?');
let number = prompt('그의 등번호는?');
console.log(`제가 좋아하는 축구선수는 ${player}, 그의 등번호는 ${number}`);3) 결과
블로그 이전했습니다 -> https://young-code.tistory.com