Search

μ»¨λ²€μ…˜

μ½”λ“œ μ»¨λ²€μ…˜ : ν˜‘μ—…μ„ ν•˜λŠ”λ° μžˆμ–΄ μ§€μΌœμ•Όν•  ν”„λ‘œμ νŠΈ κ·œμΉ™

1. λ³€μˆ˜λͺ… μŠ€νƒ€μΌ (예 : helloWorld)

β€’
μΉ΄λ©œμΌ€μ΄μŠ€λ‘œ μž‘μ„±ν•œλ‹€

2. ν•¨μˆ˜λͺ… μŠ€νƒ€μΌ (예 : handleButton)

β€’
μΉ΄λ©œμΌ€μ΄μŠ€λ‘œ μž‘μ„±ν•œλ‹€
β€’
동사 ν›„ λͺ…사 μˆœμ„œλ‘œ μž‘μ„±ν•œλ‹€

3. 클래슀λͺ… μŠ€νƒ€μΌ (예: class-name)

β€’
kebab-case둜 μž‘μ„±ν•œλ‹€
β€’
단, SASSλ₯Ό μ‚¬μš©ν•  λ•Œ μ‚¬μš©ν•˜λŠ” 클래슀λͺ…은 μΉ΄λ©œμΌ€μ΄μŠ€λ‘œ μž‘μ„±ν•œλ‹€.

4. CSS λͺ¨λ“ˆν™” 진행 : 규λͺ¨μžˆκ³  μ•ˆμ •μ μΈ μ„œλΉ„μŠ€λ₯Ό μœ„ν•΄ CSSλͺ¨λ“ˆν™” 진행

5. 컀밋 λ©”μ‹œμ§€ (예 : feat 둜그인 κΈ°λŠ₯ [μˆ˜μ •])

β€’
μ†Œλ¬Έμžλ‘œ νƒ€μž…λͺ… μž‘μ„±
νƒ€μž… νƒœκ·Έ 이름
β€’
ν•΄λ‹Ή νƒœκ·Έμ΄λ¦„μ—μ„œ μ•žκΈ€μžλ₯Ό μ†Œλ¬Έμžλ‘œ μž‘μ„±ν•  것 / 단, !HOTFIXλ‚˜ !BREAKING CHANGEλŠ” μ›ν˜•μœ μ§€
β€’
ν•œκΈ€λ‘œ ν•œκΈ€μ–΄μˆœμ— 따라 λ‚΄μš© μž‘μ„±

6. Pull request μž‘μ„±λ²•

β€’
타이틀 : νƒ€μž…λͺ… + λ‚΄μš©
β€’
Pull request의 content : νŒ€μ›μ΄ μ•Œμ•„λ³Ό 수 μžˆλŠ” κ°„λ‹¨ν•œ ν•œμ€„λ‘œ μž‘μ„±ν•  것

7. μ‚¬μš© 라이브러리

β€’
CSS : Sass - ν˜„μž¬ CSS 라이브러리 μ‚¬μš©λΉˆλ„μˆ˜κ°€ κ°€μž₯ 높기에 채택함(λΌμ΄λΈŒλŸ¬λ¦¬λŠ” μ•„λ‹ˆλΌ λ„κ΅¬μž„)
β€’
React μƒνƒœκ΄€λ¦¬ : Recoil - ν˜„μž¬ κ°€μž₯ 각광받고 있으며 비ꡐ적 μ‚¬μš©λ²•μ΄ νŽΈλ¦¬ν•˜κΈ°μ— 채택함
Made with