본문 바로가기

Course

[한글자막] Next.js & React - 완벽 정복 가이드

Next.js & React
- 완벽 정복 가이드
(incl. Two Paths!)

NextJS를 기초부터 배우고, 프로덕션
준비가 완료된 풀스택 ReactJS 앱을
NextJS 프레임워크를 통해
구축해 보세요!

배울 내용

사전 렌더링, SSR, 데이터 페칭, 파일 기반 라우팅 및 인증 등의 핵심적인 NextJS 기능

실제 프로젝트를 구축하고, 예시를 통해 배운 내용 직접 실습

NextJS를 통해 클라이언트 사이드 및 풀스택 ReactJS를 구축하는 방법

과정 전체를 수강할 시간이 부족한 경우, “NextJS 요약” 모듈로 강의 내용 빠르게 정리 가능

Maximilian Schwarzmüller

전문 웹 개발자 및 강사


이런 분들에게 추천해요

수준을 한 단계 끌어올리고 프로덕션 준비가 완료된 React 앱을 구축하고자 하는 React 개발자

풀스택 React 앱 구축을 목표로 하는 React 개발자

본 강의를 수강하여 가장 인기있고 수요가 많은 테크 스택으로 작업하고자 하는 웹 기초 개발자

IT 기술 업계에 커리어를 시작하는데 목표를 둔 신입생 및 취업준비생

● 본 강의는 25시간 분량의 NextJS & ReactJS의 완전 정복 강의입니다.
● 하지만, 시간이 촉박한 분을 위한 3시간 특별 요약 강의를 포함합니다!
● 여러분들이 React 개발자로서 프로젝트를 심층적으로 구축하는 방법을 알려드립니다. 초보자도 고수로 성장할 수 있도록 정확한 개념 정리와 다양한 예제 구성의 강의를 준비했습니다.

베스트셀러 NextJS 강의 과정을 수강해서 React JS & NextJS를 통해, 아주 동적이고 엄청나게 빠르며, SEO 준비가 완료된 React 앱을 구축하는 방법을 배워 보세요!
본 강의 과정은 두 가지 강의가 있습니다. 바로 “완전 정복” 강의(총 20시간 이상)와 “요약” 강의(약 3시간에 이르는 요약 모듈)입니다 - 여러분의 일정에 맞는 강의를 선택해 수강하세요!

----

[본 강의를 수강해야 하는 5가지 이유]
#1. 저는 Udemy 베스트셀링 React 강의 과정의 제작자 및 강사입니다. 이번 NextJS 강의 과정을 한국 수강생 여러분들과 공유하게 되어 정말 기쁩니다. 본 강의 과정에서는 여러분이 React 개발자로서 한 단계 더 나아가 실제, React 및 Next.js를 통해 프로덕션 준비가 완료된 프로젝트를 구축할 수 있도록 해줄 React 프레임워크에 대해 심층적으로 다루고 있습니다.
Next.js는 ReactJS를 위한 프로덕션 준비가 완료된, 풀스택 가능 프레임워크로 요즘 가장 인기가 많은 JavaScript 라이브러리입니다!

#2. React 개발자로서 성장하고, 여러분의 React 앱을 한 단계 더 높은 수준으로 끌어올리기 위해서는 NextJS가 딱 맞는 선택입니다!
NextJS는 빠르게 성장하고 있어 수요가 높기 때문이죠. 그 이유가 몇 가지 있는데요, NextJS를 사용하면 내장 서버 사이드 렌더링과 페이지 사전 렌더링을 포함한 React 앱을 구축할 수 있습니다. 훌륭한 사용자 경험을 구축할 수 있으며, 검색 엔진에 최적화(SEO)되어 있습니다! React 앱을 아주 쉽게 만들었죠!

#3. 게다가, NextJS를 사용하면 풀스택 React 앱(한 프로젝트 내에 결합된 프론트엔드 + 백엔드 코드)의 구축 또한 엄청나게 간편해집니다! 프론트엔드 React 앱과 함께 클라이언트 사이드와 서버 사이드 코드를 조합하고, NodeJS 기반의 API를 구축할 수 있죠. NextJS와 함께라면 아주 간단합니다!
인증을 추가하고 싶은가요? NextJS는 인증 과정 또한 간소화해, 가입, 로그인 및 세션 관리 또한 아주 편리하게 만들어 줍니다.

#4. 본 강의 과정이 여러분을 순식간에 NextJS 초심자에서 고수로 만들어 줄 겁니다!
아주 기초부터 시작할 테니 NextJS 사전 지식은 필요하지 않으며, NextJS를 구성하는 모든 핵심 기능을 살펴보게 됩니다. 이론뿐만 아니라 여러 실제 프로젝트를 통해 모든 개념을 차근차근 적용하게 됩니다.
본 강의 과정의 수강을 위해서는 기초적인 React 배경지식이 필요하지만, 강의 과정에는 “React 복습” 모듈 또한 포함되어 있으니 React로 작업한 지 오래 되었다면 참고하세요.

#5. 본 강의 과정은 “NextJS 요약” 모듈 또한 포함하고 있어 향후에 복습하고자 할 때, 전체 강의를 모두 수강하지 않고도 복습할 수 있습니다. 아니면 (당장은 나머지 강의들은 건너뛰고) 요약 모듈부터 수강해서 짧은 시간 내에 모든 핵심 기능을 배울 수도 있죠.
강의 과정을 모두 수강한 후에는 여러분만의 NextJS 프로젝트를 처음부터 구축할 수 있고, NextJS 관련 직종에 지원할 수 있게 될 겁니다!

[강의에서 다룰 내용]
● NextJS란 무엇인가? NextJS를 왜 사용하는 걸까?
● 왜 (대부분의 경우에) React만으로는 충분하지 않을까?
● NextJS 프로젝트 처음부터 생성하기 & 프로젝트 이해하기
● 파일 기반 라우팅 작업하기
● 동적 라우트와 catch-all 라우트 추가하기
● 페이지 사전 렌더링 및 서버 사이드 렌더링의 다양한 형태 구현하기
● 데이터 작업하고 데이터 페칭을 추가해 앱에 사전 페칭하기
● 동적 및 정적 페이지 사전 생성하기
● 페이지로 메타데이터 등의 최적화 추가하기
● NextJS 이미지 컴포넌트를 통해 이미지 최적화하기
● API 라우트를 통해 풀스택 앱 구축하기
● React Context를 통해 앱 전반에 걸친 상태 관리하기 (NextJS 앱 내에서)
● NextJS 앱에 인증 추가하기
● 다양한 앱에 이와 같은 핵심 개념 적용해 보기!
● React.js 전체 복습 모듈 (모두 같은 수준에서 시작할 수 있도록 하기 위함)
● 배운 내용을 복습할 수 있고, 핵심 기능만을 빠르게 훑어볼 수 있는 NextJS 요약 모듈
● 그리고 더 많은 내용이 있습니다!

이 여정을 여러분과 함께 시작하게 되어 정말 기쁩니다!
1강에서 만나요!
- Max

평생 이용권25시간 동영상
TV&모바일 엑세스 강의 수료증