강의

멘토링

로드맵

Programming

/

Full-stack

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

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

  • John Ahn
Clone Coding
Node.js
React
Next.js
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

こんにちは
です。

84,361

受講生

2,705

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

カリキュラム

全体

103件 ∙ (17時間 39分)

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

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

受講レビュー

全体

19件

4.1

19件の受講レビュー

  • skykimpro님의 프로필 이미지
    skykimpro

    受講レビュー 9

    平均評価 4.8

    4

    97% 受講後に作成

    I don't use it at work.. I decided to take the course because I was curious and interested in Node, React, Docker, and AWS deployment. The course materials are well organized, and each lecture is not too long, so it was easy to implement following the lecture, and the explanations were good. However, what's a bit disappointing is that I got lost in the deployment part and barely managed to deploy it. ㅋ Deploying to Docker and AWS.. These two are the parts I'm most unfamiliar with, so I wanted to experience them the most through the course. In the beginning, the screen implementation was explained in detail, but the course materials and videos were very disappointing in the deployment part. Overall, I think it's a good course to grasp the basic concepts and implement them!

    • hi2177님의 프로필 이미지
      hi2177

      受講レビュー 3

      平均評価 5.0

      5

      68% 受講後に作成

      I like the lecture

      • castle님의 프로필 이미지
        castle

        受講レビュー 9

        平均評価 5.0

        5

        100% 受講後に作成

        Thank you for the great lecture.

        • tkrhkdmsdud2019님의 프로필 이미지
          tkrhkdmsdud2019

          受講レビュー 1

          平均評価 5.0

          5

          97% 受講後に作成

          It was great to be able to listen to the latest typescript lecture. I was able to finish it because you explained it in detail. Thank you.

          • hyojjang86852637님의 프로필 이미지
            hyojjang86852637

            受講レビュー 2

            平均評価 5.0

            5

            90% 受講後に作成

            It was a great lecture to get a taste of NextJS and Docker! I will have to buy it again when a new lecture is released.

            ¥5,284

            John Ahnの他の講座

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

            似ている講座

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