리액괴

리액트의 시작이 되는 CRA 프로젝트를 생성하고, 함수형 컴포넌트의 구조에 대해 알아봅니다.

리액트의 뷰를 담당하는 JSX의 특성을 알아봅니다.

삼항 및 논리 연산자를 이용한 조건부 렌더링에 대해 알아봅니다.

이벤트 객체를 이용한 상태 관리 및 여러 개의 상태 관리에 대해 알아봅니다.

ref의 두 가지 활용법에 대해 알아봅니다.

리액트에서 배열을 렌더링하는 방법에 대해 알아봅니다.

리액트 앱에서 배열을 동적으로 업데이트하는 방법에 대해 알아봅니다.

useEffect를 통한 생명 주기 사용에 대해 알아봅니다.

deps 변화에 따라 리렌더링 시 재연산 여부를 결정하는 useMemo Hook에 대해 알아봅니다.

useCallback을 통한 함수 재생성 최소화에 대해 알아봅니다.

컴포넌트의 props값이 변경 될 경우에만 리렌더링하여 불필요한 리렌더링을 방지하는 React.memo() 함수에 대해 알아봅니다.

useReducer을 통해 상태를 업데이트하는 방법에 대해 알아봅니다.

커스텀 Hook을 만들어 반복되는 로직의 재사용성을 높여 봅니다.

리액트 내장 API인 Context API를 통해 전역 상태를 사용하는 방법에 대해 알아봅니다.