강의

멘토링

로드맵

BEST
Programming

/

Full-stack

[Renewal] Creating NodeBird SNS with React

Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

(4.9) 177 reviews

3,706 learners

  • zerocho
React
Redux
Node.js
Express
Next.js

Reviews from Early Learners

What you will learn!

  • React Development

  • Redux & Redux Saga

  • Using React Hooks

  • Styled Components

  • Ant Design

  • SWR

  • Server side rendering

  • Search Engine Optimization

  • AWS Deployment

Meet the new Zerocho React Nodebird project!

Renewed Items

Covers versions such as next@9, styled-components@5, antd@4, node.js@14 , etc.

It is also compatible with next@14 and node.js@20, so you can proceed with the latest version. The migration method for antd@5 and next-redux-wrapper@8 is summarized in the lecture notes and news (announcements). Please refer to them!

This course covers Pages Router . The App Router course is available at this link (click) . The App Router course is more up-to-date, but the reason I'm leaving this course is because App Router is still unstable and a bit risky to use in practice. I recommend using Pages Router in practice until it stabilizes.


Words of advice

Last year, many students took this course. Thank you. However, I have one thing to say. Just watching the lectures will not make you a full-stack developer (that is greedy). You need to follow along, solve errors that occur, and create functions that are not in the course to make the skills that come out your own.

This course is actually a curriculum that takes more than 6 months, and it is shown in about 20 hours. HTML, CSS, JS, Node, MySQL, and AWS all require at least 1 month to digest to some extent. Therefore, even though the course is 20 hours long, separate study is required.


Learning React with Zerocho
20 hours of full stack courses!

▲ Creating NodeBird SNS

  • Let's learn everything from service implementation to distribution by creating NodeBird SNS , Zerocho's signature project similar to Twitter (written as Twitter but read as a fake) .
  • Learn Next.js (SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize (MySQL).
  • SEO and AWS deployment (simply using EC2 + Lambda + S3 + Route53) are a bonus!

Make it yourself!

Log in, post, like
Upload images, comment, retweet

 

Infinite scrolling, follow, unfollow

 

Hashtag search, user profiles

 

Quickly answer the question
I will answer you.

The great thing about my course is the Q&A. If you have a question, I will answer it within a day.
Please study actively by freely asking questions about course-related content.
It will help you understand the content better!


Introducing the knowledge sharer.

Web Development Bestseller
author

Today's Pickup Co., Ltd.
CTO


Related lectures

Learning React while making web games
Learn React through web games for free.
The front end is the focus, and the back end plays a secondary role.
[Renewal] Node.js Textbook - From Basics to Project Practice
After learning the core concepts of nodes,
Get ready to dive into the real world with real-world examples.
Creating Nodebird SNS with Vue
A full-stack SNS course using Vue!

Recommended for
these people

Who is this course right for?

  • For those who want to apply React, such as React Hooks or Next

  • Anyone interested in full stack development

  • Aspiring front-end developer

  • Anyone who wants to actively use Next Page Router

Need to know before starting?

  • HTML, CSS knowledge

  • Latest JavaScript grammar knowledge

  • Watch Zerocho's free React course

Hello
This is

65,807

Learners

1,628

Reviews

9,712

Answers

4.8

Rating

22

Courses

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

Curriculum

All

94 lectures ∙ (23hr 3min)

Published: 
Last updated: 

Reviews

All

177 reviews

4.9

177 reviews

  • qnrjs42님의 프로필 이미지
    qnrjs42

    Reviews 18

    Average Rating 4.8

    5

    99% enrolled

    講義の購入 悩みながらこの記事をご覧いただくと、すぐに受講してください後悔しません。 こんにちはこの講義を聞いて就職することになりました。 この講義を受講した後や受講しながらトイプロジェクトを定めて実行してください。 そして記録する習慣があれば良いです。または開発ブログを作成してください。 講義を受講しながら知らない部分は必ず記録してください。 開発ブログには完全に理解し、私のものにしたという気持ちで書けば役に立ちます。 私のストーリーを解きたいのですが、長すぎて... 私が就職するまで、学習順序は 1. ゼロ秒 Node クロール (JavaScript 何も知らないとき) 2. JavaScript(継続的に繰り返し学習し、インフラストラクチャ中心に勉強しました。) 3. ゼロ秒、キャプテン板橋vue 4.ライフコーディングreact、redux(YouTube) 5. John Ahnリアクトシリーズ(インフラ) 6. ゼロ秒 [リニューアル] react nodebird 7. nextjs トイプロジェクト (一番重要!! 人生の転換点) 8. github草の管理 9. 開発ブログ 10. 履歴書、ポートフォリオ管理 11. 面接と就職 ちゃんと就職するために準備した期間が思ったより短いのに(4ヶ月?)何か少しした感じもします。 勉強をたくさんできたきっかけが金土日夜間アルバしながら仕事がない時勉強してきたが、コロナで商売しなくてアルバできない時その時勉強すごいようです。 必ずこの講義だけを見て就職していませんでしたが、この講義を受講することで就職に役立っています。おそらくこの講義がなければ、他のアルバの仕事をしながら勉強を続けていると思います。 この講義を見てみると、どんなサイトでも作れる自信が生まれます。ファイティング!!

    • akdlgusdnr262062

      next.jsトイプロジェクトはどこで受講しましたか?

    • この部屋の回答がたくさん遅れましたね アラームが出てこなかったので返事が付いたこともわかりませんでした。 トイプロジェクトはクローンコーディングと似ていますが、講義ではありません。 特定サイト定めて一つ一つクローンしました。

  • ksw50621916님의 프로필 이미지
    ksw50621916

    Reviews 4

    Average Rating 5.0

    5

    91% enrolled

    こんにちは!ゼロチョの授業を聞いてブロックチェーン会社に就職もしたし、別に私のプロジェクトの広報もする兼して受講評を作成するようになりました:) 現在も会社通いながらメンテナンス中のプロジェクト先に公開します!スタックなのにタイプスクリプト、Nestが追加されました! https://musicsseolprise.com ここに入ってくればいいです! 私が公開するプロジェクトはフロントに限ってノードバード講義だけをよく理解しても十分にできる難易度です! 私は専攻者でしたが、学部の時期、最後の学期の時は、データベースを除いてさまようことが多く、単位も良くなく、非専攻自慢とベースが差がなかったと見てください。 とりあえず講義の最大のメリットは質問解答!大きな助けになりました! そして、フロントアンドは変化が速すぎますので、勉強しているときにライブラリを書く理由を自分で質問してみてください。 個人的には私は就学生なら状態管理をRecoil.jsをすることをお勧めします。勉強する方がいいので、勉強してみて、リファクタリングで質問しながら勉強しています。お勧めします! ちなみに、私はタイプスクリプトを勉強して編んだコードをすべてタイプスクリプトに置き換えました!とブラウザ内蔵のapiを書きました。 とにかく忙しいのですが、質問いつも親切につけてくださってゼロチョー本当にありがとうございました!

    • kaei25740567님의 프로필 이미지
      kaei25740567

      Reviews 2

      Average Rating 4.5

      5

      97% enrolled

      現業のフロントエンド開発者としてバックエンドの開発を困難にし、配布してみたかったのですが、曖昧な恐怖のために始めることができませんでした。 さてこの講義を通じて直接配布もしてみて、バックエンド作業もして本当に良かったです! 講義を聞く方は redux と saga の授業を聞くとき、ある程度パターンに慣れて指示面ゼロチョ様が redux、saga 作業する前にあらかじめ止めておき、フロントで redux と saga、backend router 作業をあらかじめしてみて講義を聞けばいいこと同じです^^!

      • heruse7318님의 프로필 이미지
        heruse7318

        Reviews 4

        Average Rating 2.5

        5

        37% enrolled

        JavaScriptの仕事も知らない開発者でした。 ユツクゼロ秒チャンネルを通して ゲームで学ぶJavaScriptジャストンまで聞いて 早くリアクト開始したい気持ちでリアクト初級講座でコンセプトだけがピッタリと得てこれを聞きました。原則を中心に説明しているスターだから興味があれば、非専攻者が聞いても従うことができます。文法については中途半端なGoogleで検索して知ればいいですからね。そして、質問に答えて早くつけてくれるのも大きな手引きになりました。

        • 9uke님의 프로필 이미지
          9uke

          Reviews 2

          Average Rating 3.5

          3

          88% enrolled

          この講義の長所と短所を記録しようと思います。 利点 1. 講義内容があまりにもわかる 欠点 1. コードをコピー・ペーストする区間や、編集して突然完成したコードが出るたびに突然生じたコードなので、このコードをどこから取り込んだのか、どんな内容を修正したのかについての説明が足りず、この部分で時間がかかります。 2. 講義によく従うと、途中でエラーが発生するが、講義自体で生じたミスなので、次の講義で訂正する区間が出るが、これに対する言及がないため、次の講義を見るまでは、本人がどこでミスをしたのか探し続ける。 講義内容があまりにもわかるが編集部分がたくさん残念だ。

          Limited time deal ends in 5 days

          $8,089.00

          24%

          $68.20

          zerocho's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!