Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Front-end

[最新]Vue川の終わりの王:Nuxt 3完璧マスター

Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

Vue.js
Nuxt.js
pinia
Vue 3

こんなことが学べます

  • 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

  • レンダリングモード、ハイドレーションなどの主な概念

セクション5。エラーハンドリング

  • 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。

  • Vueuse local vs session Storage

  • Data fetching cachingの実装

セクション12。

  • Nuxt Configuration(環境変数の設定)

  • App Configuration (アプリ情報の設定)

関連講義📺

こんな方に
おすすめです!

学習対象は
誰でしょう?

  • Vueを使ってWebアプリケーションを作成したい人!

  • 1つのソースコードで完全なWebを作成したいチーム!

  • Nuxtをちゃんと学びたい方!

前提知識、
必要でしょうか?

  • HTML& CSS

  • JavaScript

  • Vue3

こんにちは
です。

23,842

受講生

1,257

受講レビュー

598

回答

4.9

講座評価

17

講座

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

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

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

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

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

カリキュラム

全体

61件 ∙ (10時間 53分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

58件

4.9

58件の受講レビュー

  • white123님의 프로필 이미지
    white123

    受講レビュー 4

    平均評価 5.0

    5

    8% 受講後に作成

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

    • 짐코딩
      知識共有者

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

  • Dalbong님의 프로필 이미지
    Dalbong

    受講レビュー 22

    平均評価 4.0

    5

    28% 受講後に作成

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

    • 짐코딩
      知識共有者

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

  • 용용님의 프로필 이미지
    용용

    受講レビュー 2

    平均評価 5.0

    5

    22% 受講後に作成

    .

    • 짐코딩
      知識共有者

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

  • swgoodcode님의 프로필 이미지
    swgoodcode

    受講レビュー 9

    平均評価 5.0

    5

    32% 受講後に作成

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

    • 짐코딩
      知識共有者

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

  • ByoungJU Park님의 프로필 이미지
    ByoungJU Park

    受講レビュー 2

    平均評価 5.0

    5

    23% 受講後に作成

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

    • 짐코딩
      知識共有者

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

gymcodingの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!