Handlebars.js: ์ŠคํŠธ๋ฆผ ์ง€์›?

์— ๋งŒ๋“  2015๋…„ 12์›” 12์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: handlebars-lang/handlebars.js

์ฒญํฌ๋ฅผ ๊ตฌ๋ฌธ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๋‹ค๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ŠคํŠธ๋ฆฌ๋ฐ์ด ํด๋ผ์ด์–ธํŠธ ๋ฐ ์„œ๋น„์Šค ์ž‘์—…์ž์—๊ฒŒ ์ œ๊ณต๋˜๋ฉด ๋‹ค์‹œ ๋ฐฉ๋ฌธํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? https://jakearchibald.com/2016/streams-ftw/#creating -one-stream-from-multiple-sources-to-supercharge-page-render-times

๋˜ํ•œ Dustjs๋Š” https://wiki-offline.jakearchibald.com/ (์„ค๋ช… https://www.youtube.com/watch?v=d5_6yHixpsQ&feature=youtu.be&t=4m22s)์„ ๊ตฌ์ถ•ํ•  ๋•Œ ์ •๋ง ์œ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๋ฐ์ดํ„ฐ๊ฐ€ ๋” ๋Š๋ฆฌ๊ฒŒ ๋„์ฐฉํ–ˆ๊ณ  ๋น ๋ฅธ ์ฒซ ๋ฒˆ์งธ ๋ Œ๋”๋ง์„ ์›ํ–ˆ์Šต๋‹ˆ๋‹ค.

Dustjs๋Š” ์•ฝ์†๊ณผ ์ŠคํŠธ๋ฆผ์„ ํ…œํ”Œ๋ฆฟ ๊ฐ’์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ Dustjs์˜ ๊ตฌ๋ฌธ์— ๋Œ€ํ•ด์„œ๋Š” ํ•  ๋ง์ด ์—†์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  7 ๋Œ“๊ธ€

์ด๊ฒƒ์ด ๋ฌด์—‡์„ ์ˆ˜๋ฐ˜ํ•˜๋Š”์ง€ ๋˜๋Š” ์–ด๋–ค ์ด์ ์ด ์žˆ๋Š”์ง€๋Š” ์ •ํ™•ํžˆ ๋ช…ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ ์‚ฌ๋ก€๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

ํŒŒ์ผ/http ์ŠคํŠธ๋ฆผ ์ž…๋ ฅ์„ ํ†ตํ•œ ๋” ๋น ๋ฅธ ๊ตฌ๋ฌธ ๋ถ„์„. ์‚ฌ์šฉ ์‚ฌ๋ก€๋Š” ๋นŒ๋“œ ์Šคํฌ๋ฆฝํŠธ ๋ฐ/๋˜๋Š” gulp์™€์˜ ํ˜ธํ™˜์„ฑ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ…œํ”Œ๋ฆฟ์„ ์ฝ๋Š” ๊ฒƒ์€ ์ปดํŒŒ์ผ ํŒŒ์ดํ”„๋ผ์ธ์˜ ๋Š๋ฆฐ ๋ถ€๋ถ„์ด ์•„๋‹ˆ๋ผ ์‹ค์ œ ๊ตฌ๋ฌธ ๋ถ„์„์ž…๋‹ˆ๋‹ค. IO ๋Œ€๊ธฐ ์‹œ๊ฐ„์ด๋‚˜ ๊ตฌ๋ฌธ ๋ถ„์„ ์ „์— ํ…œํ”Œ๋ฆฟ์„ ๋ฉ”๋ชจ๋ฆฌ์— ๋กœ๋“œํ•˜๋Š” ๋น„์šฉ์— ๋Œ€ํ•ด ์šฐ๋ คํ•  ๋งŒํผ ์ถฉ๋ถ„ํžˆ ํฐ ํ…œํ”Œ๋ฆฟ์„ ์‚ฝ์ž…ํ•˜๋Š” ๊ฒฝ์šฐ , ํ…œํ”Œ๋ฆฟ์— ํ•˜๋“œ ์ฝ”๋”ฉ๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์€์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ๊ณผ ์šฐ๋ฆฌ์˜ ํŒŒ์„œ ์ƒ์„ฑ๊ธฐ ๋Š” ์ŠคํŠธ๋ฆผ ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ์—ฌ๊ธฐ์—์„œ ๋น„์šฉ/ํŽธ์ต์€ ๋‚ด ๋จธ๋ฆฌ์—์„œ ์‹ค์ œ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ŠคํŠธ๋ฆผ์„ ์‚ฌ์šฉํ•˜๋ฉด ํ…œํ”Œ๋ฆฟ ๋ฌธ์ž์—ด์ด ๋ฉ”๋ชจ๋ฆฌ์—์„œ ๋๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์ ์€ ๋ฉ”๋ชจ๋ฆฌ ์†Œ๋น„ ๋ฐ ๊ฐ€๋น„์ง€ ์ˆ˜์ง‘์œผ๋กœ ๋™์‹œ์— ๋งŽ์€ ํ…œํ”Œ๋ฆฟ์„ ๊ตฌ๋ฌธ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฉ”๊ฐ€ ๋ฐ”์ดํŠธ๋ฅผ ํ‘ธ์‹œํ•˜๋Š” ๊ฒฝ์šฐ ๊ธฐ๊ปํ•ด์•ผ ๋ฏธ์„ธ ์ตœ์ ํ™”์ž…๋‹ˆ๋‹ค.
ํ…œํ”Œ๋ฆฟ์„ ํŒŒ์„œ์— ๋„ฃ์œผ๋ฉด CPU์—์„œ ๋” ๋งŽ์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
ํŒŒ์„œ ์ž์ฒด์— ๋ฐ”์ธ๋”ฉ๋ฉ๋‹ˆ๋‹ค.

์ง€์—ญ ์‚ฌํšŒ์˜ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์กฐ์‚ฌ๋ฅผ ํ•ด์•ผ ํ•œ๋‹ค๋ฉด ๋‹ค์Œ์„ ๊ณ ๋ คํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๊ฒƒ์„ ๋ฐ›์•„๋“ค์ด๋Š” ๊ฒƒ์ด์ง€๋งŒ, ๋‚˜๋Š” ๊ทธ๊ฒƒ์ด ๊ธฐ๋ณธ์ ์œผ๋กœ
ํŒŒ์„œ.

2015๋…„ 12์›” 11์ผ ๊ธˆ์š”์ผ ์˜คํ›„ 9์‹œ 23๋ถ„ Steven Vachon [email protected]
์ผ๋‹ค:

์ŠคํŠธ๋ฆผ์„ ์‚ฌ์šฉํ•˜๋ฉด ์ ์€ ์ˆ˜๋กœ ๋งŽ์€ ํ…œํ”Œ๋ฆฟ์„ ๋™์‹œ์— ๊ตฌ๋ฌธ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋ฉ”๋ชจ๋ฆฌ ์†Œ๋น„ ๋ฐ ๊ฐ€๋น„์ง€ ์ˆ˜์ง‘.

โ€”
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ฑฐ๋‚˜ GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/wycats/handlebars.js/issues/1150#issuecomment -164105284
.

์ŠคํŠธ๋ฆฌ๋ฐ์ด ํด๋ผ์ด์–ธํŠธ ๋ฐ ์„œ๋น„์Šค ์ž‘์—…์ž์—๊ฒŒ ์ œ๊ณต๋˜๋ฉด ๋‹ค์‹œ ๋ฐฉ๋ฌธํ•  ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? https://jakearchibald.com/2016/streams-ftw/#creating -one-stream-from-multiple-sources-to-supercharge-page-render-times

๋˜ํ•œ Dustjs๋Š” https://wiki-offline.jakearchibald.com/ (์„ค๋ช… https://www.youtube.com/watch?v=d5_6yHixpsQ&feature=youtu.be&t=4m22s)์„ ๊ตฌ์ถ•ํ•  ๋•Œ ์ •๋ง ์œ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๋ฐ์ดํ„ฐ๊ฐ€ ๋” ๋Š๋ฆฌ๊ฒŒ ๋„์ฐฉํ–ˆ๊ณ  ๋น ๋ฅธ ์ฒซ ๋ฒˆ์งธ ๋ Œ๋”๋ง์„ ์›ํ–ˆ์Šต๋‹ˆ๋‹ค.

Dustjs๋Š” ์•ฝ์†๊ณผ ์ŠคํŠธ๋ฆผ์„ ํ…œํ”Œ๋ฆฟ ๊ฐ’์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ Dustjs์˜ ๊ตฌ๋ฌธ์— ๋Œ€ํ•ด์„œ๋Š” ํ•  ๋ง์ด ์—†์Šต๋‹ˆ๋‹ค.

๋ชฉ๋ก์— ์ถ”๊ฐ€ํ•  ๋ฆฌ์†Œ์Šค๊ฐ€ ํ•˜๋‚˜ ๋” ์žˆ์Šต๋‹ˆ๋‹ค. https://jakearchibald.com/2016/streaming-template-literals/ (์ด ๋ฌธ์ œ๋กœ ์—ฐ๊ฒฐ๋จ)

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰