Handlebars.js: ํ•ธ๋“ค๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ html ํ…œํ”Œ๋ฆฟ์„ ์ปดํŒŒ์ผํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

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

html ๊ตฌ๋ฌธ ๋ฐ ํ•ธ๋“ค๋ฐ” vars/functions๊ฐ€ ์žˆ๋Š” ์ •์  ํŒŒ์ผ์„ ๊ฐ–๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.
์ •์  html ํŒŒ์ผ๋กœ ๋ Œ๋”๋งํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

pug๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ†ตํ•ฉ ๋ช…๋ น์ค„ ๋„๊ตฌ๊ฐ€ .pug ํ…œํ”Œ๋ฆฟ์„ ๊ฐ€์ ธ์™€ html๋กœ ๋ Œ๋”๋งํ•˜์—ฌ ์‰ฝ๊ฒŒ ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ผ๋ฐ˜ html ๊ตฌ๋ฌธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•˜๋ฏ€๋กœ ํ•ธ๋“ค๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ cli๋Š” ์ถœ๋ ฅ ํŒŒ์ผ์— ํ•จ์ˆ˜๋ฅผ ์ถœ๋ ฅํ•ฉ๋‹ˆ๋‹ค.

handlebars inputfile.hbs outputfile.html ์™€ ๊ฐ™์€ ๊ฒƒ์„ ์–ด๋–ป๊ฒŒ ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?
๋” ์ด์ƒ js์— ์˜์กดํ•˜์ง€ ์•Š๋Š” html ํŒŒ์ผ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๊นŒ?(๋ฉ”์ผ ํ…œํ”Œ๋ฆฟ์— ์‚ฌ์šฉํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?)

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

์•ˆ๋…•ํ•˜์„ธ์š” @heyitsreach , https://github.com/debrouwere/render ๊ฐ€ ์ €๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค.

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

์ด ํ”„๋กœ์ ํŠธ ๋Š” ๋‚ด๊ฐ€ ์‹œ๋„ํ•œ ์ ์ด ์—†์ง€๋งŒ ์œ ๋งํ•ด ๋ณด์ž…๋‹ˆ๋‹ค.
๋น„์Šทํ•œ ๋ชฉ์ ์œผ๋กœ ๋ถ€ํŠธํ”„๋ฆฐํŠธ ๋ฅผ ๋งŒ๋“ค์—ˆ์ง€๋งŒ ํ•„์š”ํ•œ ๊ฒƒ๋ณด๋‹ค ๋งŽ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@janus-reith ์•ˆ๋…•ํ•˜์„ธ์š” Janus, ๋ช‡ ๊ฐ€์ง€ ์•„์ด๋””์–ด๋ฅผ ์ฐพ๋Š” ๋™์•ˆ ์ด๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ๋‹น์‹ ๊ณผ ๋˜‘๊ฐ™์ด ํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ์–ด๋–ค ์„ฑ๊ณต์„ ํ–ˆ์Šต๋‹ˆ๊นŒ?
์ƒˆ .html ํŽ˜์ด์ง€๋กœ ์ด๋ฆ„์„ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์„ ํฌํ•จํ•˜์—ฌ ํ•ธ๋“ค๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘ธ์‹œํ•˜๊ณ  ์‹ถ์€ HTML ํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” @heyitsreach , https://github.com/debrouwere/render ๊ฐ€ ์ €๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค.

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