-
리액트는 어쩌다 만들어졌을까?
-
작업환경 준비
-
리액트 컴포넌트
-
JSX의 기본
-
props 를 통해 컴포넌트에게 값 전달하기
-
조건부 렌더링
-
useState 를 통해 컴포넌트에서 바뀌는 값 관리하기
-
input 상태 관리하기
-
여러 개의 input 상태 관리하기
-
useRef 로 특정 DOM 선택하기
-
배열 렌더링하기
-
useRef 로 컴포넌트 안의 변수 만들기
-
배열에 항목 추가하기
-
배열에 항목 제거하기
-
배열 항목 수정하기
-
useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정하기
-
useMemo 를 사용하여 연산한 값 재사용하기
-
useCallback 을 사용하여 함수 재사용하기
-
React.memo 를 사용한 컴포넌트 리렌더링 방지
-
useReducer 를 사용하여 상태 업데이트 로직 분리하기
-
커스텀 Hooks 만들기
-
Context API 를 사용한 전역 값 관리
-
Immer 를 사용한 더 쉬운 불변성 관리
-
클래스형 컴포넌트
-
LifeCycle Method
-
componentDidCatch 로 에러 잡아내기 / Sentry 연동
-
리액트 개발 할 때 사용하면 편리한 도구들 - Prettier, ESLint, Snippet