AI 요약관련 정보

• Next.js 라우팅 개념: 파일 기반 라우팅, 페이지 경로 설정, 동적 라우팅, 자식 라우트, page.tsx 파일 명명 규칙, Link 컴포넌트를 이용한 클라이언트 사이드 네비게이션 ✈️
• 레이아웃 컴포넌트(layout.tsx): 여러 페이지에서 공통적으로 사용되는 UI 요소를 정의하여 재사용성 및 유지보수성 향상, Navbar 등 공통 UI 구성요소 재사용 ✨
• 서버 컴포넌트와 클라이언트 컴포넌트: 서버 컴포넌트는 서버측 렌더링 및 데이터 페칭에 사용, 클라이언트 컴포넌트는 클라이언트측 인터랙티브 UI 구현에 사용, use client 지시어를 통해 클라이언트 컴포넌트로 지정 💻
• 라우트 그룹: 폴더를 URL 경로에 포함하지 않고 코드 정리 목적으로만 사용, 괄호 () 로 폴더 이름 감싸서 구현 📁
• 데이터 페칭: 서버 컴포넌트를 이용한 데이터 페칭, JSONPlaceholder API 활용 예시 🔄