📙 개요개발환경next: v14.2.15 NextJS에서는 병렬 라우팅(Parallel Routes)와 인터셉팅 라우팅(Intercepting Routes)를 사용하여 모달을 만들 수 있다.현재 프로젝트에서 모달에 대한 폴더 구조는 아래와 같이 구성되어 있다. app/├── @modal/│ ├── default.tsx // 모달이 활성화되지 않았을 때 null 반환│ └── (.)login/page.tsx // 모달 컴포넌트 렌더링├── _component/LoginModal.tsx // 모달 컴포넌트 └── signup/page.tsx // 회원가입 페이지 로그인 모달 컴포넌트에는 를 사용한 페이지 이동이 두 개가 존재한다.export de..

📙 로컬 파일로 Nextjs 폰트 적용하는 기본적인 방법로컬파일(.ttf, .woff, …)을 Nextjs 폰트로 적용하기 위해서는 기본적으로 아래의 방법을 사용한다. 🟡 app/layout.tsx에 next/font 를 사용하여 변수를 선언하고, className에 전달// app/layout.tsximport localFont from "next/font/local";const suit = localFont({ src: "../../public/fonts/SUIT-Regular.ttf", display: "swap", variable: "--font-suit",});const suitBold = localFont({ src: "../../public/fonts/SUIT-Bold.ttf", ..