[JavaScript] ES6의 문자열 표기법 : 가독성과 효율성을 높이는 '템플릿 리터럴' 활용

 

자바스크립트 템플릿 리터럴은 ES6 (ECMAScript 2015)에서 도입된 문자열 표기법으로, 

기존의 문자열 표기 방식인 따옴표(')나 쌍따옴표(") 대신 백틱( )을 사용하여 문자열을 생성하는 방법입니다. 

템플릿 리터럴은 여러 줄로 이루어진 문자열과 문자열 안에 변수나 표현식을 간단하게 삽입할 수 있는 기능을 제공합니다.

템플릿 리터럴은 다음과 같은 특징을 가지고 있습니다:

1. 백틱( ) 사용 - 템플릿 리터럴은 백틱으로 문자열을 감싸서 생성합니다.
2. 여러 줄 문자열 - 템플릿 리터럴은 여러 줄로 이루어진 문자열을 쉽게 표현할 수 있습니다.
3. 변수 및 표현식 삽입 - ${}를 사용하여 변수나 표현식을 문자열 안에 삽입할 수 있습니다.

1. 기본 사용법

const name = "Alice";
const greeting = `Hello, ${name}!`;
console.log(greeting); // "Hello, Alice!"

 

2. 여러 줄 문자열

const multiLine = `
  This is a
  multi-line
  string.
`;
console.log(multiLine);
/*
Output:
  This is a
  multi-line
  string.
*/

 

3. 표현식 삽입

const x = 10;
const y = 5;
const result = `${x} + ${y} = ${x + y}`;
console.log(result); // "10 + 5 = 15"

 

4. 함수와 함께 사용

function greet(name) {
  return `Hello, ${name}!`;
}

const userName = "Bob";
console.log(greet(userName)); // "Hello, Bob!"

 

템플릿 리터럴을 사용하면 문자열을 보다 간편하게 생성할 수 있으며, 

코드의 가독성을 높이고 변수 또는 표현식의 삽입이 용이해집니다.