React

중급 난이도

리액트 완벽 마스터

리액트 기초부터 고급 활용법까지 배우고 실전 프로젝트를 통해 실무 능력을 향상시킵니다.

4.9(310 리뷰)

3,450명 수강중

수강 기간: 3개월

최근 업데이트: 2025-05-03

₩109,000

16% 할인

₩129,000

이 강의는 다음을 포함합니다:

20시간 15분 강의 영상
80개 강의
다운로드 가능한 소스 코드

강의 소개

이 강의는 React의 핵심 개념부터 고급 상태 관리, 성능 최적화, 최신 기능까지 포괄적으로 다루는 종합 과정입니다. 컴포넌트 기반 아키텍처, JSX 문법, Props와 State를 명확히 이해하고, 함수형 컴포넌트와 Hooks(useState, useEffect, useContext, useReducer 등)를 능숙하게 사용하는 방법을 배웁니다. 또한, React Router를 이용한 클라이언트 사이드 라우팅, 다양한 상태 관리 솔루션(Context API, Zustand, React Query)의 비교 및 적용 방법, 그리고 실제 애플리케이션 개발 시 고려해야 할 컴포넌트 스타일링, 폼 처리, API 연동, 코드 분할, 성능 최적화 기법까지 실습 중심으로 학습합니다. 여러 미니 프로젝트와 최종 프로젝트를 통해 배운 내용을 실제 서비스 개발에 적용하는 경험을 쌓을 수 있습니다.

배우게 될 내용

React 컴포넌트 설계 및 개발 (함수형 컴포넌트 중심)

JSX 문법과 Props/State 활용

React Hooks 심층 이해 및 활용 (useState, useEffect, useContext 등)

React Router를 이용한 라우팅 구현

상태 관리 솔루션 비교 및 적용 (Context API, Zustand, React Query)

다양한 컴포넌트 스타일링 방법 (CSS Modules, Styled Components 등)

폼 처리 및 유효성 검사 (React Hook Form 활용)

API 연동 및 비동기 데이터 처리

React 애플리케이션 성능 최적화 기법

테스트 기초 및 코드 분할 전략

커리큘럼

80 강의 • 20시간 15분 총 강의 시간

React 기초 다지기

React 소개 및 개발 환경 설정 (Vite 활용)

30분

JSX: JavaScript와 HTML의 만남

25분

첫 React 컴포넌트 만들기

30분

Props: 컴포넌트에 데이터 전달하기

35분

State: 컴포넌트의 상태 관리

40분

조건부 렌더링과 리스트 렌더링

35분

React Hooks 마스터

useState: 함수형 컴포넌트에서 상태 관리

30분

useEffect: 사이드 이펙트 처리하기

40분

useContext: 전역 상태 관리 기초

30분

useReducer: 복잡한 상태 로직 관리

35분

useRef: DOM 접근 및 값 저장

25분

Custom Hook: 로직 재사용하기

45분

React Router와 라우팅

React Router 소개 및 기본 설정

25분

다양한 라우트 설정 방법 (중첩 라우트 포함)

35분

동적 라우트와 URL 파라미터 처리

30분

프로그래밍 방식 네비게이션 (useNavigate)

20분

상태 관리 심화

상태 관리 라이브러리 비교 (Context vs Zustand vs React Query)

30분

Zustand를 이용한 간편한 상태 관리

40분

React Query로 서버 상태 관리하기 (데이터 Fetching, Caching, Mutation)

50분

실전 React 개발 기술

컴포넌트 스타일링 전략 (CSS Modules, Styled Components)

40분

React Hook Form을 이용한 효율적인 폼 관리

45분

Axios를 이용한 API 연동 및 에러 처리

35분

React.lazy와 Suspense를 이용한 코드 분할

30분

React 개발자 도구 활용 및 디버깅

25분

React 애플리케이션 성능 최적화 (Memoization, Profiling)

45분

필요한 사전 지식

JavaScript 기초 문법 (ES6+ 포함)에 대한 이해
HTML, CSS 기본 지식
NPM 또는 Yarn 사용 경험이 있으면 좋습니다.

강의 정보

난이도: 중급
강의 시간: 20시간 15분
강의 언어: 한국어

3개월 수강 기간 안내

3개월 동안 수강 가능

본 강의는 결제일로부터 3개월간 수강 가능합니다. 이 기간 동안 언제든지 반복 학습이 가능하며, 업데이트되는 콘텐츠도 이용할 수 있습니다.

수강 기간이 종료된 후에도 구매한 강의의 수료증은 계속 유지됩니다.

₩109,000

16% 할인

₩129,000

총 강의 시간20시간 15분
강의 수80개

이 강의는 다음을 포함합니다:

20시간 15분 강의 영상
80개 강의
다운로드 가능한 소스 코드
Q&A 커뮤니티 접근

₩109,000₩129,000