본문 바로가기
데모 사이트입니다 — 실제로 결제되지 않으며, 데이터는 매일 새벽 초기화됩니다.체험 회원으로 로그인관리자 화면 체험하기
패키지 구독

NEW

실전 리액트: 컴포넌트부터 배포까지

할 일 앱, 쇼핑 목록, 대시보드 — 프로젝트 3개를 만들며 실무 리액트를 익혀요.

수강생 1명 난이도 중급 2026년 9월 업데이트

강사 김도현

#React#Hooks#Vite#배포

난이도
중급
커리큘럼
9차시 · 47분
수강 기간
1년
수료증
발급

튜토리얼을 넘어, 실무처럼 만드는 리액트

상태 설계, 폴더 구조, 성능, 배포까지 — 실무에서 실제로 고민하는 순서대로 진행해요.

이런 분께 추천해요

  • 자바스크립트 기초를 마친 분
  • 리액트 튜토리얼은 해 봤지만 프로젝트가 막막한 분
  • 팀 프로젝트 전에 구조 잡는 법을 배우고 싶은 분

이 강의에서 배우는 것

  • 컴포넌트 나누기와 props 설계
  • useState·useEffect·useReducer
  • 커스텀 훅과 데이터 불러오기
  • Vite 빌드와 정적 호스팅 배포

강의 특징

  • 차시마다 진도가 저장되어 언제든 본 곳부터 이어서 볼 수 있어요.
  • 섹션 끝의 퀴즈로 배운 내용을 바로 확인해요.
  • 진도율 80% 이상이면 수료증이 발급돼요.
이 강의는 ArcLMS 데모용 예시입니다. 동영상은 공개 샘플 영상(Blender Foundation, CC BY)으로 대신합니다.

커리큘럼 4개 섹션 · 9차시 · 47분

오리엔테이션2차시 · 10분
  • 무엇을 만들까요? 0:10
  • 개발 환경 만들기 10:34
프로젝트 1 — 할 일 앱3차시 · 22분
  • 컴포넌트와 props 12:14
  • 상태 끌어올리기 10:34
  • 컴포넌트 설계 체크리스트 문서
프로젝트 2 — 대시보드2차시 · 13분
  • 커스텀 훅으로 데이터 불러오기 0:52
  • 메모이제이션과 성능 12:14
배포와 마무리2차시 · 1분 미만
  • Vite 빌드와 배포 0:52
  • 실전 리액트 최종 퀴즈 퀴즈

강사 소개

김도현

10년차 프론트엔드 개발자 · 전 스타트업 CTO

커머스·핀테크 스타트업에서 웹 서비스를 처음부터 끝까지 만들어 왔어요. “왜 이렇게 쓰는지”를 먼저 이해하고 코드를 쓰는 습관을 전하고 싶어 강의를 시작했습니다.

  • 전 스타트업 CTO, 프론트엔드 리드
  • 누적 수강생 2만 명
이 강사의 강의 더 보기 ›

수강평 0개

0.0
  • 5점0
  • 4점0
  • 3점0
  • 2점0
  • 1점0

로그인한 수강생만 쓸 수 있습니다.

아직 수강평이 없어요. 첫 수강평의 주인공이 되어 주세요.

Q&A 0개

수강생만 질문할 수 있어요. 수강 신청 후 궁금한 점을 남겨 주세요.

아직 질문이 없어요.

자주 묻는 질문

수강 기간은 얼마나 되나요?

결제일부터 365일 동안 들을 수 있어요. 기간 안에는 몇 번이든 다시 볼 수 있어요.

수료증은 어떻게 받나요?

진도율 80% 이상을 채우고 퀴즈 평균 60점을 넘기면 자동으로 발급돼요. 마이페이지 > 수료증에서 인쇄하거나 PDF 로 저장할 수 있어요.

환불할 수 있나요?

결제 후 7일 이내이고 진도율 10% 미만이면 전액 환불돼요. 그 밖에는 진도율에 따라 환불 금액이 달라져요. 주문 상세에서 예상 환불 금액을 먼저 확인할 수 있어요.

환불 규정 안내

  • 결제 후 7일 이내이고 진도율 10% 미만이면 전액 환불해 드려요.
  • 그 밖에는 진도율(또는 수강 기간 경과율)에 따라 1/3 미만 2/3, 1/2 미만 1/2 을 환불하고, 그 이상은 환불되지 않아요.
  • 디지털 콘텐츠 특성상 학습을 시작하면 청약철회가 제한될 수 있어요 (전자상거래법 제17조).
  • 쿠폰으로 할인받은 금액은 실제 결제한 금액 기준으로 계산하고, 무료 강의는 환불 대상이 아니에요.

이 강의가 들어 있는 패키지 함께 사면 더 저렴해요

20% 132,000원 165,000원