코딩밸리

Next.js 첫걸음

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

강의

18

퀴즈

9

코드 실습

6

프로젝트

2

한눈에 보는 코스 특장점

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

쉽고 재미있는 강의로 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여개 대학 웹 개발 강의
  • 위스콘신 대학교 컴퓨터 과학 복수 전공

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

React 첫걸음

프론트엔드 개발의 핵심, 리액트에 입문하는 코스
STEP 1
28
React 첫걸음

타입스크립트 첫걸음

안전한 코드 작성을 위해 타입스크립트를 배우는 코스
STEP 3
32
타입스크립트 첫걸음

이어서 공부하길 추천해요

Cursor AI 풀스택 웹 개발

Cursor AI와 함께 풀스택 웹 개발에 도전하는 코스
STEP 5
21
Cursor AI 풀스택 웹 개발

Next.js 첫걸음

강의18
·
실습17