짧은코딩

기존에는 Vue3와 Next를 같이 사용해서 프론트엔드 MSA를 구현하려고 했다.사실 Next로 프로젝트를 하는 것이 주 목표였고, Vue3는 부가적으로 가져가는 것이 목표였다.백엔드를 다 만들고 나서 프론트엔드를 생각해 보는데, 문득 어떻게 구현을 해야 할지를 생각해 봤다.Vue와 React를 합친 MSA는 셸 앱(Shell App)으로 구현이 가능하다고 한다.하지만 Next는 좀 다르다. 그 이유를 아래에서 설명해 보겠다.셸 앱(Shell App)이란?셸 앱은 마이크로 프론트엔드 아키텍처의 '뼈대' 또는 '컨테이너' 역할을 하는 핵심 애플리케이션이다. 가장 쉬운 비유는 스마트폰의 홈 화면셸 앱 (Shell App) = 스마트폰 홈 화면: 상단 상태 바, 하단 독(Dock)처럼 항상 고정되어 보이는 공..