Emmet: ๋ถ€์šธ ์†์„ฑ ํ—ˆ์šฉ

์— ๋งŒ๋“  2013๋…„ 02์›” 03์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: emmetio/emmet

emmet์„ ์ดํ•ดํ•˜๋Š” ํŽธ์ง‘๊ธฐ์— ๋‹ค์Œ ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ๋•Œ:

div.fragment>pre>code.javascript[์ฝ˜ํ…์ธ  ํŽธ์ง‘ ๊ฐ€๋Šฅ]
๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ™•์žฅ๋ฉ๋‹ˆ๋‹ค.

<div class="fragment">
    <pre><code class="javascript" contenteditable=""></code></pre>
</div>

๋ถ€์šธ ์†์„ฑ์— ๋”ฐ์˜ดํ‘œ๊ฐ€ ์—†์–ด์•ผ ํ•œ๋‹ค๋Š” ์ ์„ ์ œ์™ธํ•˜๋ฉด ๊ฑฐ์˜ ์™„๋ฒฝํ•ฉ๋‹ˆ๋‹ค. ๊ฐ’์ด ์—†๋Š” ๋ถ€์šธ ์†์„ฑ์ด ์žˆ๋Š” ๋…ธ๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋„๋ก ์œ„์˜ ๋ช…๋ น๋ฌธ์„ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์ง€๊ธˆ์€ ="" ๊ธฐํ˜ธ๋ฅผ ์ˆ˜๋™์œผ๋กœ ์‚ญ์ œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”

<div class="fragment">
    <pre><code class="javascript" contenteditable></code></pre>
</div>
Enhancement

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

์—„์ฒญ๋‚œ. ์ด๊ฒƒ์€ ์น˜ํŠธ์‹œํŠธ ๋‚˜ ๊ณต์‹ ๊ฐ€์ด๋“œ์— ํฌํ•จ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด์ œ AngularJS/ReactJS์˜ ์„ธ๊ณ„์—์„œ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

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

+1

๊ฐ’์ด ์—†๋Š” ์†์„ฑ์ธ ์ง€์‹œ๋ฌธ์ด ๋งŽ์€ AngularJS์šฉ์œผ๋กœ ๊ฐœ๋ฐœํ•  ๋•Œ ์ด๊ฒƒ์ด ํŠนํžˆ ์„ฑ๊ฐ€์‹  ์ผ์ž„์„ ์•Œ์•˜์Šต๋‹ˆ๋‹ค.

์˜ˆ, ๋ถ€ํƒํ•ฉ๋‹ˆ๋‹ค.

์—„์ฒญ๋‚œ. ์ด๊ฒƒ์€ ์น˜ํŠธ์‹œํŠธ ๋‚˜ ๊ณต์‹ ๊ฐ€์ด๋“œ์— ํฌํ•จ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด์ œ AngularJS/ReactJS์˜ ์„ธ๊ณ„์—์„œ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

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