● 서버 사이드 렌더링 : 파이썬(진자), PHP(..),...
- 서버에 부담이감
● 클라이언트 사이드 렌더링 : 리액트, JSP(Ajax)...
- 서버의 부하를 줄임
- 화면을 클라이언트 측에서 바꾸는 것
● 세션 = 로그인 정보를 서버에 저장하는 방식
: 서버에 보관해서 부담이 갈 수 있기 때문에 JWT 사용하는 것
: 리액트 아닐때 많이씀(MPA) - HTML이 여러개 있을 때
● 토큰(JWT) = 로그인 정보를 클라이언트(브라우저)에 저장하는 방식(대기업이 사용)
: 리액트,앵귤러,뷰 쓸 때 많이씀(SPA)
: 서버에 부담을 덜 줌. 토큰을 저장안함.
: 유저가 로그인을 성공하면 데이터를 암호화해서 토큰이라는 이름으로 클라이언트에게 던져줌
--> 클라이언트가 토큰을 받음
--> 보관을 하고 있다가 서버에게 필요한 요청이 있을 때마다 토큰으로 데이터 요청
--> 토큰 유무로 로그인 할지말지 판단
● jwt = jswon token 의 약자
: json 이라는 형태로 토큰 형식으로 주고 받는다는 의미
: 토큰이 클라이언트로 왔을때 서버에 전송을 해주기 위해 보관함에 저장하는데 보관함의 이름이 쿠키, 로컬스토리지
--> 저장을 하면 새로고침을 해도 날아가지 않음
● 쿠키
: 옛날 방식. 호환성이 높음
1. 날아가는 쿠키 : 세션 쿠키
- 새로고침 하거나 브라우저가 꺼지면 날아감
- 안날아가는 쿠키 : 지속 쿠키
● 로컬스토리지
: 가급적 최신 기술. 옛날 브라우저에선 잘 안됨
1. 세션 스토리지 - 날아감
2. 로컬 스토리지 - 유지됨
