코드캠프 Day 23

OwlSuri·2022년 4월 13일
0

코드캠프

목록 보기
19/40
post-custom-banner

지친다
지쳤다
너무달렸나 싶지만, 그래도 뒤처지고 있는걸보면 그냥 힘든거다
이건 뭐 헤쳐 나가야지 스스로할수밖에 없는 것

오늘 배운 것

어제 로그인 기능을 구현했지만 로그인 상태가 유지되지는 못했다. 그것을 보완하기 위해 accessToken을 받아서 임시로 localStorage에 저장했다. 보안상 좋은 방법은 아니다. 이렇게하면 새로고침 후에도 토큰이 남아있어 로그인을 유지할 수 있다.

여기서 Next.js의 렌더링과 관련된 중요한 포인트가 있었는데, 브라우저에서 요청이오면 front서버에서 미리 프리렌더링을 한 후 브라우저에 그려주게 되는데, 프론트서버에는 localStorage가 없어서 에러가 났다. 이걸 해결하는 방법은 브라우저에서만 실행되게하는 것과 useEffect를 사용하는 것이다.

또 권한분기와 HOC, HOF에 대해서도 배웠다. 이것을 이용해 withAth를 만들어서 로그인 기능에 적용했다.

https://velog.io/@owlsuri/%EA%B6%8C%ED%95%9C%EB%B6%84%EA%B8%B0-Closure-HOC-HOF

게시판 프로젝트 진행상황

로그인 유지기능 추가

profile
기억이 안되면, 기록을 -
post-custom-banner

0개의 댓글