Next.js 웹 개발
Next.js로 최적화된 웹사이트를 만드는 인재가 되는 길
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
한 눈에 보는 로드맵
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
STEP 7
Goal
1 / 7
이 로드맵을 들어야 하는 이유
프론트엔드 기초 역량
프론트엔드 기본기인 HTML/CSS와 JavaScript 역량을 확실하게 다질 수 있어요.
프론트엔드 압도적 대세, React
다양한 프론트엔드 기술 중에서도 가장 많이 활용되는 React를 사용할 수 있어요.
현업에서 많이 쓰는 Next.js
웹사이트를 만들 때 주로 활용되는 프레임워크인 Next.js로 최적화된 React 웹사이트를 만들 수 있어요.
이런 분들께 추천해요
개발자 취준생
프론트엔드 개발자가 되고 싶으신 분
직접 만들래!
웹사이트를 만드는 방법이 궁금하신 분
현업 수준으로
Next.js로 현업 수준의 웹사이트를 만들고 싶으신 분
이 로드맵에서는 이걸 만들어 볼 수 있어요
다양한 웹 퍼블리싱 실습
다양한 웹 퍼블리싱 프로젝트를 통해 HTML/CSS, Box Model, 반응형 웹, Display, 포지셔닝, Float 등 웹 퍼블리싱의 기초 개념들을 완벽하게 익힐 수 있습니다.
오늘 할 일, 평면도, 채팅서비스
오늘 할 일 리스트, 마우스에 반응하는 평면도, 채팅 서비스 등을 만듭니다. 이를 통해 DOM 트리 개념과 JavaScript 이벤트 객체에 대해 이해하고, 마우스/키보드/스크롤 이벤트와 캡쳐링/버블링 등을 활용해서 웹사이트를 구현할 수 있습니다.
무비피디아, 푸드잇
영화 리뷰 서비스와 음식의 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
CodeitMall
간단한 쇼핑몰 웹사이트를 만들어 봅니다. 파일 시스템 기반 라우팅과 프리렌더링에 대해서 이해하고, Next.js를 사용해서 여러 페이지를 가진 웹사이트를 구현할 수 있습니다.
평균 만족도 4.9점의 생생한 후기
케니
Next.js로 웹사이트 만들기
next.js 사용법 뿐만아니라 웹앱의 렌더링 방식을 잘 이해하게 되었습니다. 사용 의의도 배울 수 있어서 너무 좋았어요
Protocol
Next.js로 웹사이트 만들기
Next.js 를 사용하고 있었는데 몰랐던 부분을 이 강의를 통해 알게 되었습니다. 도움이 많이 되어요!
co린e
Next.js로 웹사이트 만들기
일부 부족한 부분이 있었지만 샘플 페이지를 하나 만들어 보면서 next.js의 기본을 이해할 수 있었습니다. 잘 들었습니다.
치킨런
Next.js API 만들기
조금 어려워서 나중에 한번 더 보고 따라만들어야할 것 같아요. mongoDB와 vercel까지 사용해볼 수 있어 좋습니다.
Brandellie
Next.js API 만들기
재밌어서 금방 끝내버린 강의
Lobo84
Next.js API 만들기
기초 다지기에 좋은 강의였습니다. 잘 들었습니다.
로드맵 따라가기
궁금한 점이 있으세요?