[JS] Template Literals

장여진·2022년 3월 15일
0

Javascript

목록 보기
2/3

Template Literals이란?👀

작은 따옴표("")대신 백틱(`)을 이용하는 것

1.줄바꿈

일반적으로 문자열에서 줄바꿈은 허용되지 않아서 공백을 표현하기 위해 백슬래시()를 사용했지만 템플릿 리터럴내에서는 여러 줄에 걸쳐 문자열을 작성할 수 있으며 모든 공백이 기입한 그대로 적용됨

<기존 방법>

let sentence = "하나\n" + "둘\n"+ "셋\n"

<Template Literals 적용>

let sentence = `하나
둘
셋`

//하나
  둘
  셋

2.문자열 출력

<기존 방법>

let name = "철수"
let age = 13
console.log("제 이름은 "+ name + "이고, 나이는"+ age + "입니다.")
//제 이름은 철수이고, 나이는 13살입니다.

<Template Literals 사용>

let name = "철수"
let age = 13
console.log(`제 이름은 ${name} 이고, 나이는 ${age} 입니다.`)

${변수이름}으로 문자열 내에서 변수를 사용할 수 있음


공부하며 작성하고 있는 블로그입니다.
잘못된 내용이 있을 수 있으며 혹시 있다면 댓글 달아주시면 감사하겠습니다 😊

0개의 댓글