challenge

로그인 여부에 따라서 노출되어도 되는 페이지와 블락해야하는 페이지가 있다. 이 페이지들의 노출 여부를 판단해주는 컴포넌트를 따로 분리하는 과정을 프리온보딩 섭(신성환님)에서 들은 것 + 내가 이해한 것 에 따라 정리해보려고 한다. reacttypescriptreact-

reacttypescriptlogin 함수는 비동기함수이다. 올바른 username, password를 입력받았을때 LoginRes를 리턴한다. 목데이터에 없는 username과 password를 리턴하는 경우에는 null을 리턴하게 된다.여기서 토큰이라고 보낸 건 임

reactreact-router-domtypescriptTokenJWT(Json Web Token)Refresh Tokenurl : 'https://url.com/auth/login;body: { username: string, password: string

터미널에서 입력하면 크롬창이 새로 뜬다.

reactreact-router-domtypescriptCookieLocal StorageSession Storage사용자의 로그인 이후 로그아웃 혹은 로그인 만료까지의 시간세션방식 로그인사용자 로그인이 유효한 시간동안 서버에 세션아이디를 기록해두고 인증에 사용한다.간

reactreact-router-domtypescriptrecoiladmin & authlogout유저의 role에 따라 접근 권한이 주어지는 경우가 있다. admin 페이지가 대표적이다. 이때는 서버에서도 통제를 해주어야한다. 멘토님이 말씀하시기를 가끔 너무 바쁘고

recoil은 사용해본 적이 없는데 왜 쉽다고 하는지 알 것 같다. useState쓰듯이 쓰면 되더라.atomuseRecoilValue

우선 멘토님의 코드를 살펴보자.우선 리렌더링은 state값이 수정되었을때 발생한다. useRef는 값이 바뀌어도 리렌더링되지 않는다. ref는 일반 자바스크립트 객체라 react가 변경여부에 관심을 두지 않는다. useRef로 cur 값이 true로 바뀌었을 때는 유저

window.location은 종종 사용했는데 .pathname은 뭘까? 이름만 봤을때는 현재의 라우팅 위치를 가져오는 것 같다.