KB 코딩

⭐Next.js 렌더링 원리 : Dififing / hydration ⭐Closure / HOC / HOF / withAuth 📄 cookie / localStorage / sessionStorage - 로그인 데이터를 브라우저 내에 저장할 수 있는 3대 저장소들 1. Cookie: 영구 저장이 가능하며 만료시간을 정할 수 있다. => refreshToken을 저장할 수 있으며 보안을 강화 할 수 있는 옵션들이 존재하며 accessToken을 재발급 받을 수 있다. 2. localStorage: 영구 저장, 브라우저를 종료해도 저장 되어있다.=> 보안이 그렇게 좋은 편이 아니라 이 곳에 저장하는 건 좋은 방법은 아니다. ==> refreshToken으로 개선 가능 3. sessionStorage: 브라우..

TIL 2022. 2. 17. 23:16

⭐ 로그인의 역사 ➡ Login ⭐ JWT 토큰 ➡JWT Token ⭐ 암호화 방식 2가지 ➡Encrypt / Hash ⭐ 로그인 인증 토큰은 어디에 저장을 할까? ➡ Context-API 기존 로그인 방식 1) 브라우저에서 BE에 로그인을 시도한다(email, pwd) 2) BE에서 login-api를 통해 회원 테이블에서 해당하는 데이터를 찾는다. 3) BE 메모리(Session)에 유저가 로그인한 데이터를 저장한다. ➡ Session : BE의 변수 4) 데이터에 대한 Token(ID: ajkdj-12)를 생성해서 브라우저에 되돌려준다. 5) 유저가 로그인한 후 createPayment를 요청하게 될 땐 ID값 즉, Token(ajkdj-12) 값을 다시 BE로 보내준다. 6) BE에선 ID(ajk..

TIL 2022. 2. 15. 19:06