React 강좌 12강 — 성능 최적화: React.memo, useMemo, useCallback
불필요한 리렌더를 방지하는 세 가지 최적화 도구를 비교합니다. 언제 써야 하고 언제 오버엔지니어링이 되는지 기준을 잡습니다.
React
React 강좌 13강 — TypeScript로 React 전환하기: Props, State, 이벤트 타입
JavaScript React 프로젝트에 TypeScript를 도입합니다. interface로 Props를 타입화하고 제네릭 컴포넌트를 작성하는 패턴을 익힙니다.
React 강좌 14강 — 프로젝트①: Glassmorphism Todo App 완전 구현
useState, useReducer, 필터링, 우선순위, 글래스모피즘 디자인까지 적용한 포트폴리오 수준의 Todo App을 완성합니다.
React 강좌 15강 — 프로젝트②: GitHub 유저 탐색기 (REST API 연동)
GitHub REST API를 연동해 유저 검색과 저장소 목록을 보여주는 앱을 만듭니다. Promise.all, 로딩/에러 처리, 반응형 UI를 완성합니다.
React 강좌 01강 — React는 왜 필요한가? Vite로 시작하기
Vanilla JS의 한계와 React가 해결하는 문제를 비교합니다. Vite로 프로젝트를 생성하고 첫 컴포넌트를 실행합니다.
React 강좌 02강 — JSX 완전 정복: HTML과 JavaScript의 결합
JSX 문법 규칙 전체를 실습합니다. 중괄호 표현식, className, 조건부 렌더링, map() 리스트까지 한 번에 정리합니다.
React 강좌 03강 — 컴포넌트와 Props: 재사용 가능한 UI 블록
함수형 컴포넌트를 만들고 Props로 데이터를 전달하는 법을 배웁니다. 기본값, children, 구조분해 할당까지 다룹니다.
React 강좌 04강 — useState와 이벤트 처리: 반응형 UI 만들기
useState 훅으로 컴포넌트 상태를 관리하고 onClick, onChange, onSubmit 이벤트 핸들러를 작성하는 방법을 배웁니다.
React 강좌 05강 — 조건부 렌더링과 리스트: map()과 key prop
&&와 삼항 연산자로 조건부 렌더링을 구현하고, 배열 map()으로 리스트를 렌더링합니다. key prop이 왜 필요한지 이해합니다.
React 강좌 06강 — useEffect 완전 이해: 사이드 이펙트와 클린업
useEffect로 API 호출, 타이머, 이벤트 리스너를 다루는 법을 배웁니다. 의존성 배열과 클린업 함수의 동작 원리를 이해합니다.