728x90 프리렌더링1 67. access Token의 저장과 next.js의 렌더링 원리 새로고침하면 모두 날라간다 그래서 새로고침을 할 때 if (result) = result가 있으면 AccessToken 넣어줘~ 이렇게 넣고 새로고침을 하면 다시 실행이 될텐데, 로컬스토리지에 엑세스 토큰 저장된게 있으면 꺼내서 Recoil에 넣어줘~ 라는 코드 localStorage가 없다고 나온다 다른 방법으로 버튼을 누를때는 잘 된다 이 코드를 가지고 다시 그대로 붙여넣고 하면? diffing과 hydration을 활용한 next.js 렌더링 원리 처음에 프론트엔드에서 서버에서 렌더링(프리렌더링)을 하고 브라우저에 해당 코드를 그리게 되어서 화면에 나타나는 것 브라우져에서 그린 내용과 프리렌더링 해서 받은 내용을 비교하는 과정 = diffing = 차이점을 본다는 것 => 비교하고 최종적으로 완벽하.. 2023. 2. 23. 이전 1 다음 728x90