redux를 이용한 클래스 컴포넌트 렌더링 최적화

이 글은 React 클래스 컴포넌트에서 Redux를 사용하여 렌더링 성능을 최적화하는 방법을 다룹니다. 원티드 이력서 화면 업데이트 사례를 통해 글자 수 체크 기능 구현 시 발생할 수 있는 성능 이슈를 설명하고, React 컴포넌트의 렌더링 원리를 분석합니다.

특히, state 변경 시 불필요한 렌더링이 발생하는 경우를 예시로 들고, 이를 방지하기 위한 `shouldComponentUpdate`와 같은 최적화 기법의 필요성을 강조합니다. 궁극적으로는 React 애플리케이션의 효율적인 렌더링을 통해 사용자 경험을 향상시키는 것을 목표로 합니다.