BEST

풀스택

[리뉴얼] React로 NodeBird SNS 만들기

Name: [리뉴얼] React로 NodeBird SNS 만들기
Price: 88000 KRW
Rating: 4.9 (177 reviews)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

(4.9) 수강평 177개

수강생 3,712명

제로초(조현영)

React Redux Node.js Express Next.js

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

리액트 개발
리덕스&리덕스 사가
리액트 Hooks 사용
Styled Components
Ant Design
SWR
서버 사이드 렌더링
검색 엔진 최적화
AWS 배포

새로 만나는 제로초의 리액트 노드버드 프로젝트!

리뉴얼된 사항

next@9, styled-components@5, antd@4, node.js@14 등의 버전을 다룹니다.

next@14와 node.js@20과도 호환되니 최신 버전으로 진행하셔도 됩니다. antd@5, next-redux-wrapper@8의 migration 방법은 강의노트와 새소식(공지사항)에 정리해두었습니다. 참고하면서 보세요!

이 강좌는 Pages Router를 다룹니다. App Router 강좌는 이 링크(클릭)에 있습니다. App router 강좌가 더 최신이지만 이 강좌를 남겨둔 이유는, App Router가 아직 불안정해서 실무에서 쓰기엔 조금 위험이 있습니다. 안정화될 때까지는 Pages Router를 실무에서 쓰시는 걸 추천드립니다.

당부의 말씀

작년에 많은 수강생분들이 이 강좌를 들어주셨습니다. 감사합니다. 다만 드리고 싶은 말씀이 하나 있습니다. 단순히 강의를 눈으로 본다고 해서 풀스택 개발자 되지 않습니다(그것은 욕심입니다). 직접 따라서 치시고, 발생하는 에러들을 해결하고, 강좌에는 없는 기능을 만들어보면서 나오는 기술을 자기 것으로 만들어야 합니다.

이 강좌는 실제로 6개월 이상이 걸리는 커리큘럼을 20시간 가까이 이어서 보여드리는 것입니다. HTML, CSS, JS, Node, MySQL, AWS 모두 최소 1달 이상을 투자해야 어느 정도 소화할 수 있습니다. 따라서 강좌는 20시간 분량이더라도 별도의 공부가 필요합니다.

제로초의 React로 배우는
20시간 풀스택 강좌!

^{▲ NodeBird SNS 만들기}

트위터와 비슷한(이라고 쓰고 짝퉁이라 읽는다) 제로초의 시그니처 프로젝트 NodeBird SNS를 만들어보며, 서비스 구현부터 배포까지 모두 배워봐요.
Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL)를 배웁니다.
검색엔진 최적화와 AWS 배포(간단하게 EC2 + Lambda + S3 + Route53 사용)는 보너스!

직접 만들어보세요!

로그인, 게시글 작성, 좋아요

이미지 업로드, 댓글, 리트윗

인피니트 스크롤링, 팔로우, 언팔로우

해시태그 검색, 유저 프로필

질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!

지식공유자를 소개합니다.

_{제로초 블로그 및
유튜브 채널 운영}

_{웹개발 베스트셀러
<Node.js 교과서> 저자}

_{주식회사 오늘의픽업
CTO}

연관 강의

웹 게임을 만들며 배우는 React
무료로 웹 게임을 통해 리액트를 배워봅니다.
프론트를 중점으로 다루고 백엔드는 부가적인 역할을 합니다.

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
노드에 대한 핵심 개념을 익힌 후,
실전 예제를 통해 실무에 뛰어들 준비를 갖춥니다.

Vue로 Nodebird SNS 만들기
Vue로 만드는 풀스택 SNS 강좌!

이런 분들께
추천드려요

학습 대상은
누구일까요?

리액트 Hooks나 Next같이 리액트를 응용하고 싶은 분
풀스택 개발에 관심있는 분
프론트엔드 개발자 지망생
Next Page Router를 적극적으로 사용해보고 싶은 분

선수 지식,
필요할까요?

HTML, CSS 지식
자바스크립트 최신 문법 지식
제로초의 리액트 무료 강좌 시청

안녕하세요
입니다.

66,472

명

수강생

1,677

개

수강평

9,754

개

답변

4.8

점

강의 평점

개

강의

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

커리큘럼

전체

94개 ∙ (23시간 3분)

섹션 1. Hello, Next.js

8개 ∙ (1시간 34분)

섹션 2. antd 사용해 SNS 화면 만들기

9개 ∙ (1시간 47분)

9. antd와 styled-components
10:55
10. _app.js와 Head
09:18
11. 반응형 그리드 사용하기.
11:33
12. 로그인 폼 만들기
09:36
13. 리렌더링 이해하기
09:59
14. 더미 데이터로 로그인하기
08:39
15. 크롬 확장프로그램과 Q&A
11:53
16. 프로필 페이지 만들기
18:28
17. 회원가입 페이지 만들기(커스텀 훅)
17:06

섹션 3. Redux 연동하기

12개 ∙ (2시간 48분)

18. 리덕스 설치와 필요성 소개
13:25
19. 리덕스의 원리와 불변성
17:07
20. 리덕스 실제 구현하기
14:50
21. 미들웨어와 리덕스 데브툴즈
09:46
22. 리듀서 쪼개기
08:13
23. 더미데이터와 포스트폼 만들기
19:43
24. 게시글 구현하기
17:05
25. 댓글 구현하기
12:45
26. 이미지 구현하기
09:37
27. 이미지 캐루셀 구현하기(react-slick)
16:02
28. 글로벌 스타일과 컴포넌트 폴더 구조.
19:00
29. 게시글 해시태그 링크로 만들기
11:11

섹션 4. Redux-saga 연동하기

13개 ∙ (3시간 23분)

섹션 5. 백엔드 노드 서버 구축하기

25개 ∙ (6시간 38분)

섹션 6. Next.js 서버사이드렌더링

12개 ∙ (2시간 47분)

섹션 7. AWS에 배포하기

9개 ∙ (2시간 22분)

섹션 8. 보너스

6개 ∙ (1시간 41분)

강의 게시일:

마지막 업데이트일:

수강평

전체

177개

4.9

177개의 수강평

qnrjs42
수강평 18
∙
평균 평점 4.8
5
99% 수강 후 작성
講義の購入悩みながらこの記事をご覧いただくと、すぐに受講してください後悔しません。こんにちはこの講義を聞いて就職することになりました。この講義を受講した後や受講しながらトイプロジェクトを定めて実行してください。そして記録する習慣があれば良いです。または開発ブログを作成してください。講義を受講しながら知らない部分は必ず記録してください。開発ブログには完全に理解し、私のものにしたという気持ちで書けば役に立ちます。私のストーリーを解きたいのですが、長すぎて... 私が就職するまで、学習順序は 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トイプロジェクトはどこで受講しましたか？
- qnrjs42
  この部屋の回答がたくさん遅れましたねアラームが出てこなかったので返事が付いたこともわかりませんでした。トイプロジェクトはクローンコーディングと似ていますが、講義ではありません。特定サイト定めて一つ一つクローンしました。
ksw50621916
수강평 4
∙
평균 평점 5.0
5
91% 수강 후 작성
こんにちは！ゼロチョの授業を聞いてブロックチェーン会社に就職もしたし、別に私のプロジェクトの広報もする兼して受講評を作成するようになりました:) 現在も会社通いながらメンテナンス中のプロジェクト先に公開します！スタックなのにタイプスクリプト、Nestが追加されました！ https://musicsseolprise.com ここに入ってくればいいです！私が公開するプロジェクトはフロントに限ってノードバード講義だけをよく理解しても十分にできる難易度です！私は専攻者でしたが、学部の時期、最後の学期の時は、データベースを除いてさまようことが多く、単位も良くなく、非専攻自慢とベースが差がなかったと見てください。とりあえず講義の最大のメリットは質問解答！大きな助けになりました！そして、フロントアンドは変化が速すぎますので、勉強しているときにライブラリを書く理由を自分で質問してみてください。個人的には私は就学生なら状態管理をRecoil.jsをすることをお勧めします。勉強する方がいいので、勉強してみて、リファクタリングで質問しながら勉強しています。お勧めします！ちなみに、私はタイプスクリプトを勉強して編んだコードをすべてタイプスクリプトに置き換えました！とブラウザ内蔵のapiを書きました。とにかく忙しいのですが、質問いつも親切につけてくださってゼロチョー本当にありがとうございました！
kaei25740567
수강평 2
∙
평균 평점 4.5
5
97% 수강 후 작성
現業のフロントエンド開発者としてバックエンドの開発を困難にし、配布してみたかったのですが、曖昧な恐怖のために始めることができませんでした。さてこの講義を通じて直接配布もしてみて、バックエンド作業もして本当に良かったです！講義を聞く方は redux と saga の授業を聞くとき、ある程度パターンに慣れて指示面ゼロチョ様が redux、saga 作業する前にあらかじめ止めておき、フロントで redux と saga、backend router 作業をあらかじめしてみて講義を聞けばいいこと同じです^^！
heruse7318
수강평 4
∙
평균 평점 2.5
5
37% 수강 후 작성
JavaScriptの仕事も知らない開発者でした。ユツクゼロ秒チャンネルを通してゲームで学ぶJavaScriptジャストンまで聞いて早くリアクト開始したい気持ちでリアクト初級講座でコンセプトだけがピッタリと得てこれを聞きました。原則を中心に説明しているスターだから興味があれば、非専攻者が聞いても従うことができます。文法については中途半端なGoogleで検索して知ればいいですからね。そして、質問に答えて早くつけてくれるのも大きな手引きになりました。
9uke
수강평 2
∙
평균 평점 3.5
3
88% 수강 후 작성
この講義の長所と短所を記録しようと思います。利点 1. 講義内容があまりにもわかる欠点 1. コードをコピー・ペーストする区間や、編集して突然完成したコードが出るたびに突然生じたコードなので、このコードをどこから取り込んだのか、どんな内容を修正したのかについての説明が足りず、この部分で時間がかかります。 2. 講義によく従うと、途中でエラーが発生するが、講義自体で生じたミスなので、次の講義で訂正する区間が出るが、これに対する言及がないため、次の講義を見るまでは、本人がどこでミスをしたのか探し続ける。講義内容があまりにもわかるが編集部分がたくさん残念だ。

₩88,000

제로초(조현영)님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

Basic

React, React Native, Hybrid App

React Native with Expo: ゼロチョから正しく学ぶ

zerocho

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

ノードとは何か、最新のJavaScript文法、ノードのAPI、npm、モジュールシステム、データベース、テストなどについて学び、5つの実例を使ってプロジェクトを作成します。サービスをクラウドにデプロイしたり、ノードプロジェクトをTypeScriptに変換したりすることもできます。

Basic

Node.js, Express, MySQL

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

Next + React Query で SNS サービスを作成する

zerocho

React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택을 사용하여 Twitter(X.com)와 유사한 SNS 서비스를 만들어보겠습니다. 마지막으로 검색 엔진 최적화를 위한 SSR까지!

Intermediate

Next.js, React, react-query

Next + React Query で SNS サービスを作成する

zerocho

非専攻者の専攻者追いつく - 資料構造(with JavaScript)

zerocho

アルゴリズム勉強の必須選手科目である資料構造！様々な資料構造をJavaScriptで学びましょう！

Basic

JavaScript, Algorithm, Coding Test

非専攻者の専攻者追いつく - 資料構造(with JavaScript)

zerocho

非専攻者の専攻者に追いつく - ネットワーク、HTTP

zerocho

HTTPを扱う開発者であるか、開発者になりたいのですが、コンピュータ学科を専攻していないため、ネットワークが弱い方、この講座一つで生涯知識を得てください！

Beginner

Network, tcpip, websockets

非専攻者の専攻者に追いつく - ネットワーク、HTTP

zerocho

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

Basic

Software Test, Jest, react-testing-library

テスト with Jest: ゼロ秒に正しく学ぶ

zerocho

配信アプリクローンコーディング [with React Native]

zerocho

リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。

Intermediate

React Native

配信アプリクローンコーディング [with React Native]

zerocho

[リニューアル]タイプスクリプトオールインワン：Part1。

zerocho

タイプスクリプトの基本文法を学び、他の人が作成したタイプを分析する方法と、私が直接タイプを作成する方法を学びます。

Basic

TypeScript

[リニューアル]タイプスクリプトオールインワン：Part1。

zerocho

非専攻者の専攻者追いつく - データベース、SQL

zerocho

すでに開発者や開発者になりたいのですが、コンピュータ学科を専攻していないため、データベースが弱い方、この講座一つで生涯知識を得てください！

Beginner

DBMS/RDBMS, SQL, MySQL

非専攻者の専攻者追いつく - データベース、SQL

zerocho

[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

zerocho

本講義ではJavaScriptを活用してプログラミング思考力を養う練習を行います。ウェブゲームである球球団をはじめとする、数字野球、反応速度テスト、チックタクト、宝くじ抽選機、はさみロック、カードマッチングゲーム、テキストRPG、地雷探し、2048ゲーム、ほくろ捕獲まで一緒に作ってみましょう。

Basic

JavaScript

[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門

zerocho

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

Intermediate

Design Pattern, oop, TypeScript

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

zerocho

タイプスクリプトの基本的な文法を学んだことで、有名なライブラリの複雑なタイプを分析する方法を学びましょう。

Intermediate

TypeScript

[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編

zerocho

Slack クローンコーディング [NestJS + TypeORM を使用したバックエンド]

zerocho

Node.js の Spring と呼ばれる NestJS を学び、Dependency Injection の利便性を体験しましょう。API 開発から、Express との比較、デプロイ、テストまで、すべてを学びましょう。

Intermediate

NestJS, TypeORM, Express

Slack クローンコーディング [NestJS + TypeORM を使用したバックエンド]

zerocho

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイムチャットまで!

Intermediate

Clone Coding, React, TypeScript

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Node.jsにTypeScriptを適用する（feat. NodeBird）

zerocho

Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

Intermediate

Node.js, Web Application, TypeScript

Node.jsにTypeScriptを適用する（feat. NodeBird）

zerocho

Webゲームを作成して学習するReactにTypeScriptを適用する

zerocho

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

Intermediate

React, TypeScript

Webゲームを作成して学習するReactにTypeScriptを適用する

zerocho

Redux vs MobX（両方を学ぼう！）

zerocho

RedoxとMob Xを選ぶのを心配していますか？一度、両方を学んでから悩みましょう！

Basic

Redux, MobX

Redux vs MobX（両方を学ぼう！）

zerocho

Webゲームを作って学ぶVue

zerocho

簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

Basic

Vuex, Vue.js, Webpack

Webゲームを作って学ぶVue

zerocho

VueでNodebird SNSを作成する

zerocho

VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

Intermediate

Vue.js, Node.js, AWS

VueでNodebird SNSを作成する

zerocho

Webゲームを作って学ぶReact

zerocho

Webゲームでリアクトを学びましょう。 Class、Hooksのすべてを学び、Context APIとReact Router、Webパック、バーベルまでさらに学びます。

Basic

React

Webゲームを作って学ぶReact

zerocho

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]

John Ahn

この講義を通じてショッピングモールウェブサイトを最初から一つ一つ作ってみることができます。

Intermediate

React, Redux, Node.js

真似して学ぶNode、Reactシリーズ - ショッピングモールサイト作り[全面リニューアル]

John Ahn

VueでNodebird SNSを作成する

zerocho

VueとNuxtフレームワークを使用してSNSサービスを作成します。サービスに必要なフルスタックの知識を学びます。

Intermediate

Vue.js, Node.js, AWS

VueでNodebird SNSを作成する

zerocho

フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

John Ahn

この講義を通じてリアクトとファイアベースを利用してチャットアプリケーションを作成することができます。

Basic

React, Firebase, Web Application

フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

John Ahn

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイムチャットまで!

Intermediate

Clone Coding, React, TypeScript

Slack クローンコーディング [React を使用したリアルタイムチャット]

zerocho

Next + React Query で SNS サービスを作成する

zerocho

Intermediate

Next.js, React, react-query

Next + React Query で SNS サービスを作成する

zerocho

React、Node.js、MongoDBで作る自分だけの会社ウェブサイト：完璧ガイド

dakgangjung123

React、Node.js、MongoDBを活用して会社のWebサイトを自分で制作する過程を学べる実践的な講座です。簡単なReact、Node.jsの基礎知識があれば、一緒にフルスタックプロジェクトを作りましょう！

Intermediate

React, Node.js, MongoDB

React、Node.js、MongoDBで作る自分だけの会社ウェブサイト：完璧ガイド

dakgangjung123

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

Basic

Node.js, Express, MySQL

[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで

zerocho

Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計

nhcodingstudio

Express.jsを使用するレベルを超えて、実際にその内部エンジンをゼロから最後まで直接実装し、真のサーバーの動作原理を体で習得する講義です。ルーター、ミドルウェア、リクエスト-レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなどExpressのすべての構成要素をゼロから直接作成し、サーバー開発者として成長する経験を提供します。

Basic

JavaScript, Node.js, Express

Node.js サーバーエンジン作成 – Express.js クローンで学ぶフレームワーク設計

nhcodingstudio

イベントからSPAまで、インタラクティブWebの必須エンジン - [DOM完全攻略 Part 2]

nhcodingstudio

この講座では、単純なDOM操作に留まらず、実際のユーザーとのインタラクションの中でWeb UIを動的に構築し、反応する方法を深く学びます。イベントシステムのしくみ、バブリングとキャプチャリング、イベント委譲、リアルタイムUXフィードバック、そしてthrottle & debounceを活用したパフォーマンス最適化まで、実務で頻繁に遭遇する課題を実際に実装しながら習得できるように構成しました。DOMツリーの構造理解に基づいて、イベントの流れと状態の変化を柔軟に連携させる能力を身につけることができます。

Basic

HTML/CSS, JavaScript, React

イベントからSPAまで、インタラクティブWebの必須エンジン - [DOM完全攻略 Part 2]

nhcodingstudio

Spring BootとReactで実装するソーシャルログイン

oncoding

スプリングブートとReactを活用し、通常ログインとソーシャルログインを統合実装する方法を学びます。 MPAとSPA環境の両方でログインシステムを構築し、JWTとOAuth2認証を実習します。実務にすぐに適用可能なサンプルプロジェクトを通じて、全体のログインフローを理解し実装することができます。

Intermediate

Java, Spring Boot, JPA

Spring BootとReactで実装するソーシャルログイン

oncoding

[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで

realprogrammers

この講義は、フルスタックWeb開発者を育成するための[Web開発フルスタックコース]講義シリーズのバックエンド部分についての講義です。この講義は、講師の著書<Node.jsプロジェクト投入一週間前>の内容に基づいて作られた講義です。

Basic

Node.js, MySQL, Express

[Web開発フルスタックコース] Node.jsプロジェクト投入1週間前 - 基礎から実務まで

realprogrammers

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

Whisperをローカルで実行し、FastAPIとNext.jsを活用してAI音声認識アプリを迅速に開発する実践プロジェクトの講義です。リアルタイム音声認識まで実装し、短時間で簡単なポートフォリオとして活用できる成果物を完成させることができます。

Basic

Next.js, FastAPI, whisper

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

Intermediate

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする

zerocho

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

Beginner

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知らなくてもOK！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連結します。

Beginner

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。

Intermediate

React Native, Redux, Firebase

iOS/Android アプリ開発のための本番 React Native - Intermediate

Wintho

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せてあなたはより重要な問題解決に集中してください。理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIが得意な開発者」として認められる確実な方法をお教えします。

Basic

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

Basic

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

Javascript 풀스택 로드맵 (+ 트위터 클론앱 만들기 🐦)

인프런

프로가 되는 프론트엔드 개발자 커리어 시작하기 - React

인프런

힙하고 재밌는 리액트 배우기

인프런

[리뉴얼] React로 NodeBird SNS 만들기

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

리뉴얼된 사항

당부의 말씀

제로초의 React로 배우는 20시간 풀스택 강좌!

직접 만들어보세요!

질문에 빠르게대답해 드립니다.

지식공유자를 소개합니다.

연관 강의

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

제로초(조현영)님의 다른 강의

비슷한 강의

연관 로드맵

제로초의 React로 배우는
20시간 풀스택 강좌!

질문에 빠르게
대답해 드립니다.

이런 분들께
추천드려요

안녕하세요
입니다.