강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(5.0) 수강평 64개

수강생 531명

  • 짐코딩

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

수강 후 이런걸 얻을 수 있어요

  • 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

안녕하세요
입니다.

26,068

수강생

1,564

수강평

657

답변

4.9

강의 평점

18

강의

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

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

감사합니다.

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

커리큘럼

전체

61개 ∙ (10시간 53분)

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

수강평

전체

64개

5.0

64개의 수강평

  • munho님의 프로필 이미지
    munho

    수강평 4

    평균 평점 5.0

    5

    8% 수강 후 작성

    Mình sắp kết thúc khóa học trên trang Zim Coding, bắt đầu với Vue3 cơ bản rồi đến phần thực hành đến bài giảng FireBase+Vue3 nhưng khi nghe tin Nuxt ra mắt mình đã vội chạy tới và bắt tay vào làm. thanh toán...🙋🏻 'Bạn có thể làm như thế này~~' Thay vì giảng bài, bạn giải thích mọi thứ từ cơ bản một cách chậm rãi và dễ hiểu. Nhờ đó mà tôi đã có thể tự học và xin được việc làm..!!! Cảm ơn bạn rất nhiều vì đã luôn cung cấp những bài giảng chất lượng tốt và tôi mong muốn được mang đến cho bạn nhiều bài giảng hay hơn nữa trong tương lai🙇🏻‍♂️🙇🏻‍♂️

    • gymcoding
      지식공유자

      Ôi~!! Chúc mừng công việc của bạn! 🎉 Từ thực hành HTML đến Vue cho người mới bắt đầu phát triển web! Tôi thực sự đã nỗ lực rất nhiều để làm cho nó dễ hiểu. Tôi rất tự hào vì bạn đã thành công trong việc tìm được việc làm! Cảm ơn bạn 💪

  • dalbong님의 프로필 이미지
    dalbong

    수강평 22

    평균 평점 4.0

    5

    28% 수강 후 작성

    Nó rất hữu ích vì nó giải thích chi tiết về framework mới có tên Nuxt trong Vue3 một cách dễ hiểu. Đó là một bài giảng khung Nuxt chưa từng có. Mong thầy tiếp tục có những bài giảng hay.

    • gymcoding
      지식공유자

      Cảm ơn bạn rất nhiều vì đã đánh giá cao những nỗ lực của chúng tôi trong việc dễ dàng truyền đạt cốt lõi của Nuxt! 💪 Tôi sẽ đền đáp bạn bằng những bài giảng hữu ích trong tương lai 😊

  • yong22님의 프로필 이미지
    yong22

    수강평 2

    평균 평점 5.0

    5

    22% 수강 후 작성

    .

    • gymcoding
      지식공유자

      Để hữu ích cho cả những người mới làm quen với Nuxt và những người sử dụng Nuxt ở một mức độ nào đó trong công việc của họ. Đây là bài giảng mà tôi thực sự đã nỗ lực rất nhiều và tôi rất cảm động khi các bạn nhận ra nó! 👍 Cảm ơn bạn ~! ☺️💪

  • swgoodcode님의 프로필 이미지
    swgoodcode

    수강평 9

    평균 평점 5.0

    5

    32% 수강 후 작성

    Tôi đã sử dụng Vue2 trong thực tế lần đầu tiên vào năm 2019, nhưng đầu năm ngoái tôi đột nhiên phải chuyển sang Vue3. Tôi nhanh chóng tìm bài giảng nhưng không thấy ở đâu cả... Sau đó tôi tìm thấy bài giảng vue3 đăng trên Infron. Tuy nhiên, đó không phải là người hướng dẫn tôi học lớp Vue2 mà là một người mà tôi gặp lần đầu tiên... Tôi hơi lo lắng nên đã lấy những kiến ​​thức cơ bản về Vue3 qua tài khoản công ty của mình và chất lượng rất cao. Vì vậy, tôi đã tham gia một khóa học chuyên sâu về Vue3 trên tài khoản cá nhân của mình và nghĩ rằng mình đã thành thạo nó, nhưng sau đó tôi nghe tin đồn rằng các bộ phận lân cận đang sử dụng vueuse, nuxtjs, v.v. Để cảm ơn Jim Coding một lần nữa, tôi đã dùng nuxt.js. Tôi cảm thấy rằng sẽ không phải là nói dối khi nói rằng bạn đã chuẩn bị 120%. Phương châm của tôi khi còn mới? Đó là 120%, nên tôi rất vui... Bây giờ với Vue 3 & Tôi cũng đang dự định tham gia khóa học Firebase mà bạn đã đăng. Nếu sau này có công nghệ mới ra đời thì hãy ra bài giảng nhanh như bài này nhé! (Nhờ thầy ra bài giảng nhanh nên em đã chuyển từ thầy Infron khác sang thầy này... hehe)

    • gymcoding
      지식공유자

      Ôi~!! Khi bạn còn mới, phương châm của bạn là 120%!! Tôi có cảm giác rằng bạn đã phát triển thành một nhà phát triển tuyệt vời! 💪 Cảm ơn bạn đã tham gia khóa học của tôi và xem xét nó 🙂

  • terasys님의 프로필 이미지
    terasys

    수강평 2

    평균 평점 5.0

    5

    23% 수강 후 작성

    Mình đã nghe bài giảng Vue của Jim Coding và có niềm đam mê đặc biệt với Vue nên đang chờ bài giảng Nuxt. Tôi thực sự vui mừng vì nó sắp ra mắt. Tôi không biết mình đã đăng ký bao nhiêu lần, nhưng tôi nghĩ tôi đã đăng ký ngay khi nó ra mắt. Mình nghĩ đây là bài giảng được rất nhiều người học Vue chờ đợi. Nếu bạn sử dụng Vue, tôi nghĩ bạn chắc chắn nên tham gia bài giảng này. Nội dung bài giảng có tính hệ thống, không có nội dung bị tắc nghẽn nên rất hữu ích cho việc học. Cảm ơn bạn vì bài giảng tuyệt vời.

    • gymcoding
      지식공유자

      Ôi~!! Như bạn đã nói, chúng tôi hy vọng sẽ giúp ích được nhiều cho những người đang sử dụng Vue. Đây là một bài giảng được tổ chức rất tốt, tôi rất vui vì bạn thấy nó hữu ích. Cảm ơn bạn~!! 💪

월 ₩691,469

5개월 할부 시

₩165,000

짐코딩님의 다른 강의

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

비슷한 강의

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