
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
짐코딩
₩66,000
초급 / Vue.js
4.9
(215)
Vue.js 3로 웹 개발을 할 수 있도록 공식문서를 기반으로 하여 Vue 3 스펙을 자세하고 깊이있게 다룹니다.
초급
Vue.js
Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!
Nuxt 파일 기반 라우팅을 활용한 빠른 프론트 구축
Nuxt 서버 라우트를 활용한 백엔드 API 개발
SSR, CSR, SPA, Universal Rendering, Hydration 등 주요 개념
SEO 및 Netlify 배포
Nuxt & App Configuration (환경 변수 설정)
Vue를 사용하는 현업자 분들 모두 주목 🙋♀
Nuxt.js 누구보다 쉽고 친절하게 알려드립니다!
이번 강의를 준비하기 위해서 공식문서를 꼼꼼히 읽어보는 것은 물론이며, 해외 Nuxt3 강의도 직접 결제해서 수강을 했어요! 제가 여태까지 강의를 하면서 쌓았던 노하우와 에너지를 120% 쏟은 강의기 때문에 이번 강의는 Vue 초급자 분들부터 현업에계신 분들에게 유용할 수 있도록 정말 알찬 콘텐츠로 구성했습니다.
이해하기 쉬운 개념부터 깊이 있는 개념까지 점진적으로 다가갈 수 있도록 커리큘럼을 구성
추상적인 개념을 쉽게 이해할 수 있도록 실체를 보여드리기 위해 정말 많은 에너지를 쏟았습니다.
정말 많은 내용 그리고 깊이있는 내용을 다루고 있습니다!
섹션1. 시작하기 전에
프레임워크 공부법, Nuxt란 무엇인가?!
NVM 으로 Nodejs 버전관리
섹션2. 개발환경 및 프로젝트 구성
개발환경, 프로젝트 구성
ESLint, Pritter, Quasar 설치
섹션3. Routing & Layouts
실전 감각을 위한 라우팅 및 레이아웃
NuxtPage, NuxtLink 부터 배포까지!
섹션4. Nuxt 주요 개념 및 특징
Runtime App Context
Rendering Modes, Hydration 등 주요 개념
섹션5. Error Handling
Nuxt 에서 에러 처리하기
NuxtErrorBoundary 컴포넌트 및 다양한 방법
섹션6. Route Middleware & Authentication
Nuxt Route Middleware 학습
로그인 예제를 통한 Middleware 적용
섹션7. State Management
Nuxt useState, useRequestHeaders
Pinia 상태관리 및 상태유지
섹션8. Server Routes
Nuxt Server Routes로 API 구현
Client에서 API 조회하기
섹션9. SEO and Meta
SEO 기초 및 카카오톡 공유 태그
Nuxt의 다양한 SEO 방법
섹션10. Nuxt Modules
Nuxt Module 이란?
@nuxtjs/i18n 설치 및 사용
섹션11. Data fetching Advanced
Vueuse local vs session Storage
Data fetching caching 구현
섹션12. Configuration
Nuxt Configuration (환경변수 설정)
App Configuration (앱 정보 설정)
학습 대상은
누구일까요?
Vue를 사용하여 웹 애플리케이션을 만들고자 하는 분!
하나의 소스코드로 완전한 웹을 만들고자 하는 팀!
Nuxt를 제대로 학습하고 싶으신 분!
선수 지식,
필요할까요?
HTML & CSS
JavaScript
Vue3
20,887
명
수강생
947
개
수강평
532
개
답변
4.9
점
강의 평점
15
개
강의
안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂
유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.
제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.
항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.
📨 이메일 bruce.lean17@gmail.com
🏋️♀️ 헬스타그램 @helinlee.gram
🧑💻 코딩스타그램 @gymcoding
전체
61개 ∙ (10시간 53분)
프레임워크란? 프레임워크 공부법!
11:45
Nuxt란 무엇인가?
06:37
NVM으로 Nodejs 버전관리
10:33
개발환경 구성
05:45
ESLint, Prettier 설정
05:44
Nuxt 컴포넌트 계층
19:16
라우팅 기본 : 파일 기반 라우팅
15:08
Course 페이지 만들기
03:34
Vue3 with TypeScript
12:59
Course 데이터 가져오기
33:55
NuxtPage 내장 컴포넌트
21:23
라우팅 고급 - 중첩 라우팅
16:09
NuxtLink 내장 컴포넌트
27:15
레이아웃 구성 - 기초부터 실전까지
28:04
Utils - navigateTo
06:23
Netlify 배포하기
11:37
Auto-imports
06:31
Rendering Modes
11:44
Hydration
30:55
Route Validation
05:05
Route Middleware 기초
05:52
Nuxt & Pinia : 상태관리
08:44
[추가영상] 제네릭 타입 추가
03:12
Nuxt Configuration
08:12
App Configuration
03:51
전체
51개
5.0
51개의 수강평
월 ₩33,000
5개월 할부 시
₩165,000