# πŸ› οΈ 개발 및 관리 κ·œμΉ™ (Strict Development Rules) 1. **μ–Έμ–΄ μ„€μ •**: μ˜μ–΄λ‘œ μƒκ°ν•˜λ˜, λͺ¨λ“  닡변은 **ν•œκ΅­μ–΄**둜 μž‘μ„±ν•œλ‹€. 2. **μž„μ˜ μˆ˜μ • μ ˆλŒ€ κΈˆμ§€ (Zero-Arbitrary Change)**: - μ‚¬μš©μžκ°€ λͺ…μ‹œμ μœΌλ‘œ μ§€μ‹œν•œ λΆ€λΆ„ μ™Έμ—λŠ” **단 ν•œ μ€„μ˜ μ½”λ“œλ„, κ·Έ μ–΄λ–€ νŒŒμΌλ„ μž„μ˜λ‘œ μˆ˜μ •, 정리, λ¦¬νŒ©ν† λ§ν•˜μ§€ μ•ŠλŠ”λ‹€.** - μ§€μ‹œλ°›μ§€ μ•Šμ€ λ‹€λ₯Έ 파트의 μ½”λ“œλŠ” μ ˆλŒ€ κ±΄λ“œλ¦¬μ§€ μ•ŠμœΌλ©°, 영ν–₯ λ²”μœ„κ°€ μš”μ²­ λ²”μœ„λ₯Ό λ²—μ–΄λ‚˜μ§€ μ•Šλ„λ‘ 'μ™Έκ³Ό μˆ˜μˆ μ‹(Surgical) μˆ˜μ •'을 μ›μΉ™μœΌλ‘œ ν•œλ‹€. 3. **κ°œμ„  μž‘μ—… 절차 (Test-First Approach)**: - μ‚¬μš©μžκ°€ κ°œμ„ (Refactoring, Optimization λ“±)을 μ§€μ‹œν•œ 경우, **μˆ˜μ • μ „ ν˜„μž¬ μ‹œμŠ€ν…œμ΄ μ •μƒμ μœΌλ‘œ 잘 μž‘λ™ν•˜λŠ”μ§€ λ¨Όμ € μ „μˆ˜ 확인**ν•œλ‹€. - κΈ°μ‘΄ λ™μž‘ 방식과 μ„±λŠ₯을 κΈ°μ€€(Baseline)으둜 μ‚Όκ³ , μˆ˜μ • 후에도 **기쑴의 λͺ¨λ“  κΈ°λŠ₯이 λ¬΄κ²°ν•˜κ²Œ μœ μ§€λ˜λŠ”μ§€ λ°˜λ“œμ‹œ ν…ŒμŠ€νŠΈν•˜μ—¬ μž…μ¦**ν•œλ‹€. - 검증 κ²°κ³Όλ₯Ό λ°”νƒ•μœΌλ‘œ "무엇을, μ™œ, μ–΄λ–»κ²Œ" λ°”κΏ€μ§€ 상세 보고 ν›„, μ‚¬μš©μžλ‘œλΆ€ν„° **'μ§„ν–‰μ‹œμΌœ'** μŠΉμΈμ„ 얻은 λ’€μ—λ§Œ μ§‘ν–‰ν•œλ‹€. 4. **선보고 ν›„μŠΉμΈ**: λͺ¨λ“  κΈ°λŠ₯ μˆ˜μ • 및 μ½”λ“œ λ³€κ²½ μ „μ—λŠ” μ˜ˆμƒ λ°©μ•ˆμ„ λ¨Όμ € λ³΄κ³ ν•˜κ³  승인 절차λ₯Ό κ±°μΉœλ‹€. 5. **RED–GREEN–Refactor 개발 원칙**: - λͺ¨λ“  κΈ°λŠ₯ 개발과 버그 μˆ˜μ •μ€ **RED β†’ GREEN β†’ Refactor** μˆœμ„œλ‘œ μ§„ν–‰ν•œλ‹€. - **RED**: μš”κ΅¬μ‚¬ν•­μ„ λͺ…ν™•νžˆ ν‘œν˜„ν•˜λŠ” ν…ŒμŠ€νŠΈλ₯Ό λ¨Όμ € μž‘μ„±ν•˜κ³ , ν•΄λ‹Ή ν…ŒμŠ€νŠΈκ°€ κΈ°λŠ₯ λ―Έκ΅¬ν˜„ λ˜λŠ” κ²°ν•¨μœΌλ‘œ 인해 μ‹€νŒ¨ν•˜λŠ”μ§€ ν™•μΈν•œλ‹€. - **GREEN**: μ‹€νŒ¨ν•œ ν…ŒμŠ€νŠΈλ₯Ό ν†΅κ³Όμ‹œν‚€λŠ” 데 ν•„μš”ν•œ μ΅œμ†Œν•œμ˜ μ½”λ“œλ§Œ κ΅¬ν˜„ν•˜λ©°, λΆˆν•„μš”ν•œ κΈ°λŠ₯ μΆ”κ°€λ‚˜ ꡬ쑰 변경을 ν•˜μ§€ μ•ŠλŠ”λ‹€. - **Refactor**: κ΄€λ ¨ ν…ŒμŠ€νŠΈμ™€ κΈ°μ‘΄ ν…ŒμŠ€νŠΈκ°€ λͺ¨λ‘ ν†΅κ³Όν•˜λŠ” μƒνƒœμ—μ„œλ§Œ 쀑볡 제거, λͺ…μΉ­ κ°œμ„ , μ±…μž„ 뢄리 λ“± μ½”λ“œ ꡬ쑰λ₯Ό κ°œμ„ ν•˜λ©° λ™μž‘μ€ λ³€κ²½ν•˜μ§€ μ•ŠλŠ”λ‹€. - 각 단계가 끝날 λ•Œλ§ˆλ‹€ κ΄€λ ¨ ν…ŒμŠ€νŠΈμ™€ κΈ°μ‘΄ κΈ°λŠ₯의 νšŒκ·€ μ—¬λΆ€λ₯Ό κ²€μ¦ν•œλ‹€. - ν…ŒμŠ€νŠΈ μž‘μ„±μ΄ ν˜„μ‹€μ μœΌλ‘œ λΆˆκ°€λŠ₯ν•œ κ²½μš°μ—λŠ” κ·Έ μ‚¬μœ μ™€ λŒ€μ²΄ 검증 방법을 λ¨Όμ € λ³΄κ³ ν•˜κ³  μŠΉμΈμ„ 받은 ν›„ μ§„ν–‰ν•œλ‹€. - λ³Έ 원칙을 μ μš©ν•  λ•Œμ—λ„ 기쑴의 **선보고 ν›„μŠΉμΈ** 및 **μ™Έκ³Ό μˆ˜μˆ μ‹ μˆ˜μ •** κ·œμΉ™μ„ μ€€μˆ˜ν•œλ‹€. --- ### πŸš€ μ„œλ²„ ꡬ동 및 μ™ΈλΆ€ 접속 κ·œμΉ™ (Server Run & External Access) 1. **포트 κ³ μ •**: 개발 μ„œλ²„λŠ” λ°˜λ“œμ‹œ **8080** 포트λ₯Ό μ‚¬μš©ν•œλ‹€. (`vite.config.ts` μ„€μ • μ€€μˆ˜) 2. **μ™ΈλΆ€ 접속 ν—ˆμš© (Host)**: 사무싀 λ‚΄ 타 직원이 접속할 수 μžˆλ„λ‘ `--host` λͺ¨λ“œλ‘œ κ΅¬λ™ν•œλ‹€. 3. **ꡬ동 λͺ…λ Ήμ–΄**: ```bash npm run dev ``` * ν•΄λ‹Ή λͺ…λ Ήμ–΄ μ‹€ν–‰ μ‹œ `0.0.0.0` λ˜λŠ” `Network: http://[λ‚΄-IP]:8080/` 경둜둜 타인 접속이 κ°€λŠ₯ν•˜λ‹€. 4. **IP 확인 방법**: * Windows: `ipconfig` λͺ…λ Ήμ–΄λ‘œ 'IPv4 μ£Όμ†Œ' 확인 ν›„ 곡유. --- ### 🎨 ITAM μ‹œμŠ€ν…œ λ””μžμΈ κ°€μ΄λ“œ (Design Guide) λ””μžμΈ 일관성 및 μ‹œκ°μ  원칙에 κ΄€ν•œ 상세 λ‚΄μš©μ€ μ•„λž˜ λ¬Έμ„œλ₯Ό μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€. πŸ‘‰ **[λ””μžμΈ κ°€μ΄λ“œ λ°”λ‘œκ°€κΈ° (design_rule.md)](./design_rule.md)**