728x90 RECOIL3 67. access Token의 저장과 next.js의 렌더링 원리 새로고침하면 모두 날라간다 그래서 새로고침을 할 때 if (result) = result가 있으면 AccessToken 넣어줘~ 이렇게 넣고 새로고침을 하면 다시 실행이 될텐데, 로컬스토리지에 엑세스 토큰 저장된게 있으면 꺼내서 Recoil에 넣어줘~ 라는 코드 localStorage가 없다고 나온다 다른 방법으로 버튼을 누를때는 잘 된다 이 코드를 가지고 다시 그대로 붙여넣고 하면? diffing과 hydration을 활용한 next.js 렌더링 원리 처음에 프론트엔드에서 서버에서 렌더링(프리렌더링)을 하고 브라우저에 해당 코드를 그리게 되어서 화면에 나타나는 것 브라우져에서 그린 내용과 프리렌더링 해서 받은 내용을 비교하는 과정 = diffing = 차이점을 본다는 것 => 비교하고 최종적으로 완벽하.. 2023. 2. 23. 66. 인증과 인가 accessToken Recoil에 저장하기 - 인증과정 어떤 타입인지 모를 때 나타나는 것 스코프체인 주변에 없으면 위로 올라가서 찾는다 Recoil에 저장된 accessToken header에 연동하기(인가과정) 컴퓨터 사이언스 공부는 평생 해야한다 2023. 2. 23. 63. global state의 이해와 fetchpolicy react-query와 apollo/client는 fetchPolicy가 내장되어있음 미니 리덕스 = recoil redux가 망하면 안되는데! 해서 나온것이 redux-toolkit cache-and-network = cache에서 한번 가져오고 그 다음 cache에 있든 없든 api는 한번 요청해. 그리고 2개를 비교해봐 cache-first = 기존꺼 있으면 가져오고 없으면 새걸로 받을래 = 디폴드 기본값 cache-only = cache에서만 가져와, 없으면 가져오지마 network-only = 새걸로 받고싶어, 매번 api요청해 no-cache = 아예 cache하지마 cache-first으로 했을 때, 아무것도 뜨지 않는다 network-only로 하면? 처음에 한번 가져오고 저장을 했지만, .. 2023. 2. 22. 이전 1 다음 728x90
