-
-
Notifications
You must be signed in to change notification settings - Fork 3
Conventions
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()λ₯Ό μλλ€.