Next.js
1.Next.js 학습기 Layout
레이아웃은 여러 경로 사이에서 공유되는 UI입니다. 레이아웃은 내비게이션 시 상태를 보존하고 상호작용이 가능하며, 다시 렌더링되지 않습니다. 또한 레이아웃은 중첩될 수도 있습니다.레이아웃을 정의하려면 layout.js 파일에서 React 컴포넌트를 기본으로 내보내면 됩
2.Next.js 학습기 Parallel Routes
패러렐 라우트는 동시에 또는 조건부로 동일한 레이아웃 내에서 하나 이상의 페이지를 렌더링할 수 있게 합니다.이는 대시보드나 소셜 사이트의 피드와 같이 매우 동적인 앱 섹션에 유용합니다.패러렐 라우트는 이름이 지정된 슬롯(named slots)을 사용하여 생성됩니다. 슬
3.Next.js 학습기 Route Groups
앱 디렉토리에서는 중첩된 폴더가 일반적으로 URL 경로에 매핑됩니다. 그러나 폴더를 Route Group으로 표시하면 해당 폴더가 경로의 URL 경로에 포함되지 않도록 할 수 있습니다.이를 통해 URL 경로 구조에 영향을 주지 않으면서 경로 세그먼트와 프로젝트 파일을
4.Next.js 학습기 intercepting routes
Intercepting routes는 현재 레이아웃 내에서 애플리케이션의 다른 부분의 라우트를 로드할 수 있게 한다.이러한 라우팅 패러다임은 사용자가 다른 컨텍스트로 전환하지 않고도 라우트의 내용을 표시하고자 할 때 유용하다.예를 들어, 피드에서 사진을 클릭할 때, 사
5.Next.js Parallel Routes 와 Intercepting Routes 를 사용해 Modal 만들기
이전에 학습한 Parallel Routes 와 Intercepting Routes 를 사용해서 Modal을 만들수 있다고 문서에 작성돼있어서 직접 한번 만들어 보았다.시작하기에 앞서, Parallel Routes 는 한 화면에 두개의 페이지를 띄우는 것이고, Inter