
리액트 기초 (Introduction to React)
부산대학교 AI융합교육원
무료
초급 / React, hook, react-router
4.8
(68)
1,200+
리액트를 활용한 웹 애플리케이션 개발 능력을 갖추고 실무에 적용할 수 있는 역량을 키워보자!
초급
React, hook, react-router

실습 프로젝트와 실제 애플리케이션을 통해 React에서 상태를 효과적으로 관리하는 방법을 배우세요. 대화형 대시보드, 전자상거래 사이트, 동적인 웹 앱을 구축하면서 useState, useEffect, useReducer, Context API 및 고급 상태 관리 패턴을 마스터하세요. prop drilling을 없애고 복잡한 애플리케이션 상태를 자신 있게 처리하는 깔끔하고 확장 가능한 React 코드를 작성하는 실무 역량을 키우세요.
36명 이 수강하고 있어요.
난이도 초급
수강기한 무제한







쿠팡
에 관심있는 사람들도 듣는 중!





쿠팡
에 관심있는 사람들도 듣는 중!
useState, useReducer 및 Context API를 사용한 효율적인 상태 관리 구현
prop 드릴링을 없애고 컴포넌트 간 통신을 최적화하는 확장 가능한 React 아키텍처 구축
프로덕션 수준의 애플리케이션에서 복잡한 상태 관련 문제를 디버깅하고 해결하기
React 앱은 props가 너무 많은 레이어를 가로지르고 상태 변경을 추적하기 어려워지면 복잡해집니다.
대시보드와 쇼핑 앱을 만들어 보며 useState, useReducer, Context API를 익힐 수 있도록 안내합니다.
각 실습 단계를 창의적 기술 교육자다운 명확함으로 설명합니다.
useState, useReducer, Context API로 더 깔끔한 컴포넌트 통신을 구축하세요—prop-drilling 미로 없이 말이죠. 성장하는 React 애플리케이션을 더 쉽게 유지 관리할 수 있도록 하는 패턴을 적용하세요.
실습 환경
Windows, macOS 또는 Linux를 사용하세요.
Node.js, npm 및 React를 설치하세요.
최신 브라우저와 코드 편집기가 있으면 편리합니다.
React Context와 훅을 연습해 보세요.
듀얼 코어 CPU와 4 GB RAM을 사용하세요.
디스크에 10 GB의 여유 공간을 확보하세요.
사전 요구 사항 및 참고 사항
기본적인 React 컴포넌트와 JSX를 알아야 합니다.
props, 이벤트, 배열을 이해해야 합니다.
기본적인 JavaScript 지식이 있으면 유용합니다.
먼저 부모-자식 간 데이터 흐름을 연습하세요.
그다음 Context로 prop drilling을 줄이세요.
프로젝트를 활용해 각 패턴을 테스트하세요.
학습 자료
핵심 React 개념은 슬라이드 PDF를 활용하세요.
컴포넌트 데이터 흐름 다이어그램을 복습하세요.
훅 사용법에 관한 메모를 가까이에 두세요.
대시보드와 쇼핑 앱을 구축하세요.
실제적인 데이터로 상태 관리를 연습하세요.
각 작업에 디버깅 체크리스트를 사용하세요.
학습 대상은
누구일까요?
기본적인 컴포넌트 지식을 갖추고 프로덕션 수준의 애플리케이션을 구축하려는 React 개발자
SaaS 및 이커머스 프로젝트에서 복잡한 상태 관리로 전환하는 프런트엔드 엔지니어들
인터랙티브 대시보드와 동적인 인터페이스를 위한 최신 React 패턴을 완벽하게 익히고자 하는 웹 개발자
선수 지식,
필요할까요?
컴포넌트, props 및 JSX 구문을 포함한 React 기본 개념에 대한 탄탄한 이해
화살표 함수, 구조 분해, async/await와 같은 JavaScript ES6+ 기능에 대한 실무 지식
간단한 React 애플리케이션을 하나 이상 구축했거나 React 기초 과정을 이수한 경험
전체
6개 ∙ (1시간 4분)
같은 분야의 다른 강의를 만나보세요!
무료