230822 개발일지 TIL - Local Storage(로컬 스토리지) vs. Session Storage(세션 스토리지)

The Web On Everything·2023년 8월 21일
0

개발일지

목록 보기
103/269

Local Storage(로컬 스토리지) vs. Session Storage(세션 스토리지)

웹 애플리케이션을 개발하면서 클라이언트 측에서 데이터를 저장하고 관리해야 할 때, "Local Storage"와 "Session Storage"를 사용할 수 있다.

Local Storage
영구적으로 데이터를 저장하는 데 사용된다. 사용자가 브라우저를 닫아도 데이터가 유지되며, 도메인 당 약 5MB의 데이터를 저장할 수 있다. JavaScript를 사용하여 데이터에 접근하고 수정할 수 있으며, 브라우저의 개발자 도구를 통해 데이터를 확인하거나 수정할 수 있다. 또한 서버로 데이터를 전송하지 않고 클라이언트 측에서 모든 데이터를 관리한다.

  • 활용
    주로 사용자의 개인 설정, 로컬 캐싱, 오프라인 작업 등에 활용된다. 사용자 경험을 향상시키거나 반복적인 작업을 최적화하는 데 유용한 도구로 활용될 수 있다.

Session Storage
세션 동안 데이터를 저장하는 데 사용된다. 사용자가 브라우저 세션을 닫으면 데이터가 삭제되며, Local Storage와 마찬가지로 도메인 당 약 5MB의 데이터를 저장할 수 있다. JavaScript를 통해 데이터를 조작할 수 있으며, 브라우저의 개발자 도구를 통해 데이터를 검사하거나 수정할 수 있다. 이 역시 서버로 데이터를 보내지 않고 클라이언트 측에서 데이터를 관리한다.

  • 활용
    주로 로그인 정보, 장바구니 내역, 임시 작업 데이터 등을 저장하는 데 사용된다. 사용자의 세션 동안 일시적으로 필요한 데이터를 보관하고, 브라우저 세션이 종료되면 자동으로 삭제되도록 설계된다.

웹 스토리지 선택의 중요성
Local Storage와 Session Storage를 활용한 효과적인 데이터 관리

  • 데이터 관리의 중요성: Local Storage와 Session Storage는 웹 개발에서 중요한 역할을 한다. 데이터를 클라이언트 측에서 관리하면서 사용자 경험을 향상시키고 작업을 최적화하는 데 도움을 준다.

  • 지속성과 임시성의 대립: Local Storage는 데이터를 영구적으로 저장하는 데 사용되며, Session Storage는 세션 동안 데이터를 유지하는 데 활용된다. 이 두 가지 접근 방식은 데이터의 지속성과 임시성을 고려할 때 선택해야 할 메커니즘을 제시한다.

  • 용도에 따른 선택: 각 스토리지 메커니즘은 특정 용도에 적합하다. 예를 들어, 사용자 설정과 오프라인 작업과 같이 영구적인 데이터 저장에는 Local Storage가 유용하며, 로그인 정보나 임시 작업 데이터와 같은 임시적인 데이터에는 Session Storage가 적합하다.

  • 보안과 개인 정보 보호: 클라이언트 측에서 데이터를 관리할 때 보안과 개인 정보 보호 측면을 고려해야 합니다. 중요한 정보를 저장할 때는 암호화와 같은 추가 보호 기술을 고려해야 합니다.

  • 웹 개발자의 역할: 웹 개발자는 어떤 스토리지 메커니즘을 선택하고 어떻게 활용할지 결정하는 중요한 역할을 한다. 적절한 선택과 사용은 사용자 경험과 성능에 큰 영향을 미칠 수 있다.

이러한 점들을 고려하면서 Local Storage와 Session Storage를 효과적으로 활용하면 웹 애플리케이션을 개발하고 운영하는 데 도움이 될 것이다.

profile
오늘은 무슨 오류를 만날까?! 널 만나러 가는 길~ LOL

0개의 댓글