템플릿 리터럴

from chatGPT

템플릿 리터럴(Template Literals)은 JavaScript의 문자열 표기법 중 하나로, 백틱(backtick) 문자( ` )를 사용하여 문자열을 생성하는 방법입니다. 템플릿 리터럴 문법의 주요 특징은 다음과 같습니다:

1. 다중 줄 문자열(Multi-line Strings): 템플릿 리터럴을 사용하면 여러 줄로 이루어진 문자열을 간편하게 생성할 수 있습니다. 일반 문자열에서는 줄 바꿈 문자(\n)를 사용해야 했지만, 템플릿 리터럴에서는 그냥 줄 바꿈을 입력하면 됩니다.

javascriptCopy code

const multiLineString = ` This is a multi-line string. `;

1. 표현식 삽입(Expression Interpolation): ${} 구문을 사용하여 변수나 표현식의 값을 문자열 안에 삽입할 수 있습니다. 이를 통해 동적인 문자열 생성이 가능해집니다.

javascriptCopy code

const name = 'Alice'; const greeting = `Hello, ${name}!`; // "Hello, Alice!"

1. 템플릿 리터럴 태그(Tagged Templates): 템플릿 리터럴에는 함수를 호출하는 것처럼 태그 함수를 적용할 수 있습니다. 이를 통해 문자열을 가공하거나 사용자 정의 문자열 처리를 수행할 수 있습니다.

javascriptCopy code

function customTag(strings, ...values) { // strings 배열에는 템플릿 리터럴 문자열의 일반 문자열 부분이 들어 있고, // values 배열에는 표현식 삽입 부분의 값들이 들어 있습니다. // 이를 활용하여 원하는 문자열 가공을 수행할 수 있습니다. } const result = customTag`The sum of 2 + 2 is ${2 + 2}.`;

템플릿 리터럴은 문자열을 훨씬 가독성 있게 작성할 수 있고, 특히 동적인 문자열 생성 또는 문자열 템플릿에 변수를 삽입할 때 매우 유용합니다. ES6부터 도입되어 널리 사용되고 있으며, JavaScript의 다양한 환경에서 지원되고 있습니다.