React_Auth와 HOC

[ Role에 따라 진입 가능한 페이지가 다름 ]

 

-아무나 진입 가능한 페이지 : Landing Page, About Page

-로그인한 회원만 진입 : Detail Page

-로그인한 회원은 진입x : Register Page, Login Page

-관리자만 진입 : Adimin Page

 

**로그인 한 유저만 댓글, 글 작성 등이 가능함

 

 

[ HOC ] : Higher Order Component

: 다른 compo를 받아서 새로운 compo를 리턴함.

const EnhancedComponent = higherOrderComponent( WrappedComponent )

 

Auth (HOC) 안에 >> Landing Page, Login Page 등을 포함시킴

back end에 > auth 정보를 보내고 > 인증해서 > compo에 가게 하던 or 다른 compo로 보내버리던