Js-beautify: jsx ํ˜•์‹ํ™” ๋‹ค์ค‘ ํ–‰ ์†์„ฑ ์—‰๋ง

์— ๋งŒ๋“  2016๋…„ 04์›” 08์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: beautify-web/js-beautify

์ตœ์‹  ๋ฒ„์ „์ด ์„ค์น˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ํŒŒ์ผ์€ Babel JS ํŒŒ์ผ๋กœ ์—ด๋ฆฌ๊ณ  ๊ตฌ์„ฑ ํŒŒ์ผ์—์„œ e4x๊ฐ€ true๋กœ ์„ค์ •๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋‚ด๊ฐ€ ํ˜„์žฌ ๊ฐ€์ง€๊ณ ์žˆ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

๊ทธ๋Ÿฌ๋‚˜ ํฌ๋งท ํ›„ ๋‹ค์Œ๊ณผ ๊ฐ™์ด๋ฉ๋‹ˆ๋‹ค.

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

๋‚ด ํŒŒ์ผ์„ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํฌ๋งทํ•˜๊ฑฐ๋‚˜ ์ ์–ด๋„ ์—‰๋ง์ด๋˜์ง€ ์•Š๊ฒŒํ•˜๋ ค๋ฉด ๋ฌด์—‡์„ ๋ณ€๊ฒฝํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

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

๊ฐ์‚ฌ! ๋‹ค์Œ ๋ฒ„์ „์„ ์œ„ํ•ด ๋ชฉ๋ก์— ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

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

e4x=true ์„ค์ • ํ–ˆ์Šต๋‹ˆ๊นŒ?

@bitwiseman ์˜ˆ,ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋„ e4x=true ! ์ •๋ง ์ด์ƒ ํ•ด์š”. :์ฆ๊ฑฐ์›€:

๊ฐ์‚ฌ! ๋‹ค์Œ ๋ฒ„์ „์„ ์œ„ํ•ด ๋ชฉ๋ก์— ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ์— ๋Œ€ํ•ด ์•Œ์•„ ๋‚ธ ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰