πŸ’‘ Template Literals

- ν…œν”Œλ¦Ώ λ¦¬ν„°λŸ΄μ€ λ‚΄μž₯된 ν‘œν˜„μ‹μ„ ν—ˆμš©ν•˜λŠ” λ¬Έμžμ—΄ λ¦¬ν„°λŸ΄μž…λ‹ˆλ‹€.

- μ—¬κΈ°μ„œ λ¦¬ν„°λŸ΄(Literal)은 λ³€ν•˜μ§€ μ•ŠλŠ” 데이터λ₯Ό μ˜λ―Έν•œλ‹€.

- 고둜 ν…œν”Œλ¦Ώ λ¦¬ν„°λŸ΄μ€ ν‘œν˜„μ‹μ„ 가지고 μžˆλŠ” λ¬Έμžμ—΄ λ¦¬ν„°λŸ΄μ΄λΌλŠ” 것이닀.

- ν…œν”Œλ¦Ώ λ¦¬ν„°λŸ΄μ€ λ°±ν‹±(`` , 숫자 1 μ˜†μ— μžˆλ‹€)(grave accent)κ³Ό ${expression}으둜 κ΅¬μ„±λœλ‹€. 

 

[νŠΉμ§•]

- 항상 λ¬Έμžμ—΄μ„ μ‚¬μš©ν•˜μ—¬ μ€„λ°”κΏˆ ν•  λ•Œ \n을 μ‚¬μš©ν–ˆμ§€λ§Œ ν…œν”Œλ¦Ώ λ¦¬ν„°λŸ΄μ€ κ·Έλƒ₯ μ—”ν„°λ₯Ό μ‚¬μš©ν•˜μ—¬ 띄어주면 λœλ‹€.

- λ°±ν‹±(``)을 μ‚¬μš©ν•˜κΈ° λ•Œλ¬Έμ— μž‘μŒλ”°μ˜΄ν‘œ(''), ν°λ”°μ˜΄ν‘œ("")λ₯Ό μ΄μŠ€μΌ€μ΄μŠ€λ¬Έ 없이 μ‚¬μš©ν• μˆ˜ μžˆλ‹€. 

πŸ’‘ μ˜ˆμ‹œ

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."

 

 

 

 

 

μ°Έκ³ )

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

 

Template literals - JavaScript | MDN

ν…œν”Œλ¦Ώ λ¦¬ν„°λŸ΄μ€ λ‚΄μž₯된 ν‘œν˜„μ‹μ„ ν—ˆμš©ν•˜λŠ” λ¬Έμžμ—΄ λ¦¬ν„°λŸ΄μž…λ‹ˆλ‹€. μ—¬λŸ¬ μ€„λ‘œ 이뀄진 λ¬Έμžμ—΄κ³Ό 문자 보간기λŠ₯을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 이전 λ²„μ „μ˜ ES2015사양 λͺ…μ„Έμ—μ„œλŠ” "template strings" (ν…œν”Œλ¦Ώ λ¬Έ

developer.mozilla.org

 

 

+ Recent posts