Br의 저장소
Cookie -> 영구저장(만료시간 있음)
localStorage -> 영구저장
sessionStorage -> 브라우저 종료시 데이터 삭제.
스코프 체인에서의 탐색 순위
- 함수 내부
- Closure
- Global
Next.js의 랜더링 단계
Br에서 서버에 요청을 하면 FE에서 pre-rendering을 통해 미리 내용을 그려본 후 Br에 html, css, js를 넘겨준다.
Br에서는 받은 데이터로 랜더링을 할 때 pre-rendering을 한 화면과 비교를 하고 (difiing) 이후 최종적인 결과물을 반영하는 과정(hydration) 과정을 거친다.
먼저 실행시키기
--함수를 리턴하는 함수
위 '스코프 체인'란에서 언급한 것처럼 'Closure'를 통해 함수를 리턴하는 함수에서 변수의 값을 외부의 값을 참조할 수 있고 이런 원리를 통해 어떤 함수가 실행되기 전에 먼저 실행되게끔 할 수도 있다.
먼저 실행시키기 - HOC
HOC(High Order Component)
다른 컴포넌트보다 상위에 있어 먼저 실행되는 컴포넌트.
'함수를 리턴하는 함수'와 같은 개념으로 컴포넌트에서 export를 통해 내보낼 때 내보내는 부분(return) 전에 먼저 실행하고자 하는 부분을 작성해 우선 실행이 가능하도록 설정
먼저 실행시키기 - HOF
HOF(High Order Function)
함수 실행시 원래의 함수보다 먼저 실행하려는 함수를 말한다.
