문자열 결합 / 템플릿 문자열

문자열 결합 / 템플릿 문자열

자바스크립트에서 문자열을 이어붙이는 방법은 세가지가 있습니다.
1. "+" 연산자를 사용하기
2. concat()함수를 사용하기
3. join()함수를 사용해서 배열을 문자열로 합치기
이 중 저희는 1번의 내용에 대해 학습하겠습니다.

내장된 표현식을 허용하는 문자열 리터럴({}같은것)입니다. 따옴표 대신 ``(백틱)문자로 문자열을 감싸서 만들고 ${}안에 표현식을 넣습니다.

---

■ 예시1

const str1 = "자바스크립트";
const str2 = "제이쿼리";

console.log(str1 + str2);

결과보기

자바스크립트제이쿼리

■ 예시2

const num1 = 100;
const num2 = 200;

console.log(num1 + num2);

결과보기

300

■ 예시3

const text1 = "모던";
const text2 = "자바스크립트";
const text3 = "핵심";

console.log("나는 " + text1 + "(modern) " + text2 + "(javascript) " + text3 +"을 배우고 싶다.");

결과보기

나는 모던(modern) 자바스크립트(javascript) 핵심을 배우고 싶다.

■ 예시4

const text1 = "모던";
const text2 = "자바스크립트";
const text3 = "핵심";

console.log(`나는 ${text1}(modern) ${text2}(javascript) ${text3}을 배우고 싶다.`);

결과보기

나는 모던(modern) 자바스크립트(javascript) 핵심을 배우고 싶다.