[HOC] - Higher Order Component

HOC?
Higher Order Component

// 다른 컴포넌트를 갖는 함수(function)
// 리액트 컴포넌트를 인자로 받아 새로운 리액트 컴포넌트를 리턴하게 한다.

const EnhancedComponent = higherOrderComponent(WrappedComponent);

예시
Auth (유저 인증 로직 처리) - 프로젝트 App.js 참고
해당 유저가 해당 페이지에 들어갈 자격이 되는지 알아 낸 후
자격이 된다면 Admin component에 가게 해주고, 아니라면 다른 페이지로 보낸다.
(ex, 로그인 여부에 따라 접근할 수 있는지 판단)

언제 사용?
반복될 수 있는 코드들을 HoC를 만들어서 해결