프론트엔드 센트럴파크 (☞゚ヮ゚)☞

``(백틱)을 사용하는 이유 본문

Javascript

``(백틱)을 사용하는 이유

자라나라나무나무나 2022. 3. 25. 17:03

``(백틱)을  템플릿 리터럴(Template literals)이라고도 부른다.

템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다.
템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다.

템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)(grave accent)로 감싸줍니다.

 

JS

const sample = `
Hello!
    My name
            is
                micky!!`;
                
console.log(sample);

백틱(``)으로 줄바꿈을 쉽게 표현할 수 있다.

 

JS

const name = "메론";
const price = 15000;
const num = 5;
                
console.log(`${name}의 판매금액은 ${price * num}입니다.`);

${ }사이에 변수나 연산 등을 삽입 가능하다.

'Javascript' 카테고리의 다른 글

Math.ceil()  (0) 2022.03.30
Math.floor()  (0) 2022.03.25
setInterval()  (0) 2022.03.24
innerText()과 innerHTML() 차이점  (0) 2022.03.23
innerHTML()  (0) 2022.03.22
Comments