Programming

Front-end

Hoàn thành React hoàn toàn: useHoooooook

Name: Hoàn thành React hoàn toàn: useHoooooook
Price: 44000 KRW

Bạn có thể học về state và hook của React một cách chi tiết, sâu rộng và toàn diện. Khóa học này bao gồm hơn 95% tài liệu chính thức của React. Bạn có thể hoàn thành React bằng khóa học này.

(5.0) 5 đánh giá

144 học viên

tonextday

프론트엔드

hook

리액트

React

JavaScript

DOM

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

Trạng thái React
Móc phản ứng
Cách tạo thành phần
Phản ứng mô hình
Cách tái cấu trúc mã React
Kết nối React với hệ thống bên ngoài
Làm thế nào để phát triển với các kịch bản

Đầu tiên, hãy viết kịch bản
Dựa trên điều này, bạn có thể học cách phát triển ứng dụng React.

Cũng giống như việc bạn cần lên kế hoạch cho một chuyến đi trước khi thực hiện, việc phát triển chương trình cũng yêu cầu bạn phải tạo ra các kịch bản về cách người dùng và hệ thống sẽ tương tác.
Cũng giống như khi bạn đi du lịch theo một kế hoạch, bạn cần phải xây dựng một chương trình theo một kịch bản.
Cũng giống như kế hoạch thay đổi tùy theo điểm đến du lịch, kịch bản cũng thay đổi tùy theo môi trường phát triển.
Bạn sẽ học cách viết các kịch bản phù hợp với môi trường React và cách phát triển các thành phần React bằng cách làm theo các kịch bản.

Lời khuyên cho người mới bắt đầu

Bạn có thể phát triển ứng dụng React ngay cả khi bạn học React một cách nhanh chóng và sơ lược.
Nhưng nếu bạn đi sâu hơn một chút, bạn sẽ phải quay lại và học lại.
Xây dựng nền tảng, từng bước một, có vẻ chậm, nhưng cuối cùng lại nhanh hơn. Đây chính là lối tắt, con đường của một nhà phát triển.
Bạn có thể tự tin tham gia phỏng vấn kỹ thuật.
Người phỏng vấn thực hiện phỏng vấn kỹ thuật sẽ kiểm tra nền tảng vững chắc của ứng viên. Điều này là do họ hiểu rõ rằng nền tảng cơ bản rất quan trọng.
Mã được phát triển dựa trên nền tảng vững chắc thì khác, và người phỏng vấn sẽ thấy điều này.

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

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

Các nhà phát triển muốn hoàn toàn học React state và hook
Những nhà phát triển muốn học hết mọi thứ về React
Các nhà phát triển muốn nâng cao khả năng ứng dụng phát triển React
Kế hoạch gia React
Các nhà phát triển và nhà lập kế hoạch muốn thiết lập khái niệm về các thành phần

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

JavaScript, HTML, CSS
Bạn cần hiểu DOM nhưng không phải là bắt buộc
Khuyến nghị khóa học "React dành cho người mới bắt đầu" của giảng viên

Xin chào
Đây là

9,630

Học viên

392

Đánh giá

337

Trả lời

4.8

Xếp hạng

Các khóa học

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
Rust 비기너 강좌 제작중, 2025.09 오픈 예정

클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

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

Tất cả

95 bài giảng ∙ (10giờ 25phú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

4 bài giảng ∙ (12phút)

Phần 2. Lập trình mệnh lệnh, khai báo

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

Phần 3. Phương thức khai báo UI phản ứng

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

Phần 4. Thay đổi trạng thái ở định dạng Đối tượng và Mảng

8 bài giảng ∙ (57phút)

Phần 5. Cấu trúc trạng thái

8 bài giảng ∙ (49phút)

Phần 6. Chia sẻ trạng thái thành phần

4 bài giảng ∙ (25phút)

Phần 7. giữ trạng thái, khởi tạo-1

5 bài giảng ∙ (35phút)

Phần 8. giữ trạng thái, khởi tạo-2

5 bài giảng ∙ (38phút)

Phần 9. sử dụngMóc giảm tốc

7 bài giảng ∙ (36phút)

Phần 10. useContext Hook

7 bài giảng ∙ (30phút)

Phần 11. useRef Hook

4 bài giảng ∙ (24phút)

Phần 12. Đối tượng tham chiếu và DOM

6 bài giảng ∙ (43phút)

Phần 13. API liên quan đến giới thiệu, Hook

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

Phần 14. sử dụngEffect Hook

8 bài giảng ∙ (57phút)

Phần 15. sử dụngMemo Hook

7 bài giảng ∙ (39phút)

Phần 16. sử dụng Hook gọi lại

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

Phần 17. Móc tùy chỉnh

3 bài giảng ∙ (16phút)

Phần 18. useSyncExternalStore Hook

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

Ngày đăng:

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

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

안승우
Đánh giá 7
∙
Đánh giá trung bình 4.9
5
31% đã tham gia
올찬
Đánh giá 12
∙
Đánh giá trung bình 4.9
5
100% đã tham gia
완강하게 되어 기쁩니다. ^^ 이해가 잘 안 가는 부분이 있으면 다시 이전 강의를 찾아보고 그래도 이해가 안 가면 공식 문서를 찾아가며 읽어보면서 궁금증을 해결해 나갔습니다. 공식 문서 기준으로 만들어진 강의라 가능했던 일이고 제가 이 강의를 선택한 이유이기도 합니다. 미니 프로젝트 없이 이론 중심으로 진행되는 강의라 지루한 면이 좀 있지만 기본 개념 정리는 확실히 할 수 있어서 도움이 됐습니다. 특히 "Ref 오브젝트와 DOM 인터페이스" 수업에서와 같이, 스펙 문서를 보면서 인터페이스 간 상속 구조를 통해 어떻게 코드가 작동하는지 알려주시는 부분이 좋았습니다. 제가 자바도 공부하고 있어서 비슷한 구조가 나올 때마다 비교하면서 배우게 되니 흥미로웠습니다. 이제 DOM 완전 끝내기 로드맵을 이어가도록 하겠습니다. 감사합니다.
- 김영보
  Giảng viên
  완강을 축하합니다^^ 강의자의 의도를 정확하게 파악하여 활용하셨네요. 소프트웨어 개발 감각이 있으신 것 같습니다. 더욱 더 큰 발전을 응원합니다.
제일일
Đánh giá 9
∙
Đánh giá trung bình 5.0
5
27% đã tham gia
p.cdoomco
Đánh giá 11
∙
Đánh giá trung bình 5.0
5
5% đã tham gia
비기너 강의를 잘들었습니다. 이번강좌도 잘듣고 리액트 마스터가되어보겠습니다.
- 김영보
  Giảng viên
  예, 응원합니다^^
최용원
Đánh giá 16
∙
Đánh giá trung bình 4.8
5
31% đã tham gia

925.315 ₫

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

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

자바스크립트 중고급: 엔진 핵심

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있습니다.

초급

JavaScript

자바스크립트 중고급: 엔진 핵심

김영보

React 비기너: 튼튼한 기본 만들기

김영보

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

초급

React, JavaScript, DOM

React 비기너: 튼튼한 기본 만들기

김영보

모던 자바스크립트(ES6+) 심화

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 마지막 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. 특히, 비동기 통신과 비동기 프로세스 전반을 11단계로 나누어 프레임워크를 만드는 개념으로 접근합니다.

초급

JavaScript, ES6

모던 자바스크립트(ES6+) 심화

김영보

모던 자바스크립트(ES6+) 기본

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

초급

JavaScript, ES6

모던 자바스크립트(ES6+) 기본

김영보

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

초급

JavaScript, 객체지향

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

클린업 JavaScript: 점프업!

김영보

자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.

초급

JavaScript

클린업 JavaScript: 점프업!

김영보

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법

김영보

시스템 개발이 실패하거나 요구사항 변경이 발생하는 대부분은 요구분석을 잘못하였기 때문입니다. 시스템 개발을 성공하는 요구분석 구현 방법을 다룹니다. 요구사항은 코드로 풀지 않고 시나리오로 풉니다. 요구사항을 시나리오로 푸는 방법을 다룹니다.

중급이상

요구분석, 소프트웨어 공학

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법

김영보

DOM 인터랙션

김영보

DOM은 동적 애플리케이션의 필수이며 바탕입니다. Element, Document, Window 오브젝트에서 발생하는, 발생시키는 모든 이벤트를 기본부터 활용까지 다룹니다. Web Component(Custom Element, Shadow DOM, Template)을 완전하게 배울 수 있으며 활용할 수 있습니다. 개설된 "DOM 완전 끝내기: 기본" 강좌와 더불어 DOM의 마침표를 찍을 수 있습니다.

초급

DOM, JavaScript, HTML/CSS

DOM 인터랙션

김영보

DOM 기본

김영보

DOM을 모르고 웹 프로그램을 말할 수 없습니다. DOM 스펙의 95% 이상을 다룹니다. DOM의 마침표를 찍을 수 있습니다. 넓고 깊으며 자세합니다. 시간, 비용, 노력을 허비하지 않습니다. 자바스크립트 활용도 같이 다루며, 바닐라 JS로 웹 애플케이션을 개발할 수 있습니다.

초급

DOM, JavaScript, HTML/CSS

DOM 기본

김영보

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

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!

클린업 JavaScript: 점프업!

김영보

초급

JavaScript

클린업 JavaScript: 점프업!

김영보

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

velopert(김 민준)

프론트엔드 프레임워크, 리액트(React)를 누구든지 쉽고 재밌게 시작할 수 있도록 만들어진 강의입니다.

초급

JavaScript, React

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

velopert(김 민준)

따라하며 배우는 타입스크립트 A-Z

John Ahn

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

따라하며 배우는 타입스크립트 A-Z

John Ahn

자바스크립트 중고급: 엔진 핵심

김영보

초급

JavaScript

자바스크립트 중고급: 엔진 핵심

김영보

당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스

webstoryboy

다양한 웹 사이트에서 Parallax ScrollTrigger를 사용하여 멋진 효과를 구현하고 있습니다. 우리도 이 라이브러리를 사용하여 창의적이고 인상적인 웹 페이지를 만들어 봅시다.

초급

gsap, parallax, scrolltrigger

당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스

webstoryboy

클린업 JavaScript: 베이스 빌드업!

김영보

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

초급

HTML/CSS, JavaScript, Firebase

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

이지스퍼블리싱

키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

입문

HTML/CSS, JavaScript, DOM

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

이지스퍼블리싱

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

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

제로초(조현영)

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

중급이상

React, Redux, Node.js

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

제로초(조현영)

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

초급

Python, Django, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

초급

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

입문

nextjs, ChatGPT, React

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

초급

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

Hoàn thành React hoàn toàn: useHoooooook

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

Phiếu giảm giá

Giảm giá từ 44.000 won xuống còn 16.500 won.

Số phiếu giảm giá: https://inf.run/KYrH7

Tìm hiểu về những điều này

React triển khai UI theo cách khai báo.

Trong React, trạng thái là yếu tố cơ bản nhất.

React cung cấp nhiều loại hook khác nhau.

Đầu tiên, hãy viết kịch bản
Dựa trên điều này, bạn có thể học cách phát triển ứng dụng React.

Bạn không thể viết toàn bộ mã cùng một lúc.

Lời khuyên cho người mới bắt đầu

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

Tài liệu học tập

Lộ trình bài giảng liên quan
Chúng ta hãy cùng nhau học nhé.

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

Xin chào
Đây là

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

Đánh giá

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

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

Hoàn thành React hoàn toàn: useHoooooook

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

Phiếu giảm giá

Giảm giá từ 44.000 won xuống còn 16.500 won.

Số phiếu giảm giá: https://inf.run/KYrH7

Tìm hiểu về những điều này

React triển khai UI theo cách khai báo.

Trong React, trạng thái là yếu tố cơ bản nhất.

React cung cấp nhiều loại hook khác nhau.

Đầu tiên, hãy viết kịch bản Dựa trên điều này, bạn có thể học cách phát triển ứng dụng React.

Bạn không thể viết toàn bộ mã cùng một lúc.

Lời khuyên cho người mới bắt đầu

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

Tài liệu học tập

Lộ trình bài giảng liên quan Chúng ta hãy cùng nhau học nhé.

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 tonextday

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

Đầu tiên, hãy viết kịch bản
Dựa trên điều này, bạn có thể học cách phát triển ứng dụng React.

Lộ trình bài giảng liên quan
Chúng ta hãy cùng nhau học nhé.

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

Xin chào
Đây là