강의

멘토링

커뮤니티

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,859

受講生

2,742

受講レビュー

2,430

回答

4.8

講座評価

20

講座

안녕하세요. 

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

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


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

カリキュラム

全体

103件 ∙ (17時間 39分)

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

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

受講レビュー

全体

19件

4.1

19件の受講レビュー

  • jung ae Kim님의 프로필 이미지
    jung ae Kim

    受講レビュー 9

    平均評価 4.8

    4

    97% 受講後に作成

    제가 업무에서는 사용하지 않는데.. 노드, 리액트, 도커, aws 배포 등에 궁금증과 관심이 있어서 강좌를 듣기로 결정했습니다. 강좌교재도 잘 정리되어 있고 매 강의마다 시간도 길지 않아서 강의따라서 구현하기도 좋고 설명도 잘 해주셔서 좋았습니다. 그런데 좀 아쉬운건, 배포하는 부분에서 좀 헤매다가 겨우 배포했네요 ㅋ 도커, aws에 배포하는 것.. 이 2가지가 젤 익숙하지 않은 부분이라서 가장 강좌를 통해서 경험 해보고자 했던 부분인데 앞부분에서 화면구현에서는 자세하게 잘 설명이 되었는데 배포부분에서는 강좌교재와 영상부분이 많이 아쉬웠습니다. 전반적으로 기본개념 잡고 구현해가에 충분히 좋은 강좌라고 생각합니다!

    • hi2177님의 프로필 이미지
      hi2177

      受講レビュー 3

      平均評価 5.0

      5

      68% 受講後に作成

      강의좋아요

      • dev.jun28님의 프로필 이미지
        dev.jun28

        受講レビュー 9

        平均評価 5.0

        5

        100% 受講後に作成

        좋은 강의 감사합니다.

        • 이은영님의 프로필 이미지
          이은영

          受講レビュー 1

          平均評価 5.0

          5

          97% 受講後に作成

          최신 typescript 강의를 들을수 있어서 너무좋았습니다 섬세히 알려주셔서 끝까지 완성할수있었습니다 감사합니다

          • 양효준님의 프로필 이미지
            양효준

            受講レビュー 2

            平均評価 5.0

            5

            90% 受講後に作成

            NextJS와 Docker에 대해 맛볼수 있는 좋은 강의였습니다! 다음에 새로운 강의 출시되면 또 구매해야겠어요

            ¥5,446

            John Ahnの他の講座

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

            似ている講座

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