강의

멘토링

로드맵

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,710 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,922

Learners

1,646

Reviews

9,726

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

    Nếu bạn đang đọc bài viết này và nghĩ đến việc mua một khóa học, hãy tham gia ngay. Bạn sẽ không hối tiếc. Xin chào, tôi đã có việc làm sau khi tham gia khóa học này. Quyết định và thực hiện một dự án đồ chơi sau hoặc trong khi tham gia khóa học này. Và thật tốt khi có thói quen viết ra mọi thứ. Hoặc tạo một blog phát triển. Trong khi nghe bài giảng, hãy nhớ viết ra bất cứ điều gì bạn không biết. Sẽ rất hữu ích nếu bạn viết trên blog phát triển với suy nghĩ rằng bạn hoàn toàn hiểu nó và biến nó thành của riêng bạn. Tôi muốn kể lại toàn bộ câu chuyện của mình nhưng dài quá rồi... Thứ tự học cho đến khi có việc làm là 1. Thu thập dữ liệu nút 0 giây (khi bạn không biết gì về JavaScript) 2. JavaScript (Tôi tiếp tục nghiên cứu nó nhiều lần và tập trung vào Infron.) 3. Không giây, Đội trưởng Pangyo Vue (Tôi chỉ mới nếm thử nó thôi, hiện tại tôi không thể thực hiện dự án với Vue) 4. Phản ứng mã hóa cuộc sống, redux (YouTube) 5. Dòng phản ứng John Ahn (Infron) 6. Nút phản ứng [Gia hạn] thứ hai 7. dự án đồ chơi nextjs (quan trọng nhất!! một bước ngoặt trong cuộc đời) 8. Quản lý bãi cỏ GitHub 9. Blog phát triển 10. Sơ yếu lý lịch và quản lý danh mục đầu tư 11. Phỏng vấn và tuyển dụng Khoảng thời gian tôi dành để chuẩn bị cho một công việc phù hợp ngắn hơn dự kiến ​​(4 tháng?), nhưng tôi cảm thấy mình đã làm được rất nhiều. Tôi nghĩ lý do tôi có thể học nhiều là vì tôi làm việc bán thời gian vào các ngày thứ sáu, thứ bảy, chủ nhật và tiếp tục học khi không làm việc và khi tôi không thể đi làm bán thời gian vì lý do không thể đi làm thêm. về virus Corona, tôi nghĩ tôi đã nghiên cứu rất nhiều. Tôi không nhất thiết phải kiếm được việc làm chỉ bằng cách tham gia khóa học này, nhưng việc tham gia khóa học này đã giúp tôi rất nhiều để có được việc làm. Nếu không có khóa học này, tôi nghĩ mình sẽ tiếp tục vừa học vừa làm một công việc bán thời gian khác. Sau khi xem bài giảng này, bạn sẽ có đủ tự tin để tạo bất kỳ trang web nào. Cố lên!!

    • akdlgusdnr262062

      Bạn đã lấy Dự án đồ chơi next.js ở đâu?

    • Trả lời của Irum rất muộn. Tôi thậm chí còn không biết có phản hồi vì tôi không nhận được thông báo. Dự án đồ chơi tương tự như mã hóa bản sao, nhưng bạn không coi đó là một bài giảng. Tôi đã chọn các trang web cụ thể và sao chép từng trang một.

  • ksw50621916님의 프로필 이미지
    ksw50621916

    Reviews 4

    Average Rating 5.0

    5

    91% enrolled

    Xin chào! Sau khi tham gia lớp học của Zerocho, tôi đã nhận được việc làm tại một công ty blockchain và tôi quyết định viết bài đánh giá lớp học để quảng bá cho dự án của riêng mình :) Đầu tiên, tôi sẽ tiết lộ dự án mà tôi hiện đang duy trì khi làm việc tại công ty! Nó gần giống với NodeBird được viết ở đây, nhưng TypeScript và Nest đã được thêm vào! https://musicsseolprise.com Bạn có thể đến đây! Người là chủ đề của dự án đã lên sóng nên tôi quyết định viết bài đánh giá để quảng bá nó☺️ Dự án tôi sắp tiết lộ chỉ giới hạn ở front-end nên nó có mức độ khó có thể hoàn thành ngay cả khi bạn chỉ hiểu bài giảng của Nordbird! Đối với phần phụ trợ, bạn cần nghiên cứu riêng Nest.js. Mặc dù học chuyên ngành nhưng tôi đã lang thang rất nhiều, ngoại trừ cơ sở dữ liệu tôi lấy trong học kỳ cuối cùng của chương trình đại học nên điểm trung bình của tôi không tốt, và không có sự khác biệt về cơ sở của tôi so với học không chuyên. Trước hết, ưu điểm lớn nhất của bài giảng là phần hỏi đáp! Dù học chuyên ngành nhưng tôi vào đại học muộn và thiếu các mối quan hệ. Vì vậy, khi tôi giảng bài trực tiếp hoặc đăng câu hỏi trước, họ đã phản hồi rất tử tế. Nhờ có bạn, chúng ta đã cùng nhau nghiên cứu Linux và điều đó đã giúp ích rất nhiều cho việc gia nhập công ty này! Và mặt trước thay đổi rất nhanh. Vì vậy, khi học, hãy tự hỏi tại sao bạn lại sử dụng thư viện, và nếu vẫn không giải quyết được vấn đề, hãy tìm các thư viện khác và sử dụng câu hỏi, kỹ năng của bạn sẽ tiến bộ rất nhiều! Cá nhân tôi khuyên người tìm việc nên sử dụng Recoil.js để quản lý trạng thái. Trên thực tế, nếu bạn thực hiện Saga trong Redux, số lượng mã sẽ tăng lên và năng suất sẽ giảm đi. Và Nest.js sẽ được tải lên dưới dạng bài giảng sau, nhưng thực sự tốt hơn là nên nghiên cứu trước Express, vì vậy tôi khuyên bạn nên nghiên cứu nó và đặt câu hỏi thông qua việc tái cấu trúc! Để tham khảo, tôi đã nghiên cứu thêm về TypeScript và thay thế tất cả mã tôi đã viết bằng TypeScript! Và tôi đã sử dụng một thư viện phong cách khác. Tôi cũng đã sử dụng và gỡ cài đặt Redux cũng như triển khai ajax bằng SWR. Và tính năng cuộn vô hạn sử dụng API tích hợp trong trình duyệt được gọi là trình quan sát giao lộ. Dù sao thì cũng cảm ơn Zerocho rất nhiều vì đã luôn đăng những câu hỏi tử tế dù bận rộn!!

    • kaei25740567님의 프로필 이미지
      kaei25740567

      Reviews 2

      Average Rating 4.5

      5

      97% enrolled

      Là một nhà phát triển front-end đang làm việc, việc phát triển back-end rất khó khăn và tôi muốn triển khai nó nhưng không thể bắt đầu vì những lo ngại mơ hồ. Tuy nhiên qua bài giảng này mình được trực tiếp triển khai và làm back-end nên thật tuyệt vời! Đối với những người đang tham gia lớp redux và saga, nếu bạn đã quen với các mẫu này ở một mức độ nào đó, bạn nên dừng lại trước khi làm việc với redux và saga và nghe bài giảng sau khi làm việc với redux, saga và bộ định tuyến phụ trợ ở quầy lễ tân đều giống nhau ^^!

      • heruse7318님의 프로필 이미지
        heruse7318

        Reviews 4

        Average Rating 2.5

        5

        37% enrolled

        Tôi là một người không phải là nhà phát triển và không biết gì về JavaScript. Qua kênh thứ hai Utop Zero Nghe Jasston, học JavaScript qua game Tôi muốn bắt đầu với React một cách nhanh chóng, vì vậy tôi đã tham gia khóa học React dành cho người mới bắt đầu để hiểu rõ các khái niệm và sau đó tham gia khóa học này. Vì lời giải thích dựa trên các nguyên tắc nên ngay cả những người không chuyên cũng có thể làm theo nếu họ quan tâm. Bạn có thể tìm hiểu về ngữ pháp bằng cách tìm kiếm trên Google. Ngoài ra, câu trả lời nhanh cho các câu hỏi là một hướng dẫn tuyệt vời.

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

          Reviews 2

          Average Rating 3.5

          3

          88% enrolled

          Tôi muốn xem xét những ưu và nhược điểm của khóa học này. công lao 1. Nội dung bài giảng rất giàu thông tin. điều bất lợi 1. Bất cứ khi nào code được sao chép và dán hoặc chỉnh sửa mà đột nhiên code hoàn chỉnh xuất hiện tức là code xuất hiện đột ngột nên thiếu phần giải thích code lấy từ đâu và sửa đổi nội dung gì nên phần này mất rất nhiều thời gian. 2. Nếu các bạn theo dõi kỹ bài giảng sẽ mắc lỗi. Vì đó là lỗi mắc phải trong bài giảng nên ở bài giảng sau có phần sửa nhưng không đề cập đến nên các bạn sẽ tiếp tục tìm kiếm. bạn đã mắc lỗi ở đâu cho đến khi bạn xem bài giảng tiếp theo. Nội dung bài giảng rất nhiều thông tin nhưng phần biên tập lại rất đáng thất vọng.

          $68.20

          zerocho's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!