Cache / Cookie / Session / Web storage / Proxy 정리

출처 - https://surfshark.com/blog/cache-vs-cookies

쿠키 (Cookie) 방문한 웹사이트에서 사용자를 기억할 수 있도록 사용자 브라우저에 데이터 생성

캐시 (CACHE) 웹 사이트 리소스(img, html 등)을 브라우저에 저장해 더 빠르게 로드되도록 함. 브라우저나 중계서버에 저장합니다. 웹 브라우저 내용 갱신을 감지하지 못해 새로고침을 해줘야함.

 

출처 - https://nesoy.github.io/articles/2017-03/Session-Cookie

쿠키 (Cookie) 정보를 유지할 수 없는 http 단점을 해결하기 위해 쿠키 도입 지워지거나, 가로 채이더라도 문제없는 정보를 저장, 같은 웹사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 업데이트 만료 기간o ▲ 쿠키 정보를 헤더에 추가해 전송하기 때문에 트래픽 발생, 민감정보를 쿠키에 저장시 보안 문제점 발생

세션(HTTP Session) - 쿠키의 트래픽, 보안 이슈를 해결하기 위해 도입 클라이언트가 서버에 리소스 요청 ▼ 서버는 요청을 통해 쿠키에서 Session id 확인  ▼ 없으면 set-sookie로 new session id 생성 ▼ 클라이언트는 요청 헤더에 Session id를 포함해 리소스 요청 ▼ 서버는 Session id로 해당 세션을 찾아 클라이언트 상태 정보를 유지하면 응답

 

 

웹 스토리지 (Web Storage)  : 쿠키와 유사하지만, 서버에 전송되지 않고 클라이언트에 데이터를 저장함.(로컬 스토리지와 세션 스토리지) 쿠키보다 더 많은 데이터를 저장

프록시 (Proxy) : 웹 브라우저와 서버 사이의 중계 서버 클라이언트가 요청을 보낼때, proxy 서버에서 서버에 접근해 요청, 응답 처리 후 클라이언트에게 다시 응답 캐시 기능 / 해킹 예방 / 요청을 여러대의 서비스로 분산해줌.