권한분기와 관리자

클로저

HOC & HOF

hoc 이름을 붙일 땐 with를 붙여서 만듦

ex)withAuth

presenter에 withAuth를 붙여줌으로써 중간에 withAuth페이지(hoc)를 거쳐간다 (로그인 인증 등 가능!!!)

함수 안에서 함수 리턴 위와 같음

aaa실행하면 bbb라는 함수 자체가 나옴

"안녕하세요"가 나오지 않음

한 번 더 실행 ( ) 해줘야함

           ///////////////////////

클로저 - 외부함수에서 내부함수에 접근할 수 있음

customHooks

만들어 쓸 수 있다. (함수형에서만)

withAuth 는 세부컴포넌트가 아닌 Page컴포넌트에만 붙이는 게 좋음.

Return 부분에 JSX 있으면 컴포넌트 (HOC)
return이 없거나 JSX 없으면 그냥 함수 (HOF)

Hof를 사용해주면 id 만들어 줄 필요 없이 사용 가능
id 남발하면 중복될 수 있으므로 필요할 때만 사용하자!

state는 새로고침 하면 날아가기 때문에 로컬스토리지에 저장
but local storage 보안에 좋지 않음

next/js 의 작동 방식

diffing 비교
hydration 비교 후 최종적으로 그리기

로컬스토리지 못가져 오는 이유!

로컬스토리지는 브라우저에 있는 것.
프론트에는 없음.
next에서 발생하는 이슈

해결방법 3가지! ⇒

useEffect는 어차피 브라우저에서 실행 되므로 해결 가능! 랜더링 후 실행