Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 59개

수강생 503명

  • 짐코딩

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 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

안녕하세요
입니다.

24,551

수강생

1,353

수강평

629

답변

4.9

강의 평점

17

강의

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

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

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

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

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

커리큘럼

전체

61개 ∙ (10시간 53분)

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

수강평

전체

59개

4.9

59개의 수강평

  • munho님의 프로필 이미지
    munho

    수강평 4

    평균 평점 5.0

    5

    8% 수강 후 작성

    I'm about to complete the course from the basics of Vue3 to the practical part ~ FireBase + Vue3 on the Jimcoding site, but when I heard the news of the release of Nuxt, I rushed here and made the payment...🙋🏻 It's not a lecture like 'Here's how to do it~~' but thanks to the lecture that explains it slowly and in an easy-to-understand way from the basics, I was able to start studying on my own and succeed in getting a job..!!! I'm so grateful for the always high-quality lectures, and I hope you'll give me more great lectures in the future🙇🏻‍♂️🙇🏻‍♂️

    • gymcoding
      지식공유자

      Wow~!! Congratulations on getting a job! 🎉 For beginners in web development, from HTML to Vue practice! I really put a lot of effort into making it easy to understand. I'm so happy that you got a job! Thank you 💪

  • dalbong님의 프로필 이미지
    dalbong

    수강평 22

    평균 평점 4.0

    5

    28% 수강 후 작성

    It was very helpful that you explained in detail the new framework called Nuxt in Vue3. It was an unprecedented Nuxt framework lecture. Please continue to give good lectures in the future.

    • gymcoding
      지식공유자

      Thank you so much for appreciating my efforts to easily convey the core of Nuxt! 💪 I will continue to reward you with useful lectures in the future 😊

  • yong22님의 프로필 이미지
    yong22

    수강평 2

    평균 평점 5.0

    5

    22% 수강 후 작성

    .

    • gymcoding
      지식공유자

      I really worked hard to make this lecture helpful to both those who are new to Nuxt and those who have used Nuxt to some extent in the field. I am so touched that you recognized it! 👍 Thank you~! ☺️💪

  • swgoodcode님의 프로필 이미지
    swgoodcode

    수강평 9

    평균 평점 5.0

    5

    32% 수강 후 작성

    I had been using Vue2 for 19 years, but early last year, I suddenly had to switch to Vue3. I hurriedly looked for a lecture, but I couldn't find it anywhere... Then I found a Vue3 lecture on Inflearn. But it wasn't the same lecturer I had taken the Vue2 lecture with, but someone I had never met before... I was worried, but I took the Vue3 basics with my company account, and the quality was really high. So I took the Vue3 advanced course with my personal account, and I thought I had mastered it, but I heard rumors that my department was using Vueuse, nuxtjs, etc. I decided to take the nuxt.js course again to be indebted to Jimcoding. I felt that it wasn't a lie when he said he was 120% prepared. My motto when I was a new employee? It was 120%, so I'm glad to see you... I'm going to take the Vue 3 & Firebase lecture that you uploaded now. Please release lectures as quickly as this one when new technologies come out in the future! (Thanks to you always releasing lectures quickly, I switched from another instructor at Inflearn to you... hehe)

    • gymcoding
      지식공유자

      Wow~!! Your motto when you were a newbie was 120%!! I feel like you've grown into a great developer! 💪 Thank you for taking my class and finding out about it 🙂

  • terasys님의 프로필 이미지
    terasys

    수강평 2

    평균 평점 5.0

    5

    23% 수강 후 작성

    I have a special passion for Vue after listening to Jimcoding's Vue lecture, so I have been waiting for the Nuxt lecture. I am really excited when it comes out. I don't know how many times I registered, but I think I registered as soon as it came out. I think this is a lecture that many people who study Vue are waiting for. I think you absolutely must take this lecture if you do Vue. The lecture content is systematic and there is no obstacle to the content, so it is helpful for learning. Thank you for the great lecture.

    • gymcoding
      지식공유자

      Wow~!! As you said, this is a really systematically organized lecture that will be of great help to those taking Vue. I'm glad it was helpful 🥹 Thank you~!! 💪

₩165,000

짐코딩님의 다른 강의

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

비슷한 강의

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