[기술 정리] 8. 템플릿 리터럴 (Template Literals)

KangHo Lee's avatar
Nov 24, 2024
[기술 정리] 8. 템플릿 리터럴 (Template Literals)
💡
자바스크립트 코드에서 백틱(backtick, ``) 문자는 템플릿 리터럴을 정의할 때 사용됩니다.

주요 기능

  1. 여러 줄 문자열:
      • 템플릿 리터럴을 사용하면 여러 줄에 걸친 문자열을 쉽게 작성할 수 있습니다.
      • 예시: 백틱을 사용하여 여러 줄에 걸쳐 HTML 코드를 작성할 수 있습니다.
  1. 표현식 삽입(Interpolation):
      • 템플릿 리터럴 내에서 ${expression} 구문을 사용하여 자바스크립트 표현식을 문자열에 삽입할 수 있습니다.
      • 예시: 변수를 템플릿 리터럴 내에 삽입하여 문자열을 동적으로 생성할 수 있습니다.

표현식 삽입 예제

let name = "Alice"; let age = 25; let greeting = `Hello, my name is ${name} and I am ${age} years old.`; console.log(greeting); // 출력: Hello, my name is Alice and I am 25 years old.
 
Share article

devleekangho