Skip to content

Conventions

Jump to bottom Edit New page
Dale Seo edited this page Apr 22, 2025 · 74 revisions

μ½”λ“œ 리뷰λ₯Ό ν•˜λ©΄μ„œ νŒ€μ› 간에 ν•©μ˜ν•œ 개발 κ΄€μŠ΅μ„ λ¬Έμ„œν™”ν•©λ‹ˆλ‹€.

ν”„λ‘œμ νŠΈ ꡬ쑰

  • src/components μ•„λž˜μ— 폴더λ₯Ό λ§Œλ“€κ³ , κ·Έ μ•ˆμ— μ»΄ν¬λ„ŒνŠΈ 파일, μŠ€ν† λ¦¬ 파일, ν…ŒμŠ€νŠΈ νŒŒμΌμ„ μœ„μΉ˜μ‹œν‚΅λ‹ˆλ‹€.
  • 폴더 이름, 파일 이름, μ»΄ν¬λ„ŒνŠΈ 이름은 λͺ¨λ‘ PascalCase둜 letter caseλ₯Ό ν†΅μΌν•©λ‹ˆλ‹€.
  • λ³€μˆ˜ 이름, ν•¨μˆ˜ 이름, prop 이름은 λͺ¨λ‘ camelCase둜 letter caseλ₯Ό ν†΅μΌν•©λ‹ˆλ‹€.
  • index.tsx νŒŒμΌμ„ ν†΅ν•΄μ„œ re-exportν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ Checkbox
β”‚   β”‚   β”‚   β”œβ”€β”€ Checkbox.stories.tsx
β”‚   β”‚   β”‚   β”œβ”€β”€ Checkbox.test.tsx
β”‚   β”‚   β”‚   └── Checkbox.tsx

μ»΄ν¬λ„ŒνŠΈ

  • ν•¨μˆ˜ μ»΄ν¬λ„ŒνŠΈ μž‘μ„±ν•  λ•ŒλŠ” function ν‚€μ›Œλ“œλ‘œ μ„ μ–Έν•΄μ£Όμ„Έμš”.
  • 이벀트 ν•Έλ“€λŸ¬λ₯Ό μž‘μ„±ν•  λ•ŒλŠ” ν™”μ‚΄ν‘œ ν•¨μˆ˜λ₯Ό μ„ μ–Έ 후에 λ³€μˆ˜μ— ν• λ‹Ήν•΄μ£Όμ„Έμš”.

μŠ€ν† λ¦¬

  • μŠ€ν† λ¦¬ 제λͺ©μ΄ μ»΄ν¬λ„ŒνŠΈ 경둜λ₯Ό ν†΅ν•΄μ„œ μžλ™μœΌλ‘œ μœ μΆ”λ  수 μžˆλ„λ‘ title μ†μ„±μ˜ 값은 μƒλž΅ν•΄μ£Όμ„Έμš”. λ¬Έμžμ—΄λ‘œ 직접 λͺ…μ‹œν•˜λ©΄ νƒ€μž… μ•ˆμ „ν•˜μ§€ μ•Šκ³ , μ»΄ν¬λ„ŒνŠΈ 이름을 λ°”κΏ€ λ•Œ 싱크가 깨지기 μ‰½μŠ΅λ‹ˆλ‹€.
  • μ—¬λŸ¬ μŠ€ν† λ¦¬μ— κ±Έμ³μ„œ ν•„μš”ν•œ argsλŠ” μŠ€ν† λ¦¬ μˆ˜μ€€μ—μ„œ μ€‘λ³΅ν•˜μ§€ λ§ˆμ‹œκ³  μ»΄ν¬λ„ŒνŠΈ μˆ˜μ€€μ—μ„œ μ§€μ •ν•΄μ£Όμ„Έμš”.

ν…ŒμŠ€νŠΈ

  • ν…ŒμŠ€νŠΈ νŒŒμΌμ€ λ³„λ„μ˜ 디렉토리에 쀑앙화 ν•˜μ§€ μ•Šκ³  μ• ν”Œλ¦¬μΌ€μ΄μ…˜ 파일 λ°”λ‘œ μ˜†μ— λ‘‘λ‹ˆλ‹€.
  • λ‹¨μˆœν•œ ν…ŒμŠ€νŠΈ ꡬ쑰λ₯Ό μœ„ν•΄μ„œ ν…ŒμŠ€νŠΈ λŒ€μƒ λͺ¨λ“ˆμ˜ ꡬ쑰가 λ³΅μž‘ν•˜μ§€ μ•Šλ‹€λ©΄ describe()-it() λŒ€μ‹ μ— test()λ₯Ό μ”λ‹ˆλ‹€.
Add a custom footer
Add a custom sidebar

Clone this wiki locally