리액트 HOC 집중 탐구 (2)

이 글은 React의 HOC(Higher Order Component) 패턴을 집중적으로 탐구하는 두 번째 이야기입니다. 첫 번째 글에서 HOC의 개념과 활용 사례를 소개했다면, 이번 글에서는 실제 HOC를 구현하고 발생하는 문제점과 해결 방안, 그리고 컨벤션에 대해 다룹니다.

특히, 여러 컴포넌트에서 중복되는 횡단 관심사(Cross-Cutting Concerns) 로직을 HOC를 통해 효율적으로 재사용하는 방법을 예제 코드를 통해 설명합니다. window 스크롤 추적 컴포넌트를 예시로 들어, HOC를 적용하여 코드 중복을 줄이고 유지보수성을 높이는 과정을 보여줍니다.