> For the complete documentation index, see [llms.txt](https://yamoo9.gitbook.io/typescript/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yamoo9.gitbook.io/typescript/ts-vs-es6/template-literals.md).

# 템플릿 리터럴

ES6부터 **템플릿 리터럴**을 활용해 보다 손쉽게 **템플릿 구문을 처리(문자열 접합)**할 수 있습니다. TypeScript에서도 템플릿 리터럴을 사용해 템플릿 구문을 손쉽게 사용할 수 있습니다.

**작성 코드:**

{% code title="TypeScript" %}

```typescript
let nickname = 'yamoo9';

let greeting_message = `
  <p>
    안녕하세요 <strong>${nickname}</strong>님.
    가입을 환영합니다. :-)
  </p>
`;
```

{% endcode %}

**컴파일 코드:**

{% code title="JavaScript" %}

```javascript
var nickname = 'yamoo9';

var greeting_message = "\n  <p>\n    \uC548\uB155\uD558\uC138\uC694 <strong>" + nickname + "</strong>\uB2D8.\n    \uAC00\uC785\uC744 \uD658\uC601\uD569\uB2C8\uB2E4. :-)\n  </p>\n";
```

{% endcode %}

{% embed url="<https://slides.com/yamoo9/es6#/1>" %}