Next.js 웹 개발

Next.js 웹 개발

토픽 20
80,149명 수강
평균 3+개월

HTML, CSS, JS부터 리액트까지

프론트엔드 기초 개념부터 차근차근

Next.js로 최적화된 웹사이트 만들고

현업 수준의 웹 개발 역량 기르기

채팅, 영화 리뷰 서비스, 쇼핑몰 등

다양한 실습으로 쌓는 프로젝트 경험
로드맵 소개
Next.js로 최적화된 웹사이트를 만드는 인재가 되는 길

로드맵이란?

전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.

로드맵
한눈에 보는 로드맵

STEP 1

STEP 2

STEP 3

STEP 4

STEP 5

STEP 6

STEP 7

Goal

Goal

1 / 7

로드맵의 매력
이 로드맵을 들어야 하는 이유
프론트엔드 기초 역량
프론트엔드 기초 역량
프론트엔드 기본기인 HTML/CSS와 JavaScript 역량을 확실하게 다질 수 있어요.
프론트엔드 압도적 대세, React
프론트엔드 압도적 대세, React
다양한 프론트엔드 기술 중에서도 가장 많이 활용되는 React를 사용할 수 있어요.
현업에서 많이 쓰는 Next.js
현업에서 많이 쓰는 Next.js
웹사이트를 만들 때 주로 활용되는 프레임워크인 Next.js로 최적화된 React 웹사이트를 만들 수 있어요.
실습 프로젝트
이 로드맵에서는 이걸 만들어 볼 수 있어요
웹페이지 만들기
다양한 웹 퍼블리싱 실습
다양한 웹 퍼블리싱 프로젝트를 통해 HTML/CSS, Box Model, 반응형 웹, Display, 포지셔닝, Float 등 웹 퍼블리싱의 기초 개념들을 완벽하게 익힐 수 있습니다.
웹 서비스 만들기
오늘 할 일, 평면도, 채팅서비스
오늘 할 일 리스트, 마우스에 반응하는 평면도, 채팅 서비스 등을 만듭니다. 이를 통해 DOM 트리 개념과 JavaScript 이벤트 객체에 대해 이해하고, 마우스/키보드/스크롤 이벤트와 캡쳐링/버블링 등을 활용해서 웹사이트를 구현할 수 있습니다.
웹 서비스 만들기
무비피디아, 푸드잇
영화 리뷰 서비스와 음식의 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
CodeitMall
웹 서비스 만들기
CodeitMall
간단한 쇼핑몰 웹사이트를 만들어 봅니다. 파일 시스템 기반 라우팅과 프리렌더링에 대해서 이해하고, Next.js를 사용해서 여러 페이지를 가진 웹사이트를 구현할 수 있습니다.
Codeit Original
12만 개의 후기, 98%의 만족도의 비밀
members
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요

쉽지만 탄탄하게 실력 쌓고 싶다면?

5~10분의 짧은 강의지만 내용의 중복, 누락 없이 꼭 필요한 개념으로만
구성했어요.
콘텐츠 팀 | 박채운 PD
member1

몰입도 있게 스스로 학습하고 싶다면?

기초부터 실습, 프로젝트, 질문 답변까지 코드잇에서 모두 해결할 수 있어 200% 몰입할 수 있어요.
콘텐츠 팀 | 황준우 PD
member1

효율적으로 목표를 달성하고 싶다면?

무슨 강의를 들을지 고민할 필요 없이 33개 로드맵 중 목표에 맞는 로드맵만 따라가면 돼요.
콘텐츠 팀 | 남수지 PD
member1
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
세부 커리큘럼
로드맵 따라가기

Next.js 웹 개발

로드맵 목표

Next.js로 더욱 빠르고 최적화된 웹사이트 만들기

토픽 20
80,149명 수강
평균 3+개월

전문가가 만든 로드맵으로 고민 없이 시작!

코드잇 멤버십 혜택
4,000여개의 강의를 코드잇 멤버십 하나로!
거기에 이 모든 혜택까지!
강의 1개 가격으로
모든 강의 무제한 수강

1

강의 1개 가격으로 모든 강의 무제한 수강

매달 추가되는
새로운 강의

2

매달 추가되는 새로운 강의

언제든 물어볼 수 있는
코드잇 커뮤니티

3

언제든 물어볼 수 있는 코드잇 커뮤니티

작심삼일을 극복하는
동기부여 프로그램

4

작심삼일을 극복하는 동기부여 프로그램

내 노력과 역량을
증명할 수 있는 수료증

5

내 노력과 역량을 증명할 수 있는 수료증

자주 묻는 질문
궁금한 점이 있으세요?

전문가가 만든 로드맵으로 고민 없이 시작!

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇