Js-beautify: ๋นˆ ์ค„์„ ์ œ๊ฑฐํ•˜๋Š” ์˜ต์…˜ ์ถ”๊ฐ€

์— ๋งŒ๋“  2013๋…„ 07์›” 12์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: beautify-web/js-beautify

JS Beautify์— ๋นˆ ์ค„์„ ์ œ๊ฑฐํ•˜๋Š” ์˜ต์…˜์ด ์žˆ์œผ๋ฉด ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

Includes, partials ๋ฐ ๊ธฐํƒ€ ์„œ๋ฒ„ ์ธก ์ฝ”๋“œ๋Š” HTML์—์„œ ๋นˆ ์ค„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋นˆ ์ค„์ด ์—†์œผ๋ฉด HTML์ด ๋” ์•„๋ฆ„๋‹ต์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๋ฒ„์ „ 1.3.1์˜ ๋™์ž‘ ์ด์—ˆ์ง€๋งŒ https://github.com/einars/js-beautify/issues/285 ์—์„œ ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค

์ž…๋ ฅ:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Demo</title>
</head>
<body>
    <p>P1</p>

    <p>P2</p>

</body>
</html>

_ (์ฐธ๊ณ  : P1 ๋’ค์˜ ์ค„์—๋Š” ๊ณต๋ฐฑ๊ณผ ํƒญ์ด ํฌํ•จ๋˜์–ด์•ผํ•˜์ง€๋งŒ GitHub Flavored Markdown์—์„œ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.์ด ์ค„์€ ์—ฌ์ „ํžˆ โ€‹โ€‹JS Beautify์— ์˜ํ•ด ์ œ๊ฑฐ๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.) _

๊ตฌ์„ฑ :

js-beautify input.html -o output.html --remove-empty-lines

์˜ˆ์ƒ ์ถœ๋ ฅ :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Demo</title>
</head>
<body>
    <p>P1</p>
    <p>P2</p>
</body>
</html>

์‹ค์ œ ์ถœ๋ ฅ :

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Demo</title>
</head>

<body>
    <p>P1</p>

    <p>P2</p>

</body>

</html>


html bug

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

์•ˆ๋…•ํ•˜์„ธ์š”, CSS์— ๋™์ผํ•œ ์˜ต์…˜์„ ์ถ”๊ฐ€ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

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

ํ›Œ๋ฅญํ•œ ๋ณด๊ณ ์„œ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. --no-preserve-newlines ์˜ต์…˜์„ ์‚ฌ์šฉํ•ด ๋ณด์…จ์Šต๋‹ˆ๊นŒ? ๋™์ผํ•˜์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์ง€๋งŒ ๋‹จ๊ธฐ์ ์œผ๋กœ ํ•ด๊ฒฐํ•˜๊ธฐ์— ์ถฉ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

: +1 : @keeganstreet ์˜ ์š”์ . 1.4.0์˜ ๋Œ€๋ถ€๋ถ„์˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ ํ›Œ๋ฅญํ–ˆ์ง€๋งŒ ๋ชจ๋“  ๋นˆ ์ค„์„ ์ œ๊ฑฐํ•˜๋Š” ์˜ต์…˜์ด ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. IMO, max_preserve_newline ๊ฐ€ 0 ๋ฅผ ๊ฐ’์œผ๋กœ ์กด์ค‘ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ํ•ฉ๋ฆฌ์ ์ด์ง€๋งŒ ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๋„ค, ์š”์ ์ด ๋ณด์ž…๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ๋•Œ๊นŒ์ง€ 1 ๋Œ€์‹  0 ?
๋‹น์‹ ์ด ์›ํ•˜๋Š” ํ–‰๋™์„ ๋ณด์—ฌ ์ฃผ๋‚˜์š”?

์•ˆ๋…•ํ•˜์„ธ์š”, CSS์— ๋™์ผํ•œ ์˜ต์…˜์„ ์ถ”๊ฐ€ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

CSS์— ๋™์ผํ•œ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์‹ญ์‹œ์˜ค :-)

@ Migacz85 ์ด๊ฒƒ์„ ์‹œ๋„ํ•ด ๋ณด์…จ์Šต๋‹ˆ๊นŒ? ๋‚˜๋Š” ์ด๋ฏธ ๊ฑฐ๊ธฐ์— ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ "newline-between-rules": false ๋ฅผ ์„ค์ •ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์œผ๋ฉด CSS์— ๋Œ€ํ•œ ์ƒˆ๋กœ์šด ๋ฌธ์ œ๋ฅผ์—ฌ์‹ญ์‹œ์˜ค.

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