0. 이 글에서 다루는 것Next App Router로 프로젝트를 옮기다 보면 가장 먼저 막히는 지점이 있습니다.app/layout.tsx에는 {children}밖에 없는데,Next는 어떻게 “지금 어떤 페이지를 렌더링해야 하는지” 알고 있을까?Vite + React Router에 익숙하다면 이 구조가 꽤 낯설게 느껴집니다.아래 네 가지 주제를 토대로 정리합니다.라우팅이 무엇인가?Vite 방식과 Next App Router 방식은 무엇이 다른가?실제 프로젝트에서 도메인(admin.)에 따라 레이아웃을 분기하는 법가드 로직은 어디에 두는 게 좋은지에 대한 개인적인 생각1. 라우팅이란 무엇인가라우팅은 결국 이 질문에 대한 답입니다.“현재 URL 요청에 대해 어떤 화면(컴포넌트) 을 보여줄 것인가?”브라우저가..