본문 바로가기
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개
로그인한 수강생만 쓸 수 있습니다.
아직 수강평이 없어요. 첫 수강평의 주인공이 되어 주세요.
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원