FarhadG ๋ฐํ
_2016๋
8์ 24์ผ ์์์ผ 06:49 GMT_
_์๋ https://github.com/storybooks/react-storybook-addon-info/issues/59๋ก ์ด๋ ธ์ต๋๋ค_
์ ๋ ํ์ฌ ์ฌ๋ฌ ๋ค๋ฅธ ๊ณ ์ฐจ ํจ์๋ก ๋ํ๋ default
์๊ธฐ ๋๋ฌธ์ ๊ฐ๋ณ์ ์ผ๋ก ๊ตฌ์ฑ ์์๋ฅผ ๋ฌธ์ํํ ์ ์๋๋ก ๋ํ๋ ๋ฒ์ ( default
๋ด๋ณด๋ด๊ธฐ)๊ณผ ํจ๊ป ๊ตฌ์ฑ ์์๋ฅผ ๋ด๋ณด๋ด๊ณ ์์ต๋๋ค. react-storybook์ด ์ฌ์ฉํ propTypes
๋ํ ์ฐธ์กฐ๋ฅผ ์ ๊ณตํ์ง ๋ง์ญ์์ค.
์:
export class SampleComponent extends Component {
}
export default compose(...)(SampleComponent);
๋ฌธ์ํ ๋ชฉ์ ์ผ๋ก { SampleComponent }
๊ฐ์ ธ์ค๊ธฐ๋ฅผ ์ฌ์ฉํ๊ณ ์์ง๋ง propTables
๋ํด ๋ ๊ฐ์ ๋ ๋๋ง๋ UI๋ฅผ ์ป์ต๋๋ค.
"SampleComponent" Component
property propType required default
contextStyles object no {{}}
height number no -
image string yes -
"SampleComponent" ComponentNo propTypes defined!
์ฌ์ง์ด ๋๋์ ๋ํ ์ต์
์ ์ง์ ํ๊ณ ์์ด ๋น๋ก propTables
์ { propTables: [SampleComponent], inline: true }
, ๋ ๋ค ๋ ๋๋ง ๋ฒ์ ์ ์ป์. ๋ ๋๋ง๋๋ ๊ตฌ์ฑ ์์์ ๋ํด ์๋ propTable
๋ฅผ ๋นํ์ฑํํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น? ๊ทธ๋ฐ ์ผ์ด ์ผ์ด๋๊ณ ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ ๋๋ง๋ ๊ตฌ์ฑ ์์์ propTypes
๋ ์ฌ์ฉ ์ค์ด๋ฏ๋ก ์ฌ๋ฌ ๊ณ ์ฐจ ํจ์ ๋ฉ ํ์ ๋ด๋ณด๋ด์ง๊ธฐ ๋๋ฌธ์ undefined
์
๋๋ค.
์๋ง๋ ๋ด๊ฐ ํ์๋กํ๋ ๊ฒ์ ์์ ํ ๋ฌ์ฑํ๋ ๋ ์ข์ ๋ฐฉ๋ฒ์ด์์ ๊ฒ์ ๋๋ค ...
์ ์ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
์ ์ํด ์ฝ๋ฉํธ carlosrberto
_2017๋
1์ 26์ผ ๋ชฉ์์ผ 17:08 GMT_
propTables
๊ฐ ๊ธฐ๋ณธ propTables๋ฅผ ๋์ฒดํด์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
์ ์ํด ์ฝ๋ฉํธ FarhadG
_2017๋
1์ 30์ผ ์์์ผ 17:41 GMT_
๋ด๊ฐ ๋งค์ฐ ์ ์ฉํ๋ค๊ณ ๋ฐ๊ฒฌํ ์ ๊ทผ ๋ฐฉ์์ ๋จ์ํ "๋ํ๋" ๋ฐ "์ธ๋ํ๋" ๊ตฌ์ฑ ์์๋ฅผ ๋ด๋ณด๋ด์ ๋ํ๋ ๊ตฌ์ฑ ์์(๋ฐ ๋ ๋์ ์ฐจ์์ ๊ฐ์ ์ฌํญ)๋ฅผ ์ฝ๊ฒ ํ ์คํธํ ์ ์์ ๋ฟ๋ง ์๋๋ผ ๋ฒ ์ด ๊ตฌ์ฑ ์์๋ ํ ์คํธํ ์ ์๋๋ก ํ๋ ๊ฒ์ ๋๋ค. ๋ํ Storybook์ผ๋ก ๊ตฌ์ฑ ์์๋ฅผ ์์ฃผ ์ฝ๊ฒ ๋ฌธ์ํํ ์ ์์ต๋๋ค.
์ด๋ ๊ฒ ํ๋ฉด ๋ฌธ์์ ํด๋น ๋ถ๋ถ์ ๋ํด ๋ํ๋์ง ์์ ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ๊ณ ๋ค๋ฅธ Storybook ๊ธฐ๋ฅ์ ํ์ฉํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ผ๋ฏ๋ก ์ด์ค ๋ ๋๋ง ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋ฉ๋๋ค.
๊ฐ์ ๋ฌธ์ ๋ฅผ ๊ฒช๊ณ ์๋ ๋ค๋ฅธ ์ฌ๋๋ค์๊ฒ ์ด๊ฒ์ด ์ ์ฉํ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
๋๋ ์ค๋๋ ์๋ณธ ๋ฌธ์ ์ ๋ฌ์๊ณ ์ด์ ๊ทธ๊ฒ์ด ๋ซํ์ ์ด ๋ฏธํด๊ฒฐ ๋ฌธ์ ๋ฅผ ์ฐพ์์ต๋๋ค. ๊ทธ๋์ ๋ค๋ฅธ ๋๊ตฐ๊ฐ์๊ฒ ์ ์ฉํ ๊ฒฝ์ฐ๋ฅผ ๋๋นํ์ฌ ๋ด ๋๊ธ์ ๋ณต์ฌํ๊ฒ ์ต๋๋ค. ๋ํผ๊ฐ ๋ถ๊ฐํผํ ๊ฒฝ์ฐ(์: ์ต์์ <svg>
๋ํผ๊ฐ ํ์ํ SVG ๋ด๋ถ ๊ตฌ์ฑ ์์), propTablesExclude
์ต์
์ ์ง์ ํ์ฌ ์ํ ํ
์ด๋ธ์ ๋ ๋๋งํ์ง ์์ผ๋ ค๋ ๊ตฌ์ฑ ์์(๋ค)๋ฅผ ๋ธ๋๋ฆฌ์คํธ์ ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ ๋ํ.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ ์ํด ์ฝ๋ฉํธ carlosrberto
_2017๋ 1์ 26์ผ ๋ชฉ์์ผ 17:08 GMT_
propTables
๊ฐ ๊ธฐ๋ณธ propTables๋ฅผ ๋์ฒดํด์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.