Storybook: μŠ€ν† λ¦¬λΆ μ•ˆμ— λ¬Έμ„œ ν‘œμ‹œν•˜κΈ°

에 λ§Œλ“  2016λ…„ 04μ›” 26일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: storybookjs/storybook

ν˜„μž¬ λ¬Έμ„œλ₯Ό ν‘œμ‹œν•˜λŠ” μœ μΌν•œ 방법은 λ‹€μŒμ„ μ‚¬μš©ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.

storiesOf('Main story', module)
  .add('some configuation, () => (
    <SomeComponent />
  )).(...)

이것은 λŒ€λΆ€λΆ„μ˜ ꡬ성 μš”μ†Œμ— μΆ©λΆ„ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€...

우리의 μ‚¬μš© μ‚¬λ‘€μ—μ„œλŠ” λ‹€μŒκ³Ό 같은 κ²½μš°μ— 쒋을 κ²ƒμž…λ‹ˆλ‹€.

  1. μ„€λͺ…을 더 μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€(예: μŠ€ν† λ¦¬μ— λŒ€ν•œ 선택적 μ„€λͺ… νƒœκ·Έ).
storiesOf('Main story', module, 'This component can be used to ... and has the following params ...')
  .add('some configuation, () => (
    <SomeComponent />
  )).(...)
  1. λ˜λŠ” μ–΄λ–»κ²Œ λ“  js νŒŒμΌμ—μ„œ jsdocsλ₯Ό 읽고 ꡬ성 μš”μ†Œ 예제 μœ„μ— ν‘œμ‹œν•˜λŠ” 것이 더 μ’‹μŠ΅λ‹ˆλ‹€.
/**
 * Represents a book.
 * <strong i="16">@constructor</strong>
 * <strong i="17">@param</strong> {string} title - The title of the book.
 * <strong i="18">@param</strong> {string} author - The author of the book.
 */

λ‚˜λŠ” 이것이 #56κ³Ό μ–΄λ–»κ²Œλ“  관련이 μžˆλ‹€κ³  μƒκ°ν•˜μ§€λ§Œ μ™„μ „νžˆ κ°™μ§€λŠ” μ•ŠμŠ΅λ‹ˆλ‹€.

λ¬Έμ•ˆ 인사,
루카슀

feature request

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ•„λž˜ λ˜λŠ” μ˜†μ— λ Œλ”λ§λœ ꡬ성 μš”μ†Œ ν΄λ”μ˜ .md νŒŒμΌμ„ μ„ ν˜Έν•©λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

응. 이것은 ν›Œλ₯­ν•©λ‹ˆλ‹€.
파일 μ‹œμŠ€ν…œμ΄ μˆ˜λ™μœΌλ‘œ ν•„μš”ν•œ 경우 쑰금 더 μ–΄λ ΅κ³  λ³΅μž‘ν•  κ²ƒμž…λ‹ˆλ‹€.
κ·ΈλŸ¬λ‚˜ λ‚˜λŠ” 이것을 이야기와 ν•¨κ»˜ λ°€μ–΄λΆ™μ΄λŠ” 것이 μ˜λ―Έκ°€ μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

μš°λ¦¬λŠ” λ˜ν•œ λ©”λͺ¨μ™€ ν•¨κ»˜ 이것을 μ°Ύκ³  μžˆμŠ΅λ‹ˆλ‹€. 기본적으둜 ν•˜λ‹¨μ— "λ©”λͺ¨"λΌλŠ” 또 λ‹€λ₯Έ 탭이 μžˆμŠ΅λ‹ˆλ‹€.

μ•„λž˜ λ˜λŠ” μ˜†μ— λ Œλ”λ§λœ ꡬ성 μš”μ†Œ ν΄λ”μ˜ .md νŒŒμΌμ„ μ„ ν˜Έν•©λ‹ˆλ‹€.

이 μ• λ“œμ˜¨μœΌλ‘œ μˆ˜μ •λ¨

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰