Next.js 첫걸음

Next.js로 빠르고 검색 잘되는 웹사이트 제작

강의

18강

퀴즈

9개

코드 실습

6개

프로젝트

2개

한눈에 보는 코스 특장점

쉽고 재미있는 강의로 Next.js에 입문하는 코스

Point 1

전문가의 강의를 통해 Next.js를
사용하는데 필요한 개념을 배워요

Point 2

강사님의 코드 해설을 통해
Next.js 활용 방법을 배울 수 있어요

Point 3

강의에서 배운 개념을 적용해
Next.js 코드 프로젝트를 완성해요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

코스 소개
강의

1. Hello, Next.js
강의
2. Next.js 설치하고 첫 프로젝트 만들기
강의퀴즈

3. App Router
강의퀴즈
4. 레이아웃과 페이지 설정하기
강의퀴즈
5. 내비게이션으로 페이지 이동하기
강의코드 실습
6. Route Groups로 라우팅 구조 정리하기
강의퀴즈
7. Dynamic Routing으로 동적 페이지 만들기
강의코드 실습
[프로젝트 1] 온라인 쇼핑몰 만들기
프로젝트

8. Route Handlers
강의퀴즈
9. API 만들기 (1) - GET
강의코드 실습
10. API 만들기 (2) - POST, PUT, DELETE
강의코드 실습

11. SSR vs CSR - 렌더링 방식의 차이점
강의퀴즈
12. Next.js의 다양한 렌더링 방식 이해하기
강의퀴즈
13. 서버 컴포넌트 vs 클라이언트 컴포넌트 선택하기
강의퀴즈
14. Static Page vs Dynamic Page 구분하기
강의퀴즈

15. fetch API로 실제 데이터 가져오기
강의코드 실습
[프로젝트 2] 온라인 미술관 만들기
프로젝트

16. 이미지 최적화와 SEO 완벽 가이드
강의코드 실습
17. 내 웹사이트 세상에 공개하기 (배포)
강의

강사님을 소개해요

코딩 초보 탈출을 도와줄 대표 강사님이에요.

정용수

AI 활용 풀스택 개발자

현AI 코딩밸리 웹 개발 강사
현국내외 10여개 대학 웹 개발 강의
학위스콘신 대학교 컴퓨터 과학 복수 전공

위스콘신 대학교에서 컴퓨터 공학을 복수전공하며 쌓은 지식을 바탕으로 체계적인 교육을 제공합니다. AI 시대에 필요한 풀스택 개발 역량과 논리적 문제 해결 능력을 실무 중심으로 전달하겠습니다.

현AI 코딩밸리 웹 개발 강사
현국내외 10여개 대학 웹 개발 강의
학위스콘신 대학교 컴퓨터 과학 복수 전공

Next.js 첫걸음

강의18강

실습17개

무료체험하기 >상품 알아보기 >

Next.js 첫걸음

Next.js로 빠르고 검색 잘되는 웹사이트 제작

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

강사님을 소개해요

정용수

React 첫걸음

타입스크립트 첫걸음

Cursor AI 풀스택 웹 개발

Next.js 첫걸음

Next.js로 빠르고 검색 잘되는 웹사이트 제작

한눈에 보는 코스 특장점

필요한 개념을 모두 담은 탄탄한 커리큘럼

강사님을 소개해요

정용수

먼저 학습하고 오길 추천해요

React 첫걸음

타입스크립트 첫걸음

이어서 공부하길 추천해요

Cursor AI 풀스택 웹 개발