강의

멘토링

커뮤니티

Programming

/

Full-stack

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation(NextJS)

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

難易度 初級

受講期間 無制限

  • John Ahn
Clone Coding
Clone Coding
Node.js
Node.js
React
React
Next.js
Next.js
TypeScript
TypeScript
Clone Coding
Clone Coding
Node.js
Node.js
React
React
Next.js
Next.js
TypeScript
TypeScript

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

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

4.1

5.0

hi2177

68% 受講後に作成

講義いいね

5.0

dev.jun28

100% 受講後に作成

良い講義ありがとうございます。

5.0

이은영

97% 受講後に作成

最新のtypescript講義を聞くことができてとても良かったです 細かく教えてくれて最後まで完成できましたありがとうございます

受講後に得られること

  • リアクト

  • タイプスクリプト

  • PostgreSQL

  • ドッカー

  • NextJS

  • 展開

NextJS、Typescript、ExpressJS、Postgres
最もホットなフルスタックの組み合わせでRedditをクローンコーディング! 👨‍💻

この講義では?

世界的なコミュニティ、レディットサイト
最初から一緒に作ってみます。

最近、JavaScriptスタックで最もよく使われるフルスタックの組み合わせであるNextJS Typescript ExpressJS Postgresの組み合わせで、ある程度複雑なアプリケーションを最初から一緒に作ってみることになり、フルスタック開発に自信を持てるようにこの講義を作ることになりました。

このレッスンの特徴は、すべてのソースコードを最初から1つずつ追いながら学習できることです。ソースコードを1行ずつ説明し、その後にコーディングを一緒に始めて何度も繰り返し学習をするようになります。実習中心の講義ですが、混乱したり難しい概念は深く学習して進むことになります。すべての部分は、図表を通してできるだけ視覚的に理解できるように努めました。

使用される言語とフレームワーク👉

レディットサイトを作成するとき、フロントエンド部分はリアクトのNextJSを使用し、
バックエンド部分はNodeJSとExpressJSを使用します。どちらの部分も言語はタイプスクリプトを使用します。データベースはPostgreSQLを利用し、TypeORMを利用して制御することになります。


学習する内容を紹介します📚

セクション1

全体的な構造を作る

フロントエンドとバックエンド、データベースを使用できるように準備します。

セクション2

エンティティを作成する

アプリケーションで必要なデータを生成するために各Entityを生成します。

セクション3

会員登録、ログイン

会員登録とログインページを作成し、ユーザーに関するデータはReact Contextを利用して処理します。

セクション4

コミュニティを作成する

コミュニティ作成ページ、コミュニティ作成、画像アップロードなどを実装します。

セクション5

ポストページを作成する

各コミュニティに含まれる投稿を作成し、投稿ページを作成します。

セクション6

コメントと投票機能を実装する

コメントと投票機能を実装します。

セクション7

無限スクロールとユーザーページの作成

useSWRInfiniteとIntersection observerを利用した
無限スクロール機能を実装してユーザーページを生成します。

セクション8

アプリケーションのデプロイ

EC2インスタンスを使用して、これまでに作成したアプリケーションをデプロイします。

知識共有者の
他の講義が気になったら? 📖

累積受講生 50,000+人、フォローして学ぶウェブ開発シリーズ 

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptでフルスタックアプリを作成したい人

  • 楽しく勉強したい人

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

  • JavaScript

  • リアクトJS

  • ノードJS

こんにちは
です。

85,146

受講生

2,768

受講レビュー

2,430

回答

4.8

講座評価

20

講座

こんにちは。

楽しく開発している開発者です。

これから多くの力になれることを願っています。


- 「作って学ぶDockerとCI環境」著者
- カカオ新卒採用FE教育担当
- Fast Campus、goorm 講師
- 現代自動車 開発企業研修
- 新韓銀行メタバース、Korbit Town フルスタック開発
- 多数の公共機関SNS フルスタック開発

カリキュラム

全体

103件 ∙ (17時間 39分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

19件

4.1

19件の受講レビュー

  • skykimpro님의 프로필 이미지
    skykimpro

    受講レビュー 9

    平均評価 4.8

    4

    97% 受講後に作成

    私は仕事では使用しません。 ノード、リアクト、ドッカー、aws配布などに気になることや関心があり、講座を聞くことにしました。 講座教材もよく整理されており、毎講義ごとに時間も長くなくて講義のために実装することもよく、説明もよくしていただいてよかったです。 ところで、ちょっと残念なのは、配布する部分でちょっと迷ってしまい、やっと配布しましたね ドッカー、awsに配布すること.. この2つがゲルに慣れていない部分なので、最も講座を通して経験してみようと思った部分なのに 前半では、画面実装では詳しく説明されていました。 配布部分では講座教材と映像部分がたくさん残念でした。 全体的に基本概念を握って実装していくのに十分良い講座だと思います!

    • hi2177님의 프로필 이미지
      hi2177

      受講レビュー 3

      平均評価 5.0

      5

      68% 受講後に作成

      講義いいね

      • castle님의 프로필 이미지
        castle

        受講レビュー 9

        平均評価 5.0

        5

        100% 受講後に作成

        良い講義ありがとうございます。

        • tkrhkdmsdud2019님의 프로필 이미지
          tkrhkdmsdud2019

          受講レビュー 1

          平均評価 5.0

          5

          97% 受講後に作成

          最新のtypescript講義を聞くことができてとても良かったです 細かく教えてくれて最後まで完成できましたありがとうございます

          • hyojjang86852637님의 프로필 이미지
            hyojjang86852637

            受講レビュー 2

            平均評価 5.0

            5

            90% 受講後に作成

            NextJSとDockerについて味わえる良い講義でした!

            ¥5,412

            John Ahnの他の講座

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

            似ている講座

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