React bắt đầu với Next.js

Name: React bắt đầu với Next.js
Price: 19800 KRW
Rating: 4.9 (7 reviews)

Mới bắt đầu với React? Bạn cần suy nghĩ về cách học nhanh nhưng vẫn nắm vững các khái niệm cơ bản của React. Hãy bắt đầu với Next.js và JavaScript với kiến thức tối thiểu. Chúng ta sẽ phát triển chỉ những ví dụ thiết yếu cần thiết cho việc phát triển trong thực tế. Ví dụ Todo rất quan trọng nên phải phát triển 2 lần. Một lần tập trung vào component, lần tiếp theo tập trung vào routing được xử lý theo đường dẫn của trình duyệt! Đối với đăng nhập, hãy sử dụng Zustand! Bạn có thể xử lý trạng thái toàn cục với lượng code thực sự ít.

(4.9) 7 đánh giá

108 học viên

zk202308a5410

react19

next.js15

신입프론트엔드

웹개발

네카라쿠배

JavaScript

React

Web Application

Ajax

Bạn sẽ nhận được điều này sau khi học.

Cách cấu thành component và component
Trạng thái (state) và thuộc tính (props) của component
Ứng dụng React tích hợp với API server
Xử lý routing sử dụng Next.js
Quản lý trạng thái với Zustand

Bắt đầu React một cách dễ dàng!

Nếu bạn mới bắt đầu học React?

Phải có thể sử dụng props và state của component một cách đúng đắn.
Bạn cần biết cách xử lý bất đồng bộ thông qua giao tiếp với máy chủ.
Cần có khả năng xử lý trạng thái toàn cục của ứng dụng như đăng nhập.

Bắt đầu với JavaScript.. sử dụng framework với cấu hình tối thiểu

Nếu bạn chưa quen với TypeScript thì có thể bắt đầu từ JavaScript trước cũng được.
Nếu React với nhiều thư viện và cấu hình phức tạp thì hãy bắt đầu với framework như Next.js.
Next.js hỗ trợ cả component client hoạt động trên trình duyệt và component server hoạt động trên máy chủ.
Những người mới bắt đầu học nên ưu tiên học về client component trước, sau đó mới học về server component.

Học thông qua các ví dụ!

'Trăm lần nghe không bằng một lần thấy' và 'trăm lần thấy không bằng một lần thực hành'.
Chỉ việc biến đổi một ví dụ đơn giản theo nhiều cách khác nhau cũng đã giúp học được rất nhiều.
Cần phải học các bí quyết thông qua các ví dụ chứ không phải chỉ là kiến thức.

Học các ví dụ cần thiết trong thực tế!

Next.js cơ bản cung cấp chức năng routing hiển thị các component cụ thể theo đường dẫn.
Dữ liệu Todo hãy giao tiếp với API server và xử lý bằng dữ liệu JSON.
React 19에서
Hãy thử sử dụng useActionState() để xử lý các thẻ.
Bạn có thể tạo custom hook của riêng mình không?
Quản lý trạng thái toàn cục hãy xử lý đơn giản bằng cách sử dụng Zustand

Bắt đầu với Easygoing React một cách dễ dàng!

Ban đầu bắt đầu với JavaScript cũng không sao.
Ban đầu bạn có thể bắt đầu mà không cần thiết kế cũng không sao.
Ban đầu bạn có thể bắt đầu từ một cấu trúc đã hoàn thiện cũng được.

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

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

Người muốn thử React lần đầu tiên
Người mới bắt đầu với Next.js
Người muốn học nhanh các khái niệm của React
Người muốn hiểu về cấu trúc và vai trò của frontend và backend
Người muốn áp dụng Zustand vào React

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

Kiến thức cơ bản về JavaScript (biến, câu lệnh điều khiển, mảng, hàm)

Xin chào
Đây là

2,140

Học viên

154

Đánh giá

272

Trả lời

4.8

Xếp hạng

Các khóa học

구멍가게코딩단은 2015년부터 개발과 관련된 직종의 사람들의 모임을 위해 만들어진 커뮤니티입니다.

강의의 진행은 현재 구멍가게 코딩단을 운영하고 있는 쿠키 매니저가 진행하고 있습니다.

2000년부터 개발을 시작하였고 벤처 기업, 중소 기업, 대기업 / 프리랜서 등의 개발 경험을 가지고 있습니다.

2010년대 부터는 주로 기업체 강의와 컨설팅을 주요 업무로 하고 있습니다.

ㄴ네이버 카페

주요 저서

코드로 배우는 스프링 웹 프로젝트

코드로 배우는 스프링 부트

코드로 배우는 React

RESTful API 서버 구현

스프링 6 레거시 프로젝트

자바 웹 개발 워크북

React Native 인 액션(번역)

개발/강의

삼성 SDS 개발팀 근무

SK 고객행복 주식회사 근무

KT / SK / 포스데이터 / 교보 생명 / 신세계 / 아시아나 / 건강보험 관리공단 등등 기업체 강의

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

Tất cả

37 bài giảng ∙ (8giờ 7phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu khóa học và môi trường phát triển

2 bài giảng ∙ (23phút)

1. Giới thiệu khóa học
09:35
2. Tạo dự án React với Next.js
14:13

Phần 2. Về Component

9 bài giảng ∙ (2giờ 4phút)

3. Tạo component
15:41
4. Hãy tìm hiểu về hàm số
10:50
5. Xử lý điều khiển trong component
14:08
6. Vòng lặp trong component
16:22
7. props của component
14:33
8. Trạng thái (state) của component
17:47
9. Giao tiếp giữa các component
14:20
10. Container Component Presentation Component
13:40
11. Thực hành tách component số đếm
07:33

Phần 3. Tạo Todo hoạt động trên một màn hình

7 bài giảng ∙ (1giờ 33phút)

12. Chuẩn bị phát triển ví dụ Todo - mã nguồn
09:39
13. Toán tử spread và filter của mảng
12:00
14. Hiển thị danh sách Todo và đăng ký
17:52
15. Todo xóa và xử lý chỉnh sửa1
09:10
16. Xử lý chỉnh sửa Todo 2
14:40
17. Todo xử lý chỉnh sửa3
21:03
18. Chỉnh sửa thiết kế màn hình
08:48

Phần 4. Tạo Todo tích hợp với máy chủ API bên ngoài

10 bài giảng ∙ (2giờ 12phút)

Phần 5. Zustand và quản lý trạng thái

9 bài giảng ∙ (1giờ 52phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

7 đánh giá

4.9

7 đánh giá

123ddd
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
c01
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
講義を聞いた後、React.jsにある程度自信がつきました。 (), {}, state, set, アロー関数, フックの基本機能...などをなぜ使うのかわかるような気がします。
codingbeer
Đánh giá 11
∙
Đánh giá trung bình 4.2
Đã chỉnh sửa
5
100% đã tham gia
シンプルな核心概念講義、良いですね。
- zk202308a5410
  Giảng viên
  お久しぶりです。😭😭
moomgyucha8486
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
wtkim
Đánh giá 27
∙
Đánh giá trung bình 4.9
5
32% đã tham gia

418.122 ₫

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

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

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

スプリングブート（Spring Boot ver3.4.x）で制作されるAPIサーバーと React 19 (with TypeScript) 連動プロジェクト完成！バックエンドポートフォリオにフロントエンド適用！実務者を対象に作成された講義（初級者用講義ではありません。）

중급이상

React, TypeScript, Spring Boot

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

Next.js 15 with Spring Boot

zk202308a5410

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 15の核心を貫き、'本当の'Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率を両方とも掴む方法を体験してください。 Next.jsらしく開発しましょう！Next.jsの機能をどのように適用すべきかを実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。講義の目標は最大限速くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。

중급이상

JavaScript, React, Spring Boot

Next.js 15 with Spring Boot

zk202308a5410

コードで学ぶSpring Webプロジェクト - Intermediate

zk202308a5410

Spring Legacyプロジェクトを勉強する必要がある場合は？ XML設定一つ一つ自分で作ってみたいなら？ SpringプロジェクトにSpring Securityを適用する必要がある場合は？

초급

Spring, JSP, mybatis

コードで学ぶSpring Webプロジェクト - Intermediate

zk202308a5410

コードで学ぶSpring Webプロジェクト - Basic

zk202308a5410

Spring Legacyプロジェクトを勉強する必要がある場合は？ XML設定一つ一つ自分で作ってみたいなら？

초급

Spring, mybatis, JSP

コードで学ぶSpring Webプロジェクト - Basic

zk202308a5410

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!

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

중급이상

React, TypeScript, Spring Boot

コードで学ぶReact 19 with スプリングブートAPIサーバー

zk202308a5410

Next.js 15 with Spring Boot

zk202308a5410

중급이상

JavaScript, React, Spring Boot

Next.js 15 with Spring Boot

zk202308a5410

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

Neo

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り SpringbootでCRUDサーバーを開発し、Reactで自分だけの掲示板を作ってみましょう！

초급

React, Kotlin, Spring Boot

誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

Neo

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

zerocho

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

중급이상

Design Pattern, oop, TypeScript

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

zerocho

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

ThreeJSとSpringAIで作る3D地球儀記事サービス自分だけのチャットボットとThreeJSを通じて3D地球儀記事サービスを作ってみましょう！

초급

React, Kotlin, Spring Boot

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

Next.js 15で完成する実戦YouTube クローン開発

antonio

この24時間のチュートリアルでは、自分だけのYouTubeクローンを作る方法を学びます。Next 15とReact 19（tRPCを含む）、サーバーコンポーネントでのプリフェッチ、クライアントコンポーネントでのサスペンス活用、ビデオ処理、バックグラウンドジョブ、AI機能など、高度なトピックを扱います。

초급

Next.js, React, PostgreSQL

Next.js 15で完成する実戦YouTube クローン開発

antonio

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

초급

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

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

zerocho

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

초급

React, React Native, Hybrid App

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

zerocho

React Router 完全征服

woongjae

ReactでSPAを作るすべての人にとって必須のReact Routerを一緒に征服してみましょう 💪

초급

react-router-dom, react-router, React

React Router 完全征服

woongjae

ReactベースのGatsbyで技術ブログを開発するv2

ji5485

Gatsby v5を通じて直接自分だけの技術ブログを開発してみる講義です。

중급이상

Gatsby, React, Blog

ReactベースのGatsbyで技術ブログを開発するv2

ji5485

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

dakgangjung123

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

초급

React, Electron, GUI

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

dakgangjung123

フォローして学ぶタイプスクリプトA-Z

John Ahn

この講義を通じてタイプスクリプトについて学ぶことができます。

초급

TypeScript, JavaScript

フォローして学ぶタイプスクリプトA-Z

John Ahn

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

입문

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

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

codecamp

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

초급

React, Next.js, expo

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

codecamp

モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

jeong4726

この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。（フロントのみ実装しました！バックエンドサーバー構築は今後講義撮影予定です。）

초급

HTML/CSS, JavaScript, Clone Coding

モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

jeong4726

TypeScript Korea：React with TypeScriptセミナー

woongjae

タイプスクリプトとリアクト関連講座です。

중급이상

React, TypeScript

TypeScript Korea：React with TypeScriptセミナー

woongjae

サーバーフレームワークをゼロから構築：Express.jsエンジンのクローン作成

nhcodingstudio

このコースは単にExpress.jsを使用するだけではありません。その内部エンジンを最初から最後まで再構築し、サーバーがどのように動作するかの真の原理を実践的に体験できます。ルーティング、ミドルウェア、リクエスト・レスポンスオブジェクト、静的ファイル処理、テンプレートレンダリングなど、Expressの各コンポーネントを直接作成することで、サーバー開発者として成長し、フレームワークがコアでどのように動作するかを真に理解できるようになります。

초급

JavaScript, Node.js, Express

サーバーフレームワークをゼロから構築：Express.jsエンジンのクローン作成

nhcodingstudio

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

중급이상

Next.js, React, GraphQL

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

💡 非開発者もAIと一緒にたった10時間で創業MVPから収益化サービスまで！ 💰 外注費数千万円が必要だった開発、今や12万円で完全解決 🎯 名刺認識、感情分析、立地分析まで実戦ビジネスプロジェクト5個完走 🔥 企画者、マーケター、予備創業者なら開発者なしでもアイデア実現 ⚡ 今始めれば一生使える開発自立能力を獲得しましょう！

입문

HTML/CSS, Java, Web Application

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

コードで学ぶSpring Webプロジェクト - Intermediate

zk202308a5410

초급

Spring, JSP, mybatis

コードで学ぶSpring Webプロジェクト - Intermediate

zk202308a5410

React bắt đầu với Next.js

Bạn sẽ nhận được điều này sau khi học.

Bắt đầu React một cách dễ dàng!

Nội dung học tập

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

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

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

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

Xin chào
Đây là