개요개인 프로젝트를 App Rotuer 로 마이그레이션하면서 아키텍처의 중요성을 다시한번 깨닫고 FSD(Feature-Sliced Design)을 고민해보았다. 기존 프로젝트 구조는 Next.js Pages Router 의 공식 Docs 를 보고 큰 고민없이 확장해나간 모놀리식 구조였다.nextjs-keylog ┣ components ┣ config ┣ hooks ┣ pages ┃ ┣ [userId] ┃ ┃ ┣ posts ┃ ┣ api ┃ ┃ ┣ auth ┃ ┣ resetPassword ┣ public ┃ ┣ font ┃ ┣ icon ┣ reducer ┣ store ┣ styles ┣ utils[기존 Pages Router 기반 구조] 이런식의 구조를 구성하다보니 프로젝트가 커질수록 컴포넌트가 계속 늘어..