Next.js
Next.js은(는) 바이브 코딩 중 자주 마주치는 핵심 개념입니다. 정의만 외우기보다 실제 작업 흐름에서 어떤 역할을 하는지 이해하는 것이 중요합니다.
정확한 개념
리액트(React)를 기반으로 라우팅, 서버 렌더링, API 기능, 배포 구조를 더한 웹 프레임워크입니다.
왜 중요한가
단순한 화면을 넘어 로그인, 데이터 로딩, SEO, 서버 기능이 필요해지면 Next.js 같은 프레임워크가 자주 선택됩니다.
Understanding
이렇게 이해하면 쉽습니다
`/terms/[slug]` 같은 동적 라우트를 만들고, 각 용어 페이지를 SEO-friendly하게 생성할 수 있습니다.
서버 컴포넌트와 클라이언트 컴포넌트의 경계를 모르면 오류가 납니다. 브라우저 API를 쓰는 코드는 클라이언트에서만 실행해야 합니다.
Checklist
실제로 볼 때 확인할 것
- 01
라우트 구조를 먼저 잡는다
- 02
서버/클라이언트 실행 위치를 구분한다
- 03
메타데이터와 캐싱 전략을 함께 설계한다