| Date | Path | Content |
|---|---|---|
| 22.07.05 | intro | - 작업 환경 설치 |
| 22.07.13 | JSX | - JSX 문법 |
| 22.07.14-15 | Component | - 클래스형 컴포넌트 - 컴포넌트 생성 - props 01-06 |
| 22.07.17 | Component | - props 07 - state - state 주의사항 |
| 22.07.19 | Event Handling | - 리액트에서의 이벤트 - 이벤트 핸들링 실습 |
| 22.07.25 | ref: DOM에 이름 달기 | - ref 의 필요성 - ref 사용 - 컴포넌트에 ref 달기 |
| 22.07.25 | 컴포넌트 반복 | - 자바스크립트 배열의 map() 함수 - 데이터 배열을 컴포넌트 배열로 변환 - key - 실습 |
| 22.07.25 | 컴포넌트: 라이프사이클 메서드 | - 라이프사이클 메서드의 이해 - 라이프사이클 메서드 살펴보기 - 라이프사이클 메서드 실습 |
| 22.07.26 | Hooks | - useState - useEffect - useReducer - useMemo - useCallback - useRef - 커스텀 Hooks - 다른 Hooks |
| Date | Path | Content |
|---|---|---|
| 22.07.26 | 컴포넌트 스타일링 | - CSS - Sass - CSS module - Styled-components |
| 22.07.26 | 일정관리 웹 애플리케이션 만들기 | - 일정관리 UI 구성 및 기능 구현 |
| 22.07.26 | 컴포넌트 성능 최적화 | - 많은 데이터 렌더링 - 성능 모니터링 - 느려지는 원인 분석 - React.memo - onToggle, onRemove 함수가 바뀌지 않게 하기 - 불변성의 중요성 - TodoList 컴포넌트 최적화 - react-virtualized를 사용한 렌더링 최적화 |
| 22.07.27 | immer를 사용하여 불변성 유지 | - immer 설치 - immer 사용법 |
| 22.07.27 | 리액트 라우터로 SPA 개발 | - 라우팅이란 - SPA란 - 리액트 라우터 적용 및 기본 사용법 - URL 파라미터와 쿼리스트링 - 중첩된 라우트 - 부가기능 |
| 22.07.27 | 외부 API를 연동하여 뉴스뷰어 만들기 | - 비동기 작업의 이헤 - axios로 API 호출해서 데이터 받아오기 - newsapi API 키 발급받기 - 뉴스 뷰어 UI 만들기 - 데이터 연동하기 - 카테고리 기능 구현하기 - 리액트 라우터 적용하기 - usePromise 커스텀 Hook 만들기 |
| Date | Path | Content |
|---|---|---|
| 22.09.02-03 | [타입스크립트 이해](Typescript/01_타입스크립트의 이해.md) | |
| 22.09.03-04 | 타입스크립트 문법 | - 기본타입 - 인터페이스 - 함수 - this - 리터럴 - 유니온 타입 - 교차 타입 - 클래스 - 제네릭 - 유틸리티 타입 |