JavaScript:
문자열 보간하기

How to: (어떻게:)

// 변수를 사용한 보간법 (String Interpolation)
let name = "지수";
let greeting = `안녕, ${name}!`;
console.log(greeting); // 출력: 안녕, 지수!

// 표현식을 사용한 보간법
let price = 19000;
let taxRate = 0.1;
let total = `총 금액은 ${price + (price * taxRate)}원 입니다.`;
console.log(total); // 출력: 총 금액은 20900원 입니다.

Deep Dive (심층 분석)

String interpolation은 ES6부터 시작된 자바스크립트의 기능입니다. 이전에는 문자열 연결을 위해 ‘+’ 연산자를 사용했었죠. 예를 들어:

// ES5 이전의 문자열 연결 방법
var oldGreeting = "안녕, " + name + "!";
console.log(oldGreeting); // 출력: 안녕, 지수!

이 방법은 길고 가독성이 떨어집니다. String interpolation은 템플릿 리터럴이라 불리는 안에 ${}를 사용하여 변수나 표현식을 쉽게 삽입할 수 있게 해줍니다. 이는 코드의 간결함을 증진시키고, 실수를 줄여줍니다.

또 하나의 대안은 문자열 포맷팅 함수를 사용하는 것인데, 이는 더 복잡하거나 특정 형식을 요구할 때 적합합니다.

See Also (관련 자료)