강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

[Gia hạn] Tạo NodeBird SNS bằng React

Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

(4.9) 177 đánh giá

3,706 học viên

  • zerocho
React
Redux
Node.js
Express
Next.js

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Phát triển phản ứng

  • Redux &

  • Sử dụng móc phản ứng

  • Thành phần được tạo kiểu

  • Thiết Kế Kiến

  • SWR

  • Kết xuất phía máy chủ

  • tối ưu hóa công cụ tìm kiếm

  • Triển khai AWS

Gặp gỡ dự án React NodeBird mới của Zerosecond !

Những gì đã được đổi mới

Nó bao gồm các phiên bản của next@9, styled-comComponents@5, antd@4, node.js@14 , v.v.

Nó cũng tương thích với next@14 và node.js@20, vì vậy bạn có thể tiếp tục với phiên bản mới nhất. Các phương pháp di chuyển cho antd@5 và next-redux-wrapper@8 được tóm tắt trong ghi chú bài giảng và tin tức (thông báo). Hãy xem trong khi đề cập đến nó!

Khóa học này bao gồm Bộ định tuyến trang . Bạn có thể tìm thấy khóa học Bộ định tuyến ứng dụng tại liên kết này (nhấp chuột) . Mặc dù khóa học Bộ định tuyến ứng dụng mới hơn nhưng lý do bỏ khóa học này là Bộ định tuyến ứng dụng vẫn chưa ổn định nên có một chút rủi ro khi sử dụng trong thực tế. Cho đến khi nó ổn định, chúng tôi khuyên bạn nên sử dụng Bộ định tuyến trang trong thực tế.


Một lời khuyên

Năm ngoái, nhiều sinh viên đã tham gia khóa học này. Cảm ơn Tuy nhiên, có một điều tôi muốn nói. Bạn sẽ không trở thành nhà phát triển full-stack chỉ bằng cách xem các bài giảng (đó là lòng tham). Bạn phải tự mình làm theo, giải quyết mọi lỗi xảy ra, tạo ra các chức năng không có trong khóa học và biến các kỹ năng bạn học được thành của riêng bạn.

Khóa học này trình bày gần 20 giờ giảng dạy và thực tế kéo dài hơn 6 tháng. HTML, CSS, JS, Node, MySQL và AWS đều có thể thành thạo ở một mức độ nào đó bằng cách đầu tư ít nhất một tháng. Vì vậy, ngay cả khi khóa học kéo dài 20 giờ, vẫn cần phải học riêng.


Học với React trong 0 giây
Khóa học đầy đủ 20 giờ !

▲ Tạo NodeBird SNS

  • Hãy tạo NodeBird SNS, dự án đặc trưng của Zero Second tương tự như Twitter (đọc: giả mạo) và tìm hiểu mọi thứ từ triển khai dịch vụ đến phân phối.
  • Tìm hiểu Next.js (SSR) + React Hook + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize (MySQL).
  • Triển khai SEO và AWS (chỉ cần sử dụng EC2 + Lambda + S3 + Route53) là một phần thưởng!

Hãy thử tự làm nó!

Đăng nhập, viết bài, thích
Tải lên hình ảnh, bình luận, tweet lại

 

Cuộn vô hạn, theo dõi, hủy theo dõi

 

Tìm kiếm hashtag, hồ sơ người dùng

 

Trả lời nhanh các câu hỏi
Đây là câu trả lời.

Ưu điểm của khóa học của tôi là hỏi đáp. Nếu bạn có câu hỏi, chúng tôi sẽ trả lời trong vòng một ngày.
Tích cực học tập bằng cách thoải mái đặt câu hỏi về nội dung liên quan đến khóa học.
Nó sẽ giúp bạn hiểu rõ hơn về nội dung!


Giới thiệu người chia sẻ kiến ​​thức.

Blog số 0
Hoạt động kênh YouTube

Phát triển web bán chạy nhất
tác giả

Công ty TNHH Pickup ngày nay
CTO


Bài giảng liên quan

Học React bằng cách tạo trò chơi trên web
Tìm hiểu React thông qua trò chơi trên web miễn phí.
Trọng tâm là ở mặt trước và mặt sau đóng một vai trò bổ sung.
[Gia hạn] Giáo trình Node.js - Từ cơ bản đến thực hành dự án
Sau khi tìm hiểu các khái niệm cốt lõi của nút,
Hãy sẵn sàng đi sâu vào thế giới thực thông qua các ví dụ thực tế.
Tạo Nodebird SNS với Vue
Khóa học SNS đầy đủ được thực hiện bằng Vue!

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người muốn áp dụng React như React Hooks hoặc Next

  • Bất cứ ai quan tâm đến việc phát triển full-stack

  • Nhà phát triển front-end đầy tham vọng

  • Những người muốn tích cực sử dụng Bộ định tuyến trang tiếp theo

Cần biết trước khi bắt đầu?

  • Kiến thức HTML, CSS

  • Kiến thức ngữ pháp mới nhất về JavaScript

  • Xem khóa học React miễn phí của Zerocho

Xin chào
Đây là

65,525

Học viên

1,602

Đánh giá

9,702

Trả lời

4.8

Xếp hạng

22

Các khóa học

제 강의의 장점은 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)

Chương trình giảng dạy

Tất cả

94 bài giảng ∙ (23giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

177 đánh giá

4.9

177 đánh giá

  • Choi Boo님의 프로필 이미지
    Choi Boo

    Đánh giá 18

    Đánh giá trung bình 4.8

    5

    99% đã tham gia

    강의 구매 고민하시면서 이 글을 보신다면 당장 수강하세요 후회하지 않습니다. 안녕하세요 이 강의를 듣고 취업하게 되었습니다. 이 강의를 수강한 뒤나 수강하면서 토이 프로젝트를 정하고 실행하세요. 그리고 기록하는 습관이 있으면 좋습니다. 또는 개발 블로그를 만드세요. 강의를 수강하면서 모르는 부분은 꼭 기록하세요. 개발 블로그에는 완전히 이해하고, 내 것으로 만들었다는 마음으로 쓰면 도움이 될 겁니다. 제 스토리를 다 풀고 싶지만 너무 길어져서... 제가 취업하기까지 학습 순서는 1. 제로초 Node 크롤링 (자바스크립트 뭣도 모를 때) 2. 자바스크립트 (계속 반복 학습하고 인프런 위주로 공부했습니다.) 3. 제로초, 캡틴판교 vue (살짝 맛만 봄, 지금 vue로 프로젝트 하라하면 못함) 4. 생활코딩 react, redux (유튜브) 5. John Ahn 리액트 시리즈 (인프런) 6. 제로초 [리뉴얼] react nodebird 7. nextjs 토이프로젝트 (제일 중요!! 인생의 전환점) 8. github 잔디 관리 9. 개발블로그 10. 이력서, 포트폴리오 관리 11. 면접 및 취업 제대로 취업하기 위해 준비한 기간이 생각보다 짧은데(4개월?) 뭔가 좀 많이한 느낌도 들긴합니다. 공부를 많이할 수 있었던 계기가 금토일 야간 알바하면서 일 없을 때 계속 공부해왔다가, 코로나로 장사 안 되서 알바 못나갈 때 그때 공부 엄청한거 같습니다. 꼭 이 강의만 봐서 취업하진 않았지만 이 강의를 수강함으로써 취업하기 위해 도움이 많이 되었습니다. 아마 이 강의가 없었다면 다른 알바 일하면서 계속 공부하고 있을거라 생각합니다. 이 강의를 보고 나시면 어떤 사이트든 만들 수 있는 자신감이 생깁니다. 파이팅!!

    • 이룸

      next.js 토이프로젝트는 어디서 수강하신건가요?

    • 이룸님 답변이 많이 늦었네요 알람이 안 와서 답글이 달린 줄도 몰랐습니다. 토이 프로젝트는 클론 코딩이랑 유사한데 강의로 듣지 않고 특정 사이트 정해서 하나하나 클론 했습니다.

  • 자유인님의 프로필 이미지
    자유인

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    91% đã tham gia

    안녕하세요! 제로초님 수업듣고 블록체인 회사에 취업도 했고, 따로 제 프로젝트 홍보도 할 겸 해서 수강평을 작성하게 되었습니다:) 현재도 회사 다니면서 유지보수중인 프로젝트 먼저 공개하겠습니다! 여기 쓴 노드버드랑 거의 동일한 스택인데 타입스크립트, Nest가 추가됐어요! https://musicsseolprise.com 여기 들어오시면 됩니다! 프로젝트 주제이신 분이 방송 나오셔서 홍보도 할 겸 해서 수강평 쓰게 되었어요☺️ 제가 공개할 프로젝트는 프론트에 한해서 노드버드 강의만 잘 이해해도 충분히 할 수 있는 난이도에요! 백앤드는 Nest.js를 따로 공부하셔야 하구요. 저는 전공자였지만 학부 시절 마지막 학기 때 들은 데이터베이스를 제외하고 방황을 많이 했어서 학점도 좋지 않고, 비전공자랑 베이스가 차이가 없었다고 보시면 됩니다. 일단 강의의 가장 큰 장점은 질문답변! 전공자지만 대학을 늦게 들어가서 인맥이 부족했어요. 그래서 라이브 강의하실때나 인프런 질문이나 열심히 올리면 답변 너무 친절하게 달아주셨어요. 덕분에 리눅스까지 같이 공부해서 이번 회사 들어가는데 큰 도움이 되었습니다! 그리고 프론트앤드는 변화가 너무 빨라요. 그래서 공부하실 때 라이브러리를 왜 쓰시는지 스스로 질문 해보시고 그래도 안 풀리시면 다른 라이브러리도 찾아보시고 질문을 활용해주시면 실력이 많이 느실거에요! 개인적으로 저는 취준생이라면 상태관리를 Recoil.js를 하시는거 추천드려요. 리덕스는 사실 사가까지 하시면 코드량이 너무 많아져서 생산성이 떨어지거든요. 그리고 Nest.js는 나중에 강의로도 올려주실거지만 사실 사전에 익스프레스를 공부하시는게 더 좋아서 공부해보시고 리팩토링으로 질문하시면서 공부하시는거 추천드려요! 참고로 저는 추가로 타입스크립트를 공부 해서 짠 코드를 전부 다 타입스크립트로 교체했습니다! 그리고 스타일 라이브러리는 다른거 썼구요. 저도 리덕스는 썼다가 제거하고 swr로 ajax를 구현했습니다. 그리고 무한스크롤은 intersection observer라고 브라우저 내장 api를 썼구요. 어째튼 바쁘신데 질문 항상 친절하게 달아주셔서 제로초님 정말 감사합니다!!

    • OCK Sam님의 프로필 이미지
      OCK Sam

      Đánh giá 2

      Đánh giá trung bình 4.5

      5

      97% đã tham gia

      현업 프론트엔드 개발자로 백엔드 개발을 어려워 했었고, 배포를 해보고 싶었지만 막연한 두려움 때문에 시작하지 못했었습니다. 그런데 이 강의를 통해서 직접 배포도 해보고, 백엔드 작업도 해서 정말 좋았습니다! 강의를 들으시는 분들 경우 redux와 saga 수업 들으실때, 어느 정도 패턴에 익숙해 지시면 제로초님이 redux, saga 작업 하기전에 미리 멈춰놓고 프론트에서 redux와 saga, backend router 작업을 미리 해보시고 강의를 들으면 좋을 것 같습니다^^!

      • 조도미에님의 프로필 이미지
        조도미에

        Đánh giá 4

        Đánh giá trung bình 2.5

        5

        37% đã tham gia

        JavaScript 일도 모르는 비개발자였습니다. 유툽 제로초 채널통해서 게임으로 배우는 JavaScript 자스스톤까지 듣고 빨리 리액트 시작하고 싶은 마음에 리액트 초급강좌로 개념만 후딱 터득하고 이거 들었어요. 원리 중심으로 설명하시는 스탈이라 관심만 있다면 비전공자가 들어도 따라오실수 있습니다. 문법에 대한건 중간중간 구글에 검색해서 알면되니까요. 그리고 질문에 답변 빨리 달아주시는 것도 큰 길라잡이가 되었습니다.

        • GUKKE님의 프로필 이미지
          GUKKE

          Đánh giá 2

          Đánh giá trung bình 3.5

          3

          88% đã tham gia

          이 강의의 장단점을 적오보고자 합니다. 장점 1. 강의 내용이 너무 알차다 단점 1. 코드를 복사 붙여넣기 하는 구간이나, 편집해서 갑자기 완성된 코드가 나올 때마다 갑자기 생긴 코드이기 때문에 이 코드를 어디서 가져왔는지, 어떤 내용을 수정했는지에 대한 설명이 부족해 이 부분에서 시간이 많이 소요됨 2. 강의를 잘 따라오면 중간에 에러가 생기는데 강의 자체에서 생긴 실수이기 때문에 다음 강의에서 정정하는 구간이 나오지만 이에 대한 언급이 없기 때문에 다음 강의를 보기 전까지는 본인이 어디서 실수를 했는지 계속 찾게 됨 강의 내용이 너무 알차지만 편집 부분이 많이 아쉽다.

          1.853.441 ₫

          Khóa học khác của zerocho

          Hãy khám phá các khóa học khác của giảng viên!

          Khóa học tương tự

          Khám phá các khóa học khác trong cùng lĩnh vực!