Tarayıcıda veri saklamada LocalStorage, SessionStorage ve Çerezler arasındaki temel farklar nelerdir?

LocalStorage, SessionStorage ve Cookies, tarayıcıda veri depolamanın üç yoludur, ancak bunlar hacim, yaşam süresi ve görünürlük alanı açısından farklılık gösterir:

• LocalStorage:

  • Verileri manuel olarak temizlenene kadar süresiz saklar.
  • Veriler aynı alan adındaki tüm sekmeler ve pencerelerde erişilebilir.
  • Hacim genellikle yaklaşık 5-10 MB civarındadır.
  • Her istekte sunucuya gönderilmez.

• SessionStorage:

  • Veriler sadece bir oturum boyunca (tarayıcı sekmesi açık olduğu sürece) yaşar.
  • Diğer sekmeler veya pencerelerde erişilebilir değildir.
  • Hacim, LocalStorage ile benzerdir.
  • Sunucuya gönderilmez.

• Cookies:

  • Sınırlı bir hacme sahiptir (yaklaşık 4 KB).
  • Bir süre sonra silinecek şekilde ayarlanabilir.
  • Her HTTP isteğinde ilgili domaine gönderilir.
  • Kimlik doğrulama, oturum takibi gibi amaçlar için kullanılır.

LocalStorage kullanım örneği:

// Veri kaydet
localStorage.setItem('username', 'user123');

// Veri al
const user = localStorage.getItem('username');