Next.js 16 기초 맛보기0원
수강 신청이런 경험, 있지 않나요?
AI가 짜준 코드를 그대로 쓰는데 에러 나면 멘붕이다
리액트, Next.js — 뭐부터 배워야 하는지 모르겠다
모던 프레임워크를 배우고 싶은데 진입 장벽이 높다
AI 코딩 도구를 쓰고 있지만 내가 성장하는 느낌이 없다
같은 AI를 써도, 결과가 달라집니다
AI가 짜준 코드를 복사해서 붙여넣기
코드가 왜 이렇게 동작하는지 이해하고 수정 가능
Next.js? React? 구분조차 안 됨
App Router 구조를 이해하고 AI에게 정확히 지시
AI한테 전부 맡기고 결과만 보기
핵심 원리를 알고, AI를 도구로 활용하는 방식 체험
이런 것을 배웁니다
AI에게 시키기 전에, 구조부터 이해하세요
AI가 만들어준 코드를 왜 그렇게 만들었는지 모르면, 에러가 나도 고칠 수 없습니다. 핵심 구조만 먼저 파악하면 AI 활용 효율이 완전히 달라집니다.
커리큘럼
총 2개 파트 · 10강
00. Next.js 16이란?
1Next.js가 뭔가요? — React와의 관계 정리
무료04:00
2HTML 복사 붙여넣기 vs 컴포넌트 — 왜 바꿔야 하나
무료05:00
3Claude Code로 프로젝트 생성하기
무료04:00
4App Router 폴더 구조 — 폴더가 곧 URL
무료06:00
5page.tsx 만들기 — 첫 번째 페이지 생성
무료05:00
01. 핵심 기능 체험
6layout.tsx — 헤더/푸터를 한 번만 작성하기
무료06:00
7중첩 레이아웃 — 페이지마다 다른 구조 적용
무료05:00
8서버 컴포넌트 — 브라우저에 JS를 안 보내는 마법
무료06:00
9클라이언트 컴포넌트 — 'use client'는 언제 쓰나
무료05:00
10다음 단계 안내 — 풀 강의에서 무엇을 배우나?
무료04:00