⚛️
React 완전정복 - 퍼블리셔에서 숙련자로
🟢 입문20년 경력의 HTML/CSS/jQuery 퍼블리셔가 React 숙련자로 거듭나는 25개 세션 완성 커리큘럼. 빌드 도구 없이 CDN + Babel Standalone으로 즉시 실행 가능한 환경에서 시작해, CI4 View 파일에 완성형 React 컴포넌트를 통합하는 실무 수준까지 도달합니다.
강의 목록 25개 세션
1
React가 뭔가? 왜 jQuery 대신 React인가?
📄 문서
💻 실습
🎯 퀴즈
2
HTML 파일에 React 올리기 (CDN, Babel)
📄 문서
💻 실습
🎯 퀴즈
3
모던 JavaScript 핵심만 (ES6+)
📄 문서
💻 실습
🎯 퀴즈
4
JSX란 무엇인가 - HTML인듯 HTML아닌 JSX
📄 문서
💻 실습
🎯 퀴즈
5
함수 컴포넌트 - 함수가 HTML을 반환한다
📄 문서
💻 실습
🎯 퀴즈
6
Props - 컴포넌트에 데이터 전달하기
📄 문서
💻 실습
🎯 퀴즈
7
컴포넌트 합성 - 레고처럼 조립하기
📄 문서
💻 실습
🎯 퀴즈
8
조건부 렌더링 - if로 화면 분기하기
📄 문서
💻 실습
🎯 퀴즈
9
리스트 렌더링 - 배열을 화면으로
📄 문서
💻 실습
🎯 퀴즈
10
useState - 변하는 데이터 관리
📄 문서
💻 실습
🎯 퀴즈
11
이벤트 핸들링 - onClick, onChange 마스터
📄 문서
💻 실습
🎯 퀴즈
12
폼 다루기 - controlled component
📄 문서
💻 실습
🎯 퀴즈
13
useEffect - 컴포넌트 생명주기 이해
📄 문서
💻 실습
🎯 퀴즈
14
데이터 fetch - API 호출과 로딩/에러 처리
📄 문서
💻 실습
🎯 퀴즈
15
커스텀 훅 만들기 - 로직 재사용
📄 문서
💻 실습
🎯 퀴즈
16
Context API - 전역 상태 관리 입문
📄 문서
💻 실습
🎯 퀴즈
17
컴포넌트 분리 전략 - 언제 쪼갤까?
📄 문서
💻 실습
🎯 퀴즈
18
스타일링 전략 - 인라인, 클래스 조건부
📄 문서
💻 실습
🎯 퀴즈
19
성능 최적화 기초 (useMemo, useCallback, React.memo)
📄 문서
💻 실습
🎯 퀴즈
20
useReducer - 복잡한 상태 관리
📄 문서
💻 실습
🎯 퀴즈
21
ref와 DOM 직접 접근 (useRef)
📄 문서
💻 실습
🎯 퀴즈
22
고차 컴포넌트(HOC) 패턴
📄 문서
💻 실습
🎯 퀴즈
23
Render Props 패턴
📄 문서
💻 실습
🎯 퀴즈
24
에러 바운더리
📄 문서
💻 실습
🎯 퀴즈
25
실전 프로젝트 - CI4 View에 완성형 React 컴포넌트 통합
📄 문서
💻 실습
🎯 퀴즈