채널톡 아이콘
BEST

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

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

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

연관 강의 📺

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

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

선수 지식,
필요할까요?

  • HTML & CSS

  • JavaScript

  • Vue3

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

20,453

수강생

930

수강평

519

답변

4.9

강의 평점

15

강의

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

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

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

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

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

더보기

커리큘럼

전체

61개 ∙ (10시간 53분)

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

수강평

전체

51개

5.0

51개의 수강평

  • Dalbong

    수강평 21

    평균 평점 4.0

    5

    28% 수강 후 작성

    Vue3에 생태에 Nuxt라는 새로운 프레임웍을 알기쉽게 설명을 꼼꼼히 해주셔서 도움이 많이 되었습니다. 전무후무 한 Nuxt 프레임웍 강의 였습니다. 앞으로도 좋은 강의 부탁드립니다.

    • 짐코딩
      지식공유자

      Nuxt의 핵심을 쉽게 전달하고자 노력한 부분을 좋게 봐주셔서 너무 감사드립니다! 💪 앞으로도 유익한 강의로 보답하겠습니다 😊

  • 용용

    수강평 2

    평균 평점 5.0

    5

    22% 수강 후 작성

    .

    • 짐코딩
      지식공유자

      Nuxt를 처음 접하시는 분들과 현업에서 Nuxt를 어느정도 사용하시는 분들 모두에게 도움이 되기 위해 정말 힘썼던 강의인데요 알아주시니 감개무량합니다! 👍 감사합니다~! ☺️💪

  • swgoodcode

    수강평 9

    평균 평점 5.0

    5

    32% 수강 후 작성

    19년 vue2를 처음 실무에 사용해오다 작년 초 갑작스럽게 vue3로 전환해야 하는 일이 발생했습니다.. 부랴부랴 강의를 찾아보는데 어디에도 없더군요... 그러다 인프런에서 vue3 강의가 올라온 것을 발견했습니다. 그런데 제가 vue2 강의를 들었던 강사님이 아닌 처음 뵙는 분이더군요... 걱정 반으로 회사 계정으로 vue3 기초를 들었는데 퀄리티가 굉장히 높았습니다. 그래서 개인 계정으로 vue3 심화를 수강했고 이제 마스터했다 생각했는데 주변 부서에서 vueuse, nuxtjs 등 사용한다는 소문을 들었습니다. 다시 짐코딩님에게 신세를 지고자 nuxt.js를 수강하게 되었습니다. 120% 준비하셨다는 말은 거짓말이 아니라고 느꼇습니다. 제 신입 때 좌우명? 이 120%였는데 반갑네요... 이제 Vue 3 & Firebase 올리신 것도 수강하려고 합니다. 앞으로 새로운 기술이 나오면 이번처럼 빠른 강의 출시 부탁드립니다! (항상 강의 빨리 출시해주신 덕분에 제가 인프런 다른 강사님에서 여기로 갈아 탔습니다...후훗)

    • 짐코딩
      지식공유자

      와우~!! 신입 때 좌우명이 120%였군요!! 훌륭한 개발자로 성장하신 느낌적인 느낌이 들어요! 💪 제 강의를 수강해 주시고 알아봐 주셔서 감사합니다 🙂

  • white123

    수강평 3

    평균 평점 5.0

    5

    8% 수강 후 작성

    짐코딩 사이트에서 vue3 기초편부터 시작하여 실전편 ~ FireBase+Vue3 강의까지 완강을 앞두고 있는데 Nuxt 출시 소식에 허겁지겁 달려와서 결제부터 하고 있는 내모습...🙋🏻 '이건 이렇게 하시면 되요~~' 라는 식의 강의가 아닌 기초부터 천천히 최대한 이해하기 쉽게 설명해주신 덕분에 독학으로 시작하여 취뽀까지 성공했습니다..!!! 항상 좋은 퀄리티의 강의 너무너무 감사드리고 앞으로 더 좋은 강의 많이 부탁드립니다🙇🏻‍♂️🙇🏻‍♂️

    • 짐코딩
      지식공유자

      와우~!! 취업 축하드립니다! 🎉 웹 개발 입문자들을 위하여 HTML 부터 Vue 실전까지! 이해하기 쉽도록 정말 신경 많이썼는데요. 취업까지 성공하셨다니 너무 뿌듯하네요! 감사합니다 💪

  • ByoungJU Park

    수강평 2

    평균 평점 5.0

    5

    23% 수강 후 작성

    짐코딩의 vue 강의를 듣고 vue 에 대한 남다른 열정이 있어서 nuxt 강의를 기다리고 있어 는데 나오니 정말 기뻣습니다. 저가 몇번째로 등록한지는 모르지만 나오자 마자 등록한듯 합니다. vue를 공부하는 많은 사람들이 기다리는 강의 일것 같아요. vue 를 하면 이강의는 꼭들어야 하지 않을까 생각합니다. 강의 내용이 체계적이고 내용에 막힘이 없어서 학습하는데 도움이 됩니다. 좋은 강의 감사합니다.

    • 짐코딩
      지식공유자

      와우~!! 말씀하신 것처럼 Vue를 수강하시는 분들이 많은 도움을 드릴 수 있도록 정말 체계적으로 구성한 강의에요 도움이 되셨다니 뿌듯하네용 🥹 감사합니다~!! 💪

짐코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

월 ₩33,000

5개월 할부 시

₩165,000