강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Next.jsを始める

Reactを始める際に必ず知っておくべきNext.jsフレームワーク。初心者目線のわかりやすい説明から、実務者も満足する奥深い動作原理の理解まで。Next.jsを一気に解決します。

難易度 初級

受講期間 無制限

  • captain
next
next
캡틴판교
캡틴판교
Next.js
Next.js
React
React
JavaScript
JavaScript
next
next
캡틴판교
캡틴판교
Next.js
Next.js
React
React
JavaScript
JavaScript

学習した受講者のレビュー

学習した受講者のレビュー

4.8

5.0

김민경

100% 受講後に作成

パンギョキャプテンの講義は初めて受講します。 私はシューティングゲームなしで働いている3ヶ月目の開発者です。 私は多くの講義を聞いてみましたが、他の方々に話しているように吸引力がとても良いですね! 素早い呼吸で数日で目標をつかんで一次頑強をこなしました。 もちろん、吸引力も良かったが、最終的に"これは次の講義でお知らせします。"ですが、気になって次々と講義を続けます。 nextjs を教える講義はたくさん見られますが、なぜ?を教えてくれて宮廷症を引き起こす講義は見つけやすくないと思います。 最終的に原論?を掘り下げなければならないとだんだん思います! そんな文脈で私のオンラインシューティングゲームだと思って、現業での蜂蜜のヒントとこのコードを"なぜ"書くべきか教えてくれてとてもよかったです。 (他の講義では私が見つけることができなかったり、食べられなかったりするかもしれませんが…) そういう意味で先生の早めのアプリルーターを使った深化next講義を持ってきてください。 その間、私は教えてくださったことを現業に溶かしています。

5.0

damin200369

100% 受講後に作成

講義よく聞きました!後続の講義も楽しみにしています:) コアもコアですが、講義で一つ一つ説明してくださり、特にまとめて提供してくださるノートがとても良いです!

5.0

Ara Jo

100% 受講後に作成

さすがキャプテン판교! 必要な部分を的確に指摘してくれる無駄のない説明に、講義の補充資料も豊富で、集中しやすい講義の長さなど、本当に完璧な講義でした。 (耳にすっと入ってくるディクションに 멋진 목소리はおまけ) 急にnext.js案件を任されることになり途方に暮れていましたが、本当に多くの助けになりました。 思い出すたびに판교方面に一回ずつお辞儀します。 これからも牛のように働いてください。ファイ팅!

受講後に得られること

  • Next.js 14(最新バージョン)

  • Next.js実務プロジェクトのフォルダ構造

  • NextとReactコンポーネント設計

  • Next.js実務コーディングのコツ

  • React

  • JavaScript

  • NPM

  • REST API

  • ネットワークとHTTPプロトコル

  • パフォーマンス最適化

Next.jsがよく使われているようですが、どうやって学べばいいでしょうか?🤔

Reactプロジェクトを始めるためにほぼ0順位で選ばれるNext.jsフレームワーク。Reactもまだよく分からないのに、Next.jsはどうやって学べばいいでしょうか?

開発方式が自由なReactにルールを加え、開発者が気を配るべきルーティングやパフォーマンスなどを自動で処理してくれるNext.jsフレームワーク。膨大なNext.js公式ドキュメントの前で一人で迷う必要はありません。Next.js公式ドキュメントより理解しやすい韓国語の教材があるのですから。❤


長年、初心者の視点から難しい技術を分かりやすく説明してきたキャプテンパンギョが、今回はNext.jsを徹底解説します。初心者に配慮した分かりやすい用語説明と、目で直接確認できる動作原理から、実務者を魅了するレンダリング、ネットワーク、パフォーマンス、ハイドレーションなど実務概念の説明まで。Next.js入門講座が皆さんをサポートします。

この講座の特徴

📌 REST APIを連動してショッピングモールサイトを作りながら、Nextの基礎概念から高度な概念まですべて体得します。

📌 短時間でコードを速く正確に作成する11年目のフロントエンド開発者の꿀팁大放出

📌 Chromeデベロッパーツール、HTTPプロトコル、パフォーマンス最適化など、実戦で必ず知っておくべき知識も一緒にお伝えします

📌途中途中で学んだ内容を消化できる実習があちこちに配置されています。

📌 CSR、SSR、Hydration、クライアントナビゲーションなどのすべての概念は、ブラウザを直接開いて一緒に目で見て理解します。

📌いつでもどこでも簡単にアクセスできるウェブサイトベースの講義教材が提供されます。

こんな方におすすめです

Next.jsプロジェクトを始めましょう。

Reactもよく分からないのにNext.jsで会社のプロジェクトをやらなければなりません。
開発を簡単にするにはどんな概念と技術を知っておくべきですか?

Reactで就職準備をしています。
求人情報ごとに応募資格に
Next.jsが入っているのですが、
会社で実際に求められる能力は何ですか?

優秀なフロントエンド開発者は
どのように仕事をするのか気になります
ネカラクベで認められる開発者はどんな能力を備えているのでしょうか?
熟練した実務者が知っている知識とノウハウが気になります。

受講後には

  • Next.jsでWebアプリケーションを実装することが簡単になります。

  • コードをより正確かつ速く書くスキルが身につきます。

  • クライアントレベルの知識だけでなく、サーバー、ネットワーク、パフォーマンス最適化についても学べます。

  • 実務でプロジェクト作成からフォルダ構造化などの全般的なコンベンションまで自信を持って主導できます。

このような内容を学びます。

実務プロジェクトのフォルダ構造と実務開発環境の設定方法

Next.jsの基本概念に基づいたフォルダ構造の設計方法と、ESLint、Prettierを利用してコードタイピングを減らし、開発生産性を高める方法を学びます。

React + Next.jsの必須概念と文法

作成したコードの流れを正確に理解できるよう、親切で具体的な図式で説明します。CSR、SSR、Hydrationだけでなく、React、JavaScriptの必須文法まですべて説明してくれる太っ腹な講義🎁

ネットワーク、HTTP、パフォーマンス最適化に対する深い理解

Webページが描画されるまでのリソースリクエストとレンダリングプロセスについて、目で直接お見せしながら説明します。サーバー、CDN、HTTP、パフォーマンス最適化など、初心者の観点から馴染みのない用語はすべて噛み砕いて説明いたします

コードを短時間で速く正確に作成する方法と熟練した実務者のショートカット꿀팁

実務者の重要なスキルの一つであるコーディング力と実装能力。短時間で多くの機能を正確かつ迅速に実装できるショートカットキーとコーディングのお役立ちテクニックを大公開します🚀

この講座を作った人 👨‍💻

キャプテンパンギョ

「インフランが出会った人」インタビュー


受講前の参考事項

実習環境

  • オペレーティングシステムおよびバージョン(OS): 講義ではMacを使用しますが、Windows関連のショートカットキーもすべて説明します。

  • 使用ツール:VSCode

学習資料

  • いつでも気軽に見られるウェブサイト教材が提供されます 😄

  • ソースコードを確認できるGitHubリポジトリも提供されます 📘

  • 見ながらより多くの知識を身につけられる無料教育動画と資料も多数提供されます ❤

事前知識および注意事項

위즈 띠배너 모음
도라 띠배너 모음 (3)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Next.jsを始める入門者

  • ReactとNext.jsを一度に学びたい入門者

  • Next.jsの実務開発が気になるフロントエンド開発者

  • Next.jsに興味のあるWeb開発者

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

  • React基本文法(上記の前提知識で案内された講義を受講してから来ることをお勧めします)

  • JavaScript基本文法

こんにちは
です。

49,260

受講生

4,852

受講レビュー

3,816

回答

4.9

講座評価

19

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

70件 ∙ (7時間 57分)

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

受講レビュー

全体

101件

4.8

101件の受講レビュー

  • minkyungs2님의 프로필 이미지
    minkyungs2

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    パンギョキャプテンの講義は初めて受講します。 私はシューティングゲームなしで働いている3ヶ月目の開発者です。 私は多くの講義を聞いてみましたが、他の方々に話しているように吸引力がとても良いですね! 素早い呼吸で数日で目標をつかんで一次頑強をこなしました。 もちろん、吸引力も良かったが、最終的に"これは次の講義でお知らせします。"ですが、気になって次々と講義を続けます。 nextjs を教える講義はたくさん見られますが、なぜ?を教えてくれて宮廷症を引き起こす講義は見つけやすくないと思います。 最終的に原論?を掘り下げなければならないとだんだん思います! そんな文脈で私のオンラインシューティングゲームだと思って、現業での蜂蜜のヒントとこのコードを"なぜ"書くべきか教えてくれてとてもよかったです。 (他の講義では私が見つけることができなかったり、食べられなかったりするかもしれませんが…) そういう意味で先生の早めのアプリルーターを使った深化next講義を持ってきてください。 その間、私は教えてくださったことを現業に溶かしています。

    • captain
      知識共有者

      世の中に…感動的な受講評ですねww 休まないで働いています。次回の講義が出たらプレゼントで差し上げます!ありがとう:)

  • damin2003694581님의 프로필 이미지
    damin2003694581

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    講義よく聞きました!後続の講義も楽しみにしています:) コアもコアですが、講義で一つ一つ説明してくださり、特にまとめて提供してくださるノートがとても良いです!

    • captain
      知識共有者

      講義の特長をよくわかってくれてありがとう。次の講義も早く持ってきます! :)

  • iamjjoal5302님의 프로필 이미지
    iamjjoal5302

    受講レビュー 10

    平均評価 5.0

    5

    100% 受講後に作成

    さすがキャプテン판교! 必要な部分を的確に指摘してくれる無駄のない説明に、講義の補充資料も豊富で、集中しやすい講義の長さなど、本当に完璧な講義でした。 (耳にすっと入ってくるディクションに 멋진 목소리はおまけ) 急にnext.js案件を任されることになり途方に暮れていましたが、本当に多くの助けになりました。 思い出すたびに판교方面に一回ずつお辞儀します。 これからも牛のように働いてください。ファイ팅!

    • modify님의 프로필 이미지
      modify

      受講レビュー 2

      平均評価 5.0

      5

      84% 受講後に作成

      突然、Next.jsをすることができて、幕を開けた新入開発者です...受講しました! (安いとクオリティが落ちません!!) 他の受講評でディテールに対する物足りなさをおっしゃる方もいますが、ある程度事前学習になっている方々が聞くことをお勧めします…私は個人的にむしろギザギザがなく、必要なディテールを再び思い出させてくれるという感じでつかんでいただきます。ありがとうございました!深化編 起源 今日から水をおいて祈ります!

      • nataek2159님의 프로필 이미지
        nataek2159

        受講レビュー 15

        平均評価 3.3

        4

        100% 受講後に作成

        ¥5,383

        captainの他の講座

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

        似ている講座

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