๋ฐฉ๊ธ ๋ด create-react-app
ํ๋ก์ ํธ์ ์คํ ๋ฆฌ ๋ถ์ ์ค์นํ๊ณ ์ฒ์์ผ๋ก ์คํ ๋ฆฌ ๋ถ์ ์์ํ๋ ค๊ณ ํฉ๋๋ค. ๋๋ ๊ทธ๋๋ก ์๋ ์ค์ ์ ๋ฐ๋๋ค. ์นํฉ์ด ์ด๋ป๊ฒ ๋ ์คํจํ ๊ฒ ๊ฐ์ต๋๋ค. ์ค๋ฅ ์ถ๋ ฅ์ ์์ฒญ๋์ง๋ง ๊ด๋ จ ์น์
์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
[ ModuleBuildError: Module build failed: SyntaxError: Unexpected token (7:8)
5 | storiesOf('Button', module)
6 | .add('with text', () => (
> 7 | <button onClick={action('clicked')}>Hello Button</button>
| ^
8 | ))
9 | .add('with some emoji', () => (
10 | <button onClick={action('clicked')}>๐ ๐ ๐ ๐ฏ</button>
React ๋ฒ์ ์ 15.6.1์ ๋๋ค.
์ง์นจ์ ์ง์ ๋ ๊ธฐ๋ณธ config.json์ ์ฌ์ฉํ์ผ๋ฉฐ ์์ Button ์คํ ๋ฆฌ ๋ง๋ก๋ํ๊ณ ์์ต๋๋ค (๋ด ๋ชจ๋์ด ์๋).
๋๋ ์นํฉ ์ ๋ฌธ๊ฐ๊ฐ ์๋๋ฏ๋ก ์ฌ๊ธฐ์ ๋ฌด์จ ์ผ์ด ์ผ์ด๋๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
๊ฐ๋ฅํ ๊ฒฝ์ฐ ํ๋ก์ ํธ๋ฅผ ์ ์ฅ์๋ก GitHub์ ์ ๋ก๋ ํ ์ ์์ต๋๊น? ๋ํ์ฑ ๊ณผ ๊ด๋ จ๋ ๋ถ๋ถ ๋ง ๋จ๊ธธ ์ ์์ต๋๋ค
๋น ๋ฅธ ์์ ๊ฐ์ด๋ ๋ฅผ ๋ฐ๋ฅด๊ณ ๊ฒฐ๊ณผ๋ฅผ ์๋ ์ค์ ์ผ๋ก ์ป์ ๊ฒฐ๊ณผ์ ๋น๊ตํ ์๋ ์์ต๋๋ค.
์นํฉ ๋๋ ๋ฐ๋ฒจ์ ๋ฐ์ ์ฌ์ ์ค์ ์ด ์์ต๋๋ค.
์, ๋ฌธ์ ์ ์์ธ์ .babelrc์์ต๋๋ค. ๋ด ํ๋ก์ ํธ์ ๋ฃจํธ์ .babelrc ํ์ผ์ด ์์ง๋ง "presets"ํ๋๊ฐ ์ง์ ๋์ง ์์์ต๋๋ค. "presets": ["react"]
์ถ๊ฐํ๋ฉด ์ ๋๋ก ์๋ํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค @danielduan