1. js의 문자열
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let data1 = "문자열";
let data2 = '문자열';
let data3 = `문자열`;
console.log(typeof(data1)); // string
console.log(typeof(data2)); // string
console.log(typeof(data3)); // string
</script>
</body>
</html>" ",' ', `을 사용하면 이를 모두 문자열로 인식한다.
2. ` 백틱 - 템플릿 리터럴
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let data1 = "문자열";
let data2 = '문자열';
let data3 = `문자
열`;
let data4 = `문-${data1}-자열`;
console.log(typeof(data1));
console.log(typeof(data2));
console.log(typeof(data3));
</script>
</body>
</html>- 백틱을 사용해서 문자열을 표현할 경우 + 연산자 없이 엔터를 쳐도 그냥 다 문자열로 인식한다.
- 즉 "", ''로 만든 문자열은 문자열 내부에 + 연산자 없이 다양하게 표현이 불가하다.
- 템플릿 리터럴을 사용할 경우라면 문자열 내부에 다양한 변수 사용 및 여백 표현이 자유롭게 가능하다.
즐겁고 괴로운 개발😎