전체 용어로 돌아가기
프로그래밍 언어와 프레임워크

Next.js

Next.js은(는) 바이브 코딩 중 자주 마주치는 핵심 개념입니다. 정의만 외우기보다 실제 작업 흐름에서 어떤 역할을 하는지 이해하는 것이 중요합니다.

정확한 개념

리액트(React)를 기반으로 라우팅, 서버 렌더링, API 기능, 배포 구조를 더한 웹 프레임워크입니다.

왜 중요한가

단순한 화면을 넘어 로그인, 데이터 로딩, SEO, 서버 기능이 필요해지면 Next.js 같은 프레임워크가 자주 선택됩니다.

Understanding

이렇게 이해하면 쉽습니다

`/terms/[slug]` 같은 동적 라우트를 만들고, 각 용어 페이지를 SEO-friendly하게 생성할 수 있습니다.

서버 컴포넌트와 클라이언트 컴포넌트의 경계를 모르면 오류가 납니다. 브라우저 API를 쓰는 코드는 클라이언트에서만 실행해야 합니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    라우트 구조를 먼저 잡는다

  2. 02

    서버/클라이언트 실행 위치를 구분한다

  3. 03

    메타데이터와 캐싱 전략을 함께 설계한다

관계 지도