Thumbnail
개발 · 프로그래밍 프론트엔드

Vue 강의 끝판왕 : Nuxt 3 완벽 마스터 대시보드

(5)
22개의 수강평 ∙  175명의 수강생
165,000원

월 33,000원

5개월 할부 시
지식공유자: 짐코딩
총 60개 수업 (10시간 59분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[프론트엔드, 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분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 2. 개발환경 및 프로젝트 구성
개발환경 구성 미리보기 05:45 프로젝트 구성 미리보기 11:44
ESLint, Prettier 설정 05:44
Quasar UI Framework 설치 05:49
섹션 3. Routing & Layouts
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 주요 개념 및 특징
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
에러 던지기 : 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
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
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
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
섹션 10. Nuxt Modules
Modules : @nuxtjs/i18n 설치 15:28
섹션 11. Data fetching Advanced
VueUse : localStorage sessionStorage 07:39
Data fetching caching 11:46
섹션 12. Configuration
Nuxt Configuration 08:12
App Configuration 03:51
섹션 13. 수고하셨습니다 💕
제 강의를 찾아주셔서 진심으로 감사드립니다! 03:22
강의 게시일 : 2024년 02월 07일 (마지막 업데이트일 : 2024년 02월 07일)
수강평 총 22개
수강생분들이 직접 작성하신 수강평입니다.
5
22개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
wd thumbnail
5
Vue2 사용 경험만 있는 상태에서 Nuxt3으로 프로젝트를 진행하게 되어 수강하게 되었는데 덕분에 정말 유용한 지식을 얻었습니다. 업무에 쓰다 보니 필요한 내용을 빠르게 습득해야 했는데 짐코딩님 목소리도 그렇고 집중이 잘 되어서 좋았습니다. 좋은 강의 감사합니다
2024-04-16
지식공유자 짐코딩
만족해 하셔서 다행이에요! 감사합니다 💪
2024-04-22
이지윤 thumbnail
5
회사에서 새롭게 Nuxt3를 도입하게 되어 부랴부랴 강의를 찾게 되었습니다. 나온지 얼마 안된 프레임워크라 강의가 있을까 싶었는데 ... 역시 짐코딩님의 강의가 있었네요. vue 생태계에서 항상 믿고 듣는 짐코딩님입니다! 감사합니다 :)
2024-04-22
지식공유자 짐코딩
와우 💪 제 강의를 또 찾아주셔서 감사합니다 ☺️
2024-04-23
ByoungJU Park thumbnail
5
짐코딩의 vue 강의를 듣고 vue 에 대한 남다른 열정이 있어서 nuxt 강의를 기다리고 있어 는데 나오니 정말 기뻣습니다. 저가 몇번째로 등록한지는 모르지만 나오자 마자 등록한듯 합니다. vue를 공부하는 많은 사람들이 기다리는 강의 일것 같아요. vue 를 하면 이강의는 꼭들어야 하지 않을까 생각합니다. 강의 내용이 체계적이고 내용에 막힘이 없어서 학습하는데 도움이 됩니다. 좋은 강의 감사합니다.
2024-02-08
지식공유자 짐코딩
와우~!! 말씀하신 것처럼 Vue를 수강하시는 분들이 많은 도움을 드릴 수 있도록 정말 체계적으로 구성한 강의에요 도움이 되셨다니 뿌듯하네용 🥹 감사합니다~!! 💪
2024-02-11
swgoodcode thumbnail
5
19년 vue2를 처음 실무에 사용해오다 작년 초 갑작스럽게 vue3로 전환해야 하는 일이 발생했습니다.. 부랴부랴 강의를 찾아보는데 어디에도 없더군요... 그러다 인프런에서 vue3 강의가 올라온 것을 발견했습니다. 그런데 제가 vue2 강의를 들었던 강사님이 아닌 처음 뵙는 분이더군요... 걱정 반으로 회사 계정으로 vue3 기초를 들었는데 퀄리티가 굉장히 높았습니다. 그래서 개인 계정으로 vue3 심화를 수강했고 이제 마스터했다 생각했는데 주변 부서에서 vueuse, nuxtjs 등 사용한다는 소문을 들었습니다. 다시 짐코딩님에게 신세를 지고자 nuxt.js를 수강하게 되었습니다. 120% 준비하셨다는 말은 거짓말이 아니라고 느꼇습니다. 제 신입 때 좌우명? 이 120%였는데 반갑네요... 이제 Vue 3 & Firebase 올리신 것도 수강하려고 합니다. 앞으로 새로운 기술이 나오면 이번처럼 빠른 강의 출시 부탁드립니다! (항상 강의 빨리 출시해주신 덕분에 제가 인프런 다른 강사님에서 여기로 갈아 탔습니다...후훗)
2024-02-13
지식공유자 짐코딩
와우~!! 신입 때 좌우명이 120%였군요!! 훌륭한 개발자로 성장하신 느낌적인 느낌이 들어요! 💪 제 강의를 수강해 주시고 알아봐 주셔서 감사합니다 🙂
2024-02-13
white123 thumbnail
5
짐코딩 사이트에서 vue3 기초편부터 시작하여 실전편 ~ FireBase+Vue3 강의까지 완강을 앞두고 있는데 Nuxt 출시 소식에 허겁지겁 달려와서 결제부터 하고 있는 내모습...🙋🏻 '이건 이렇게 하시면 되요~~' 라는 식의 강의가 아닌 기초부터 천천히 최대한 이해하기 쉽게 설명해주신 덕분에 독학으로 시작하여 취뽀까지 성공했습니다..!!! 항상 좋은 퀄리티의 강의 너무너무 감사드리고 앞으로 더 좋은 강의 많이 부탁드립니다🙇🏻‍♂️🙇🏻‍♂️
2024-02-15
지식공유자 짐코딩
와우~!! 취업 축하드립니다! 🎉 웹 개발 입문자들을 위하여 HTML 부터 Vue 실전까지! 이해하기 쉽도록 정말 신경 많이썼는데요. 취업까지 성공하셨다니 너무 뿌듯하네요! 감사합니다 💪
2024-02-16