Skip to main content

🎯 Guides

PRACTICE-ORIENTED

Feature-Sliced Design(FSD)의 μ μš©μ„ μœ„ν•œ μ’…ν•© κ°€μ΄λ“œμž…λ‹ˆλ‹€. ꡬ체적인 μ˜ˆμ‹œ, λ§ˆμ΄κ·Έλ ˆμ΄μ…˜ μ „λž΅, 그리고 FSD μ½”λ“œμ—μ„œ λ°œκ²¬ν•  수 μžˆλŠ” ν”ν•œ μ„€κ³„μƒμ˜ λ¬Έμ œλ“€μ„ λ‹€λ£Ήλ‹ˆλ‹€. FSDλ₯Ό ν”„λ‘œμ νŠΈμ— λ„μž…ν•˜κ±°λ‚˜ κΈ°μ‘΄ ꡬ쑰λ₯Ό κ°œμ„ ν•˜κ³ μž ν•  λ•Œ μ°Έκ³ ν•˜κΈ° 쒋은 λ¦¬μ†ŒμŠ€μž…λ‹ˆλ‹€.

Main​

Examples

방법둠을 μ μš©ν•œ μ‹€μ œ μ˜ˆμ‹œ

Authentication β€’ Types β€’ Page layout
Migration

κΈ°μ‘΄ μ•„ν‚€ν…μ²˜μ—μ„œ λ§ˆμ΄κ·Έλ ˆμ΄μ…˜ ν•˜κΈ° μœ„ν•œ κ°€μ΄λ“œ

From custom architecture β€’ From FSv1
Tech

ν”„λ ˆμž„μ›Œν¬ 및 λΌμ΄λΈŒλŸ¬λ¦¬λ³„ μ‚¬μš© κ°€μ΄λ“œ

NextJS β€’ NuxtJS β€’ React Query β€’ SvelteKit
Code Issues (Smells)

μ½”λ“œμ—μ„œ λ°œκ²¬ν•  수 μžˆλŠ” ν”ν•œ μ„€κ³„μƒμ˜ 문제

Desegmented β€’ Routing β€’ Cross-imports