본문 바로가기

템플릿 리터럴(Template literal) - 자바스크립트

D-caffein 2023. 3. 9.
반응형

템플릿 리터럴(Template literal)은 문자열 내에 변수나 표현식을 삽입할 수 있는 기능입니다. 

일반적인 문자열 리터럴과는 다르게 백틱(`)으로 감싸서 사용합니다.
템플릿 리터럴은 변수나 표현식을 삽입할 때 ${} 문법을 사용합니다.

const message = 'Hello';
const count = 10;
console.log(`${message} World! The count is ${count}.`);

위의 코드에서 message 변수와 count 변수를 템플릿 리터럴로 사용하고 있습니다.
코드를 실행하면 "Hello World! The count is 10." 이라는 문자열이 출력됩니다. 
${} 안에는 자바스크립트 표현식을 사용할 수 있습니다. 
그렇기 때문에 템플릿 리터럴을 사용하면 문자열 내에서 변수나 표현식의 값을 동적으로 삽입할 수 있습니다.

템플릿 리터럴은 여러 줄의 문자열을 간편하게 표현할 수 있는 기능도 제공합니다. 
아래 코드에서는 백틱 안에서 여러 줄의 문자열을 사용하고 있습니다.

const multilineString = `첫 번째 줄
두 번째 줄
세 번째 줄`;
console.log(multilineString);

템플릿 리터럴

코드를 실행하면 세 줄에 걸쳐 "첫 번째 줄", "두 번째 줄", "세 번째 줄" 이라는 문자열이 출력됩니다. 
이처럼 템플릿 리터럴은 문자열 처리를 간편하게 해주는 기능입니다.

반응형

댓글