25%
165,000원
123,750원
월 24,750원
5개월 할부 시
중급자를 위해 준비한
[프론트엔드, Nuxt.js] 강의입니다.
Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!
✍️
이런 걸
배워요!
이런 걸
배워요!
Nuxt 파일 기반 라우팅을 활용한 빠른 프론트 구축
Nuxt 서버 라우트를 활용한 백엔드 API 개발
SSR, CSR, SPA, Universal Rendering, Hydration 등 주요 개념
SEO 및 Netlify 배포
Nuxt & App Configuration (환경 변수 설정)
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
Vue를 사용하여 웹 애플리케이션을 만들고자 하는 분!
하나의 소스코드로 완전한 웹을 만들고자 하는 팀!
Nuxt를 제대로 학습하고 싶으신 분!
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
HTML & CSS
JavaScript
Vue3
안녕하세요
짐코딩 입니다.
짐코딩 입니다.
안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있어요.
그리고 인프런 교육 플랫폼에서 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
커리큘럼
총 60 개
˙ 10시간 59분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의소개 및 오리엔테이션
2 강
∙ 13분
섹션 1. 시작하기 전에
3 강
∙ 28분
섹션 2. 개발환경 및 프로젝트 구성
4 강
∙ 29분
섹션 3. Routing & Layouts
13 강
∙ 3시간 24분
Nuxt 컴포넌트 계층
미리보기
19:16
라우팅 기본 : 파일 기반 라우팅
미리보기
15:08
Course 페이지 만들기
03:34
Vue3 with TypeScript
12:59
Course 데이터 가져오기
33:55
NuxtPage 내장 컴포넌트
미리보기
21:23
Utils - definePageMeta
09:15
라우팅 고급 - 중첩 라우팅
16:09
NuxtLink 내장 컴포넌트
미리보기
27:15
인프런 수강후기 이벤트 🎉
미리보기
레이아웃 구성 - 기초부터 실전까지
28:04
Utils - navigateTo
06:23
Netlify 배포하기
11:37
섹션 4. Nuxt 주요 개념 및 특징
5 강
∙ 1시간 19분
nuxtApp (Runtime App Context)
10:52
Nuxt plugins(다국어) & utils
19:52
Auto-imports
06:31
Rendering Modes
11:44
Hydration
30:55
섹션 5. Error Handling
6 강
∙ 40분
에러 던지기 : createError Utils
11:42
에러 페이지 정의 (with useError, clearError)
07:27
Error Handling (with Lifecycle hooks)
06:41
Error Utils - showError
04:11
클라이언트 오류 처리 (NuxtErrorBoundary)
05:10
Route Validation
05:05
섹션 6. Route Middleware and Authentication
6 강
∙ 58분
Route Middleware 기초
05:52
Authentication 로그인 UI 만들기
03:21
Page 공통 컴포넌트 만들기 (쉬어가요)
11:50
Authentication 비즈니스 로직 구현
22:15
Auth Named Middleware 적용
11:17
Global & Dynamic Middleware
03:48
섹션 7. State Management
7 강
∙ 57분
Nuxt 상태관리 : useState()
08:02
useRequestHeaders 컴포저블
미리보기
09:27
Authentication : useState 적용
10:32
Nuxt & Pinia : 상태관리
08:44
Authentication : Pinia 적용
08:12
Authentication : Pinia 상태 유지
08:06
useCookie : locale 상태 유지
04:19
섹션 8. Server Routes - Course API
6 강
∙ 1시간 13분
Server Routes - Course API
20:44
Client Data fetching - Course API
07:39
[추가영상] 제네릭 타입 추가
03:12
Server Routes - Auth API
16:54
Client Data fetching - Auth API
18:56
Server Auth Utils & Middleware
06:01
섹션 9. SEO & Meta
2 강
∙ 23분
SEO and Meta Basic (with SNS)
미리보기
14:10
SEO and Meta Advanced
09:09
섹션 10. Nuxt Modules
1 강
∙ 15분
Modules : @nuxtjs/i18n 설치
15:28
섹션 11. Data fetching Advanced
2 강
∙ 19분
VueUse : localStorage sessionStorage
07:39
Data fetching caching
11:46
섹션 12. Configuration
2 강
∙ 12분
Nuxt Configuration
08:12
App Configuration
03:51
섹션 13. 수고하셨습니다 💕
1 강
∙ 3분
제 강의를 찾아주셔서 진심으로 감사드립니다!
03:22
강의 게시일 : 2024년 02월 07일
(마지막 업데이트일 : 2024년 02월 07일)
수강평
총 29개
수강생분들이 직접 작성하신 수강평입니다.
5
29개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
백엔드 개발자입니다.
사내 레거시 프로그램을 마이그레이션 하려는 상황에서
비교적 러닝커브가 낮다고 소문나있는 Vue를 활용하고자 수강하게 되었습니다.
인프런 Vue 검색어 기준 수강자가 많은 한분과 짐코딩님의 강의를 서로 비교하면서
최종적으로 짐코딩님의 Nuxt 강의를 선택하게 되었는데,
아주 기초적인 수준의 지식만 보유하고 있던 저조차 이해가 쉽게 될 만큼 짜임새 좋은 강의였습니다.
쉽지만 핵심은 모두 담겨있는 속도감 있는 설명, 깔끔한 음질, 짐코딩님만의 특유의
화면 구성 및 목소리 등 강의 초반부까지 수강하였는데 후반까지 가면 얼마나 제게 도움될지 기대가 많이 됩니다.
사내에 프론트 개발팀이 있더라도 백엔드 개발자 또한 어드민 페이지 등 실무에서 화면을 구성할 일이 종종
발생할 수 있는데, 제가 감히 말씀올리자면 Vue를 통하여 화면구현을 하시고자 하신다면 짐코딩님의 강의를 최고로 추천드립니다.
이 글을 읽으시는 모든 분들 5월 가정의 달으로써 행복한 달이 되길 바라며,
남은 강의 즐거운 마음으로 수강하겠습니다😊
감사합니다.
2024-05-01
짐코딩의 vue 강의를 듣고 vue 에 대한 남다른 열정이 있어서 nuxt 강의를 기다리고 있어
는데 나오니 정말 기뻣습니다. 저가 몇번째로 등록한지는 모르지만 나오자 마자 등록한듯 합니다.
vue를 공부하는 많은 사람들이 기다리는 강의 일것 같아요. vue 를 하면 이강의는 꼭들어야 하지 않을까 생각합니다. 강의 내용이 체계적이고 내용에 막힘이 없어서 학습하는데 도움이 됩니다.
좋은 강의 감사합니다.
2024-02-08
짐코딩 사이트에서 vue3 기초편부터 시작하여 실전편 ~ FireBase+Vue3 강의까지 완강을 앞두고 있는데 Nuxt 출시 소식에 허겁지겁 달려와서 결제부터 하고 있는 내모습...🙋🏻
'이건 이렇게 하시면 되요~~' 라는 식의 강의가 아닌 기초부터 천천히 최대한 이해하기 쉽게 설명해주신 덕분에 독학으로 시작하여 취뽀까지 성공했습니다..!!! 항상 좋은 퀄리티의 강의 너무너무 감사드리고 앞으로 더 좋은 강의 많이 부탁드립니다🙇🏻♂️🙇🏻♂️
2024-02-15
19년 vue2를 처음 실무에 사용해오다 작년 초 갑작스럽게 vue3로 전환해야 하는 일이 발생했습니다..
부랴부랴 강의를 찾아보는데 어디에도 없더군요... 그러다 인프런에서 vue3 강의가 올라온 것을 발견했습니다. 그런데 제가 vue2 강의를 들었던 강사님이 아닌 처음 뵙는 분이더군요...
걱정 반으로 회사 계정으로 vue3 기초를 들었는데 퀄리티가 굉장히 높았습니다.
그래서 개인 계정으로 vue3 심화를 수강했고 이제 마스터했다 생각했는데 주변 부서에서 vueuse, nuxtjs 등 사용한다는 소문을 들었습니다.
다시 짐코딩님에게 신세를 지고자 nuxt.js를 수강하게 되었습니다.
120% 준비하셨다는 말은 거짓말이 아니라고 느꼇습니다. 제 신입 때 좌우명? 이 120%였는데 반갑네요...
이제 Vue 3 & Firebase 올리신 것도 수강하려고 합니다.
앞으로 새로운 기술이 나오면 이번처럼 빠른 강의 출시 부탁드립니다!
(항상 강의 빨리 출시해주신 덕분에 제가 인프런 다른 강사님에서 여기로 갈아 탔습니다...후훗)
2024-02-13
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!