React 이해하기

이 게시물은 React의 기본 개념과 작동 방식을 상세히 설명합니다.

핵심 개념

• React는 UI를 만들기 위한 JavaScript 라이브러리로, 컴포넌트 기반과 선언형 방식을 채택합니다.
• JSX를 통해 HTML과 JavaScript를 결합하며, ReactDOM을 통해 실제 DOM에 적용됩니다.
• Props와 State를 이용해 컴포넌트간 데이터 전달과 상태 관리를 수행합니다.
• setState의 비동기적 동작과 렌더링 최적화를 위한 shouldComponentUpdate, PureComponent가 소개됩니다.
• Reconciliation 과정을 통해 변경된 부분만 효율적으로 실제 DOM에 반영합니다.
• Hook은 함수형 컴포넌트에서 상태와 생명주기 기능을 간단하게 구현할 수 있도록 지원합니다.

추가 내용

• 상태 관리의 불변성 유지와 immer 라이브러리 활용
• Hook의 useState, useEffect, useReducer, useMemo 사용법과 최적화
• 기존 HOC, render props 방식과 Hook의 차이점