JavaScript:
문자열 연결하기
How to: (어떻게 하나요?)
// '+' 연산자 사용
let greeting = "안녕" + ", " + "세계!";
console.log(greeting); // "안녕, 세계!"
// 백틱(`)과 ${}를 사용한 템플릿 리터럴
let planet = "세계";
let helloWorld = `안녕, ${planet}!`;
console.log(helloWorld); // "안녕, 세계!"
Deep Dive (심층 분석)
초창기 자바스크립트에서는 주로 ‘+’ 연산자가 문자열을 합치는 데 사용되었습니다. 하지만 ES6(ES2015)부터는 템플릿 리터럴이라는 깔끔한 방법이 생겼죠. ‘' 문자로 문자열을 감싸고, ${}` 구문으로 변수를 삽입합니다. 문자열 연결을 할 때, ‘+’ 연산자는 메모리와 성능에 영향을 더 미칠 수 있는 반면, 템플릿 리터럴은 내부적으로 최적화가 잘 되어있어 성능상의 이점이 있습니다. 끝으로, 템플릿 리터럴은 멀티 라인 문자열을 만드는 것도 간단하게 해줍니다.