개발 노트

Server Component 위 그림에서 Navbar나 Sidebar, Main컴포넌트는 interactive한 요소가 없으므로 Server Component가 적합합니다. 내부에 Search나 button같은 경우에는 상호작용 요소가 있으므로 Client Component가 적합합니다. 왜 Server Component를 써야하는가 Server Component 사용 시 초기 로드 속도가 향상되고 클라이언트의 js번들 사이즈는 감소합니다. 기존의 client 측의 런타임은 캐시할 수 있고 크기를 예측 가능하며 어플리케이션이 커져도 증가하지 않습니다. App router에서는 기본적으로 모든 컴포넌트가 Server Component가 Default로 사용됩니다. Client Component로 사용하고..

next.js 프로젝트 시작하기 npx create-next-app@latest yarn create next-app pnpm create next-app bunx create-next-app 원하는 조건에 맞춰서 세팅할 수 있습니다 What is your project named? my-app Would you like to use TypeScript? No / Yes Would you like to use ESLint? No / Yes Would you like to use Tailwind CSS? No / Yes Would you like to use `src/` directory? No / Yes Would you like to use App Router? (recommended) No / Yes..

next.js라우팅관련 포스팅하기 공고/ 뉴스 / 링크페이지 만들기

아기소 nav 라우팅 설정하기 컴포넌트 설계하기 메인페이지 만들기