TIL - 5주차 수요일

목차

1. Next.js 렌더링에 이런 원리가 있다니? >>> Diffing / Hydration
2. Closure
3. 잠깐! 이것 먼저 실행해줘! >>> HOC / HOF

Diffing / Hydration

• Diffing: Prerendering한 부분(yarn dev)과, 브라우저를 비교하는 과정
• prerendering과정에서 localstoraage의 개념이없기 때문에 localstorage is not defined라는 에러메세지가 나올 수 있다.
• Hydration: 최종완성본으로 업데이트를 해주는 과정
  

Stack, Queue

Stack: Last-In-First-Out >>> LIFO
Queue: First-In-First-Out >>> FIFO

High Order Component(HOC)

• withAuth(함수명) >>> 관례

• useEffect 부분이 먼저 실행된다는 점!!

  로그인이 필요한 페이지는 withAuth만 붙어주면 된다!!