인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프론트엔드

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!

(5.0) 수강평 46개

수강생 367명

Vue.jsNuxt.jspiniaVue 3
Thumbnail

중급자를 위해 준비한
[프론트엔드, Nuxt.js] 강의입니다.

이런 걸
배워요!

  • Nuxt 파일 기반 라우팅을 활용한 빠른 프론트 구축

  • Nuxt 서버 라우트를 활용한 백엔드 API 개발

  • SSR, CSR, SPA, Universal Rendering, Hydration 등 주요 개념

  • SEO 및 Netlify 배포

  • Nuxt & App Configuration (환경 변수 설정)

Vue를 사용하는 현업자 분들 모두 주목 🙋‍♀
Nuxt.js 누구보다 쉽고 친절하게 알려드립니다!

강의소개 💻

이번 강의를 준비하기 위해서 공식문서를 꼼꼼히 읽어보는 것은 물론이며, 해외 Nuxt3 강의도 직접 결제해서 수강을 했어요! 제가 여태까지 강의를 하면서 쌓았던 노하우와 에너지를 120% 쏟은 강의기 때문에 이번 강의는 Vue 초급자 분들부터 현업에계신 분들에게 유용할 수 있도록 정말 알찬 콘텐츠로 구성했습니다.

이번 강의의 특징 👀

  1. 이해하기 쉬운 개념부터 깊이 있는 개념까지 점진적으로 다가갈 수 있도록 커리큘럼을 구성

  2. 추상적인 개념을 쉽게 이해할 수 있도록 실체를 보여드리기 위해 정말 많은 에너지를 쏟았습니다.

  3. 정말 많은 내용 그리고 깊이있는 내용을 다루고 있습니다!

오리엔테이션 📘

00:27 강의 커리큘럼 설명 / 04:51 강의교안 설명 / 06:15 소스코드 설명 / 08:00 강의 로드맵

강의 커리큘럼 🎉

섹션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 (앱 정보 설정)

연관 강의 📺

프론트엔드 날개달기
Vue3 완벽 마스터 - 기본편
Vue3 완벽 마스터 - 실전편

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Vue를 사용하여 웹 애플리케이션을 만들고자 하는 분!

  • 하나의 소스코드로 완전한 웹을 만들고자 하는 팀!

  • Nuxt를 제대로 학습하고 싶으신 분!

선수 지식,
필요할까요?

  • HTML & CSS

  • JavaScript

  • Vue3

안녕하세요
짐코딩입니다.

수강생 수

18,384

수강평 수

855

강의 평점

4.9

강의 수

15

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

커리큘럼

전체

61개 ∙ (10시간 53분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!