Client State, Server State

Client State와 Server State의 차이, 사용 사례, 주의점 등을 설명합니다.

Client State

  • 사용자의 디바이스(ex: 웹 브라우저, 모바일 앱)에 저장되는 정보
  • 클라이언트 측에 관리하며, 웹 브라우저의 로컬 스토리지, 세션, 쿠키 등에 저장
  • 사용자의 기본 설정, 로그인 식별 정보, 장바구니 등의 정보에 사용
  • 서버와의 통신이 필요없기 때문에 빠르게 저장하고 수정할 수 있지만 보안에 취약

Server State

  • 서버 측에 저장되는 정보
  • 클라이언트와 분리되며, 데이터베이스나 서버 메모리에 저장
  • 여러 클라이언트들이 공유해야 하는 데이터, 비즈니스 로직, 데이터베이스 레코드 등을 저장할 때 주로 사용
  • 보안적인 측면에서 유리하지만 클라이언트와의 통신이 보장되어야 함