๐Ÿ’ก 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