--- id: FE-ARCH-LARGE-001 category: "10_Wiki/๐Ÿ’ก Topics/AI" confidence_score: 1.0 tags: [architecture, large-scale, frontend, monorepo, fsd, scalability, maintainability, modularity] last_reinforced: 2026-04-26 --- # Large-scale Application Architecture Patterns (๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์•„ํ‚คํ…์ฒ˜ ํŒจํ„ด) ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) > "์ฝ”๋“œ์˜ ์–‘์ด ๋Š˜์–ด๋‚˜๋„ ๋ณต์žก๋„์˜ ์—”ํŠธ๋กœํ”ผ๊ฐ€ ๋ฐœ์‚ฐํ•˜์ง€ ์•Š๋„๋ก ์—„๊ฒฉํ•œ ๊ณ„์ธต ๊ตฌ์กฐ(FSD)์™€ ํ†ตํ•ฉ ๊ด€๋ฆฌ ์ฒด๊ณ„(Monorepo)๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ , ์˜์กด์„ฑ์˜ ๋ฐฉํ–ฅ์„ ๋‹จ๋ฐฉํ–ฅ์œผ๋กœ ๊ฐ•์ œํ•˜์—ฌ ์‹œ์Šคํ…œ์˜ ์ˆ˜๋ช…์„ ์—ฐ์žฅํ•˜๋ผ" โ€” ์ˆ˜์ฒœ ๋ช…์˜ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋™์‹œ์— ํ˜‘์—…ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ์„ค๊ณ„์˜ ์ตœ์ƒ์œ„ ์ „๋žต. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) - **์ถ”์ถœ๋œ ํŒจํ„ด:** "Hierarchical Decoupling and Unified Governance" โ€” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ฑ…์ž„ ๋ฒ”์œ„์— ๋”ฐ๋ผ ์ˆ˜์ง์ ์œผ๋กœ ๊ณ„์ธตํ™”ํ•˜๊ณ , ๋ฌผ๋ฆฌ์ ์œผ๋กœ๋Š” ๋ชจ๋…ธ๋ ˆํฌ๋ฅผ ํ†ตํ•ด ์ž์‚ฐ์„ ๊ณต์œ ํ•˜์—ฌ ์‘์ง‘๋„๋Š” ๋†’์ด๊ณ  ๊ฒฐํ•ฉ๋„๋Š” ๋‚ฎ์ถ”๋Š” ํŒจํ„ด. - **ํ•ต์‹ฌ ์•„ํ‚คํ…์ฒ˜ ์š”์†Œ:** - **Feature-Sliced Design (FSD):** `Shared` โ†’ `Entities` โ†’ `Features` โ†’ `Widgets` โ†’ `Pages` โ†’ `App` ์ˆœ์œผ๋กœ ์˜์กด์„ฑ์„ ์ œํ•œํ•˜๋Š” ๊ณ„์ธต์  ์„ค๊ณ„. - **Monorepo Strategy:** `pnpm workspaces`๋‚˜ `Turborepo`๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์ˆ˜์˜ ์„œ๋น„์Šค์™€ ๊ณต์šฉ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋ฒ ์ด์Šค์—์„œ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌ. - **Micro-frontends:** ๊ฑฐ๋Œ€ํ•œ ์•ฑ์„ ๋…๋ฆฝ์ ์œผ๋กœ ๋ฐฐํฌ ๊ฐ€๋Šฅํ•œ ๋‹จ์œ„๋กœ ์ชผ๊ฐœ์–ด ํŒ€ ๊ฐ„์˜ ๊ฐ„์„ญ ์ตœ์†Œํ™” (Module Federation ๋“ฑ). - **Design Token System:** ์Šคํƒ€์ผ ์†์„ฑ์„ ๋ณ€์ˆ˜ํ™”ํ•˜์—ฌ ์ „์ฒด ํ”„๋กœ์ ํŠธ์˜ ์ผ๊ด€์„ฑ์„ ์ค‘์•™ ์ œ์–ด. - **์˜์˜:** ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ์ปค์ง์— ๋”ฐ๋ผ ๋ฐœ์ƒํ•˜๋Š” ์ŠคํŒŒ๊ฒŒํ‹ฐ ์ฝ”๋“œ์™€ ์˜์กด์„ฑ ์ง€์˜ฅ์„ ๋ฐฉ์ง€ํ•˜๊ณ , ์ง€์† ๊ฐ€๋Šฅํ•œ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ์œ ์ง€ํ•จ. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) - **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ณผ๊ฑฐ์—๋Š” ๋ฌด์กฐ๊ฑด์ ์ธ ์ฝ”๋“œ ๋ถ„๋ฆฌ(Micro-services)๊ฐ€ ์ •๋‹ต์ธ ๊ฒƒ์ฒ˜๋Ÿผ ์—ฌ๊ฒจ์กŒ์œผ๋‚˜, ํ˜„๋Œ€ ์ •์ฑ…์€ ๊ณผ๋„ํ•œ ๋ถ„์ ˆ์ด ์ดˆ๋ž˜ํ•˜๋Š” ๋ณต์žก๋„๋ฅผ ๊ฒฝ๊ณ„ํ•˜๋ฉฐ '๋ชจ๋“ˆ์‹ ๋ชจ๋†€๋ฆฌ์Šค(Modular Monolith)'๋‚˜ '๊ณ ์„ฑ๋Šฅ ๋ชจ๋…ธ๋ ˆํฌ ์ •์ฑ…'์„ ์„ ํ˜ธํ•จ. - **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋ชจ๋“  ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ๊ธ‰ ์ œํ’ˆ ๊ฐœ๋ฐœ ์‹œ FSD(Feature-Sliced Design) ์•„ํ‚คํ…์ฒ˜ ์ค€์ˆ˜๋ฅผ ์˜๋ฌดํ™”ํ•˜๋ฉฐ, ์˜์กด์„ฑ ๊ทœ์น™ ์œ„๋ฐ˜ ์‹œ ๋นŒ๋“œ ๋‹จ๊ณ„์—์„œ ์ฐจ๋‹จํ•˜๋Š” 'Architecture Linting' ์ •์ฑ…์„ ์‹œํ–‰ํ•จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) - [[Frontend-Architecture-and-Folder-Structure|Frontend-Architecture-and-Folder-Structure]], Modular-Monolith, [[Monorepo|Monorepo]], [[Clean-Architecture-Implementation|Clean-Architecture-Implementation]] - **Raw Source:** 00_Raw/Large-scale Application Architecture.md