📚 ****Reference

• 공식 문서 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3

📜 Chapter

memo

Hooks

Custom hook

props

‣

HOC (Higher Order Component)

• HOC
• Higher Order Component
• 고차 컴포넌트
• 고차원 컴포넌트
• 화면에서 재사용 가능한 로직만을 분리해서 component로 만들고 재사용 불가능한 UI와 같은 다른 부분들은 parameter로 받아서 처리하는 방법이다.
• 앱 전반적으로 재사용 가능한 로직을 props으로 컴포넌트에게 제공한다.
• 컴포넌트를 인자로 받아서 새로운 컴포넌트를 반환하는 함수를 말한다.
• 함수를 고차 함수(Higher-Order Function)로 쓰듯이, React에서는 컴포넌트를 감싸는 컴포넌트를 만들어 기능을 재사용할 수 있다.

특징

재사용성

• HOC를 사용하면 특정 기능이나 로직을 한 곳에서 관리, 여러 컴포넌트에서 사용.
• 여러 컴포넌트에서 공통되는 기능(인증, 로깅, 데이터 fetch 등)을 추상화