Javascript 템플릿 리터럴(Template literal)

JavaScript

ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였습니다. 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용합니다. 템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공합니다. 이를 문자열 인터폴레이션(String Interpolation)이라 합니다. 문자열 인터폴레이션은 ${}으로 표현식을 감싸 사용합니다.

  • Template Literal 적용전

    function printStr(str) {
        console.log('String is ' + str + ' !')
    }
    
  • Template Literal 적용

    function printStr(str) {
        console.log(`String is ${str} !`)
    }
    
다음 글: Javascript 직렬화(serialization) 이전 글: Javascript 함수 선언 방법과 호이스팅

See Also