문자열 보간하기

TypeScript:
문자열 보간하기

How to:

(어떻게 사용하는가?)

const name: string = '세계';
const greeting: string = `안녕하세요, ${name}!`;  // '안녕하세요, 세계!' 를 출력합니다.

console.log(greeting);

다중 라인에서도 사용 가능합니다:

const itemCount: number = 5;
const pricePerItem: number = 2000;
const message: string = `총 비용은 ${itemCount * pricePerItem}원 입니다.`;

console.log(message);  // '총 비용은 10000원 입니다.' 를 출력합니다.

Deep Dive

(심층 분석) 문자열 보간은 ES6(ECMAScript 2015)에서 처음 소개되었고, TypeScript에서도 지원합니다. 이전에는 문자열을 연결하기 위해 ‘+’ 연산자를 사용했지만, 보간을 통해 좀 더 깔끔하고 직관적인 코드를 작성할 수 있게 되었습니다.

// ES5 이전의 방식
var oldWay: string = '안녕하세요, ' + name + '!';

(백틱) 과 ${expression} (식을 포함하는 중괄호)을 사용합니다. ${} 안에는 모든 유형의 TypeScript 표현식을 삽입할 수 있습니다.

성능에 큰 차이는 없지만, 보간이 가독성과 유지보수 측면에서 이점을 제공합니다. 보간을 사용하면 템플릿 리터럴 내에서의 복잡한 표현식도 쉽게 처리할 수 있습니다.

TypeScript:문자열 보간하기

How to:

Deep Dive

See Also

TypeScript:
문자열 보간하기