Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Web Development

React Intermediate Start: Introduction to Hooks

This course goes beyond the React beginner level and is an intermediate learning course that intensively covers the principles and usage of Hooks, which are most frequently utilized in practical development. Through Hooks, the core tool of functional components, you can learn step-by-step how to implement state management, lifecycle control, performance optimization, and more. In particular, it systematically organizes the roles and usage patterns of basic Hooks like useState and useEffect, as well as advanced Hooks such as useRef, useMemo, and useCallback, and is structured to help you understand which Hook to choose for different situations. Through practical examples, you'll go beyond simple code writing to experience: State management optimization between components Prevention of unnecessary rendering Dynamic data management and DOM control This allows you to develop the intuition to solve problems frequently encountered in real projects. Upon completing this course, you'll master Hook-based development flow, which is the core of React, and be able to confidently apply it to more complex application structures.

4 learners are taking this course

  • usefulit
React
hook
react-hook-form

What you will learn!

  • Learn how to apply Hooks in real-world environments through hands-on projects.

  • Learn the modern React development flow based on functional components.

React(리액트) 중급의 시작 훅(Hook) 입문

본 과정은 React 입문 단계를 넘어, 실무 개발에서 가장 많이 활용되는 Hook의 원리와 활용법을 집중적으로 다루는 중급 학습 과정입니다. 함수형 컴포넌트의 핵심 도구인 Hook을 통해, 상태 관리, 라이프사이클 제어, 성능 최적화 등을 구현하는 방법을 단계적으로 학습할 수 있습니다.

특히 useState, useEffect 같은 기초 Hook부터 useRef, useMemo, useCallback고급 Hook의 역할과 사용 패턴을 체계적으로 정리하며, 상황별로 어떤 Hook을 선택해야 하는지 이해할 수 있도록 구성되어 있습니다.

실습 예제를 통해 단순한 코드 작성법을 넘어,

  • 컴포넌트 간 상태 관리 최적화

  • 불필요한 렌더링 방지

  • 동적 데이터 관리 및 DOM 제어
    등을 경험해보며, 실제 프로젝트에서 자주 맞닥뜨리는 문제들을 해결하는 감각을 기를 수 있습니다.

본 과정을 마치면, React의 핵심인 Hook 기반 개발 흐름을 익혀 더 복잡한 애플리케이션 구조에도 자신 있게 적용할 수 있습니다.

이런 내용을 배워요

🔹 Part.1 useEffect

  • useEffect의 개념과 기본 사용법을 학습

  • 컴포넌트 생명주기와 유사한 동작을 이해하고 실습

  • 더미 데이터 가져오기, 버튼 클릭 시 리스트 출력하기 등 예제를 통해 실제 데이터 처리 흐름을 체험

🔹 Part.2 useRef, useMemo

  • useRef를 활용해 DOM 요소 접근 및 렌더링 최적화 학습

  • useRef로 값 저장 및 관리하는 실습 진행

  • useMemo의 개념을 배우고, 불필요한 연산 최적화를 위한 활용법 실습

  • useRefuseMemo를 통해 리렌더링 최소화와 성능 향상 방법을 습득

🔹 Part.3 useCallback

  • useCallback의 개념과 사용 목적 학습

  • 여러 단계의 실습을 통해 useCallback을 적용하고 함수 메모이제이션 이해

  • useMemouseCallback의 차이점을 비교하며 상황에 맞는 활용법 학습

  • 실습을 통해 성능 최적화와 효율적인 함수 관리 방법을 익힘

수강 전 참고 사항

이 강의는 지식공유자의 질문/답변을 제공하지 않습니다

학습 자료

주차별 교안이 pdf파일로 제공됩니다

Recommended for
these people

Who is this course right for?

  • Frontend developers at beginner to intermediate levels who want to efficiently utilize Hooks in real-world projects

  • Job seekers and career changers preparing for web application development with React

Hello
This is

8,256,067

Learners

6,090

Reviews

4.6

Rating

268

Courses

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

Curriculum

All

18 lectures ∙ (6hr 51min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

Limited time deal

$46,200.00

30%

$51.70

usefulit's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!