blog posts

JavaScript’te localStorage’a yönelik kapsamlı bir kılavuz

JavaScript’te localStorage nedir?

JavaScript’teki localStorage, web sitelerinin ve uygulamaların anahtar/değer çiftlerini bir web tarayıcısında süresiz olarak saklamasına olanak tanıyan değerli bir özelliktir. Diğer depolama seçeneklerinden farklı olarak, JavaScript’teki yerel depolamanın son kullanma tarihi yoktur; bu, kullanıcı tarayıcıyı kapatsa veya bilgisayarı yeniden başlatsa bile depolanan verilerin kullanılabilir kalmasını sağlar.

Pencere nesnesinin bir özelliği olarak localStorage, tarayıcı penceresiyle sorunsuz bir şekilde etkileşime girmesine ve pencereyi yönetmesine olanak tanıyan küresel bir kapsama sahiptir. Bu, onu web uygulamalarının performansını artırmak için diğer pencere özellikleri ve yöntemleriyle birleştirilebilen çok yönlü bir araç haline getirir. Geliştiriciler, JavaScript’teki localStorage sayesinde, tarama oturumlarında önemli bilgileri koruyan ve sorunsuz ve kusursuz bir kullanıcı deneyimi sağlayan kalıcı depolama çözümleri oluşturabilir.

Window.localStorage nedir?

Window.localStorage, JavaScript’teki Window arayüzü tarafından sağlanan mekanizmayı ifade eder. Bu arayüz DOM belgesini içeren bir pencere görüntüler. Windows arayüzünde, geliştiricilerin kullanabileceği çeşitli işlevler, yapıcılar, nesneler ve ad alanları mevcuttur.

 

Özellikle Window.localStorage, yerel depolama nesnesine erişim sağlayan salt okunur bir özelliktir. Bu nesne, yalnızca kendisini oluşturan kaynak tarafından kullanılabilen verilerin depolanmasından sorumludur. Geliştiriciler, Window.localStorage’ı kullanarak bu yerel depolama nesnesiyle sorunsuz bir şekilde etkileşime girebilir ve bunları yönetebilir, böylece tek bir tarayıcı oturumunun kapsamı dışında verileri depolayabilir ve alabilirler. Window.localStorage öncelikle kalıcı depolama çözümleri oluşturmak ve web uygulamalarının performansını artırmak için güçlü bir araç görevi görür.

JavaScript’te localStorage ne zaman kullanılır?

JavaScript’teki localStorage, belirli senaryolarda verileri depolamak ve almak için kullanışlı bir araçtır. Bu özellik az miktarda veri depolamak için uygun olsa da büyük miktarda bilgiyi yönetmek için önerilmez. LocalStorage’a cihazı kullanan herkesin erişebildiğini, dolayısıyla hassas veya gizli verileri depolamak için kullanılmaması gerektiğini unutmamak önemlidir.

localStorage’ın yaygın bir kullanımı, dil seçimi veya tema tercihleri ​​gibi kullanıcı tercihlerini depolamaktır. Yerel depolamayı kullanarak bu tercihler, kişiselleştirilmiş bir kullanıcı deneyimi sağlayarak tarama oturumları boyunca korunabilir.

LocalStorage’ın yararlı olabileceği başka bir senaryo da sık kullanılan verileri önbelleğe almaktır. Sık erişilen verilerin localStorage’da saklanması, sonraki alımların daha hızlı ve daha verimli olmasını sağlayarak genel uygulama performansını artırır.

JavaScript’teki localStorage, form verileriyle uğraşırken de kullanışlıdır. Bu, girilen form verilerini kaydetmenize ve kullanıcının tarayıcıyı yanlışlıkla kapatması durumunda kaybolmamasını sağlamanıza olanak tanır. Bu, kullanıcı deneyimini büyük ölçüde geliştirebilir. Kullanıcı kimlik doğrulaması gerektiren uygulamalarda, oturum verilerini depolamak için localStorage veya JavaScript’teki yerel depolama kullanılabilir. Bu, kullanıcıların tarayıcıyı kapatıp yeniden açtıktan sonra bile oturum açabilecekleri anlamına gelir, bu da oturum açma işlemini basitleştirir ve kullanıcı deneyimini geliştirir.

Kısacası localStorage, çeşitli senaryolarda verileri depolamak ve almak için değerli bir araç görevi görür. Ancak veri boyutu ve güvenlik kaygıları gibi sınırlamalarının da göz önünde bulundurulması ve bu sınırlar dahilinde uygun şekilde kullanılması gerekmektedir.

localStorage nerede saklanıyor?

JavaScript’teki yerel depolama, kullanılan web tarayıcısına bağlı olarak değişir. Google Chrome durumunda, web önbellek verileri, kullanıcının profil dizininde bulunan özel bir alt klasördeki bir SQLite dosyasında depolanır. Windows cihazlarda bu alt klasör \AppData\Local\Google\Chrome\User Data\Default\Local Storage konumunda bulunabilir, macOS’ta ise ~/Library/Application Support/Google/Chrome/Default/Local Storage konumunda bulunur. Firefox’ta depolama nesneleri, kullanıcının profil klasöründe de bulunan webappsstore.sqlite adlı bir SQLite dosyasında depolanır.

Kesin depolama konumlarının farklı tarayıcı sürümleri veya işletim sistemleri arasında farklılık gösterebileceğini unutmamak önemlidir. Ancak, JavaScript’te yerel depolamayı anlamak genellikle geliştiricilerin ve kullanıcıların bu verileri gerektiği gibi bulmasına ve yönetmesine olanak tanır.

Web Depolama API’si nedir?

Web Depolama API’si iki mekanizma içerir: localStorage ve sessionStorage; bunların her ikisi de tarayıcıların anahtar/değer çiftlerini depolamasına olanak tanır. Bu API, verileri depolamak için çerezlerin kullanılmasına daha sezgisel bir alternatif sunar.

Web Depolama API’sinde depolanan anahtar/değer çiftleri, depolama nesneleri olarak bilinir. Bu nesneler normal nesneler gibi davranır, ancak sayfa yüklenirken kalıcı olurlar ve her zaman dize olarak görüntülenirler. Bu değerlere erişim, nesne benzeri sözdizimi aracılığıyla veya daha sonra tartışacağımız getItem() yöntemi kullanılarak yapılabilir.

SessionStorage ve localStorage arasındaki fark nedir?

JavaScript’te sessionStorage ve localStorage arasındaki temel fark kalıcılıklarıdır. sessionStorage, sayfa oturumu süresince her kaynak için belirli bir depolama konumunu korur. Bu, sessionStorage’da depolanan verilere, yeniden yüklemeler veya sayfa yenilemeler de dahil olmak üzere, tarayıcı boşta olduğu sürece erişilebileceği anlamına gelir. Öte yandan localStorage, tarayıcı kapatıldıktan sonra bile verileri depolamaya devam ederek birden fazla oturum için kalıcı depolama sağlar.

Son özel sekme kapatıldıktan sonra, JavaScript’teki yerel depolama verilerinin anonim bir göz atma oturumunda temizlendiğini belirtmekte fayda var. Bu, bu tür bağlamlarda kullanıcı verilerinin gizliliğini ve güvenliğini sağlar.

Özetle, JavaScript’teki localStorage, birden fazla tarayıcı oturumunda kalması gereken verileri depolamak için idealdir; JavaScript’teki sessionStorage ise yalnızca bir oturumda gerekli olan verileri depolamak için idealdir. Geliştiriciler bu ayrımları anlayarak kendi özel ihtiyaçlarına göre uygun depolama mekanizmasını seçebilirler.

JavaScript’te yerel depolamanın avantajları ve dezavantajları

JavaScript’teki localStorage, istemci tarafı verileri depolamak için önemli bir araçtır. Bununla birlikte, aşağıda tam olarak incelenen, dikkate almamız gereken birçok avantajı ve dezavantajı vardır.

JavaScript’te localStorage’ın avantajları

LocalStorage’ın önemli avantajlarından biri veri kalıcılığıdır. Saklanan verilerin bir son kullanma tarihi yoktur, bu da çevrimdışıyken bile verilere erişime izin verir. Ayrıca, JavaScript’teki localStorage, önbellek görevi görerek önbelleğe alınan verilerin İnternet bağlantısı olmadan kullanılmasına olanak tanır.

Verilerin çerezlerle depolanmasıyla karşılaştırıldığında, JavaScript’teki yerel depolama, veriler üzerinde daha fazla güvenlik ve kontrol sağlar. Kullanıcılar depolanan veriler üzerinde daha yüksek düzeyde kontrole sahiptir ve bunları daha güvenilir bir şekilde yönetebilirler.

LocalStorage ayrıca çerezlerden daha fazla depolama kapasitesi sağlar. Çerezler dört kilobayt veri depolamakla sınırlıyken, LocalStorage beş megabayta kadar veriyi işleyerek daha büyük miktarda verinin depolanmasına olanak tanır.

JavaScript’te localStorage’ın dezavantajları

JavaScript’te yerel depolamanın dezavantajlarından biri eşzamanlı doğasıdır. Her işlem sırayla yürütülür ve bu, büyük veri kümeleriyle uğraşırken performans sorunu haline gelebilir. Küçük miktardaki verilerde bu sorun olmasa da veri boyutu arttıkça performansı etkileyebilir.

Çerezlerden daha güvenli olmasına rağmen hassas veriler yine de yerel olarak saklanmamalıdır. LocalStorage’a kullanıcının cihazına erişimi olan herkes erişebileceğinden, hassas veya gizli bilgilerin saklanmasından kaçınmak önemlidir.

JavaScript’te LocalStorage’ın bir başka sınırlaması da dizeleri saklama yeteneğidir. Sayılar veya nesneler gibi diğer veri türlerini depolamak için, bunların depolamadan önce dizelere dönüştürülmesi ve alındıktan sonra tekrar dönüştürülmesi gerekir. Depolamada aşırı miktarda veri depolamak uygulamalarda performansın düşmesine neden olabilir. Saklanan veri miktarının doğru bir şekilde yönetilmesi, optimum uygulama performansının sağlanması açısından kritik öneme sahiptir.

Yerel depolama JavaScript’te nasıl çalışır?

localStorage, verilerin saklanmasına ve alınmasına izin vererek çalışır. Aslında JavaScript’teki yerel depolama, bu işlemi kolaylaştıran çeşitli yöntemler sağlar. LocalStorage’ın nasıl çalıştığına daha yakından bakalım:

  1. setItem() : Bu yöntem, localStorage’a bir anahtar/değer çifti eklemek için kullanılır. Bir anahtar ve ona karşılık gelen değeri belirterek, verileri daha sonra almak üzere kaydedebilirsiniz. Veriler belirtilen anahtarla ilişkilendirilir ve localStorage’da saklanır.
  2. getItem() : LocalStorage’da depolanan öğeleri almak için getItem() yöntemini kullanırsınız. İstenilen öğenin anahtarını argüman olarak ileterek localStorage’da saklanan karşılık gelen değere erişebilirsiniz. Bu, gerektiğinde önceden kaydedilmiş verileri geri yüklemenize olanak tanır.
  3. RemoveItem() : Belirli bir öğeyi localStorage’dan kaldırmak istiyorsanız, RemoveItem() yöntemini kullanabilirsiniz. Silinecek öğenin anahtarını belirterek öğeyi localStorage’dan silebilirsiniz.
  4. clear() : clear() yöntemi, localStorage’da depolanan tüm verileri bir kerede silmenin bir yolunu sağlar. Bu yöntemin çağrılması, LocalStorage’ın tamamını temizler ve tüm anahtar/değer çiftlerini kaldırarak onu boş bir duruma döndürür.
  5. key() : key() yöntemi, localStorage’daki belirli bir öğenin anahtarını almak için kullanılır. Sayısal bir dizini bağımsız değişken olarak ileterek, localStorage’da karşılık gelen dizinle ilişkili anahtarı alabilirsiniz. Bu yöntem, daha fazla değişiklik yapmak için belirli bir öğenin anahtarını almanız gerektiğinde yararlı olabilir.

Bu yöntemleri kullanarak verileri localStorage’da verimli bir şekilde saklayabilir, alabilir, silebilir ve yönetebilirsiniz. Bu yöntemlerin nasıl çalıştığını anlamak, geliştiricilerin verimli ve dinamik web uygulamaları oluşturmak için JavaScript’te LocalStorage kullanmasını sağlar.

setItem ile verileri kaydedin

SetItem() yöntemi, değerleri localStorage’da depolamak için kullanılır. İki parametreyi kabul eder: bir anahtar ve bir değer. Anahtar, ilişkili değeri daha sonra almak için bir referans görevi görür. İşte kullanımına bir örnek:

localStorage.setItem('name', 'Obaseki Nosa');

Yukarıdaki kodda “name” anahtar, “Obaseki Nosa” ise karşılık gelen değer olacaktır. localStorage’ın yalnızca dizeleri depolayabildiğini unutmamak önemlidir; Dolayısıyla, dizi veya nesneleri saklamanız gerekiyorsa bunları dizeye dönüştürmeniz gerekir. Bunu başarmak için değeri setItem() öğesine iletmeden önce JSON.stringify yöntemini kullanabilirsiniz. İşte bir örnek:

const userArray = ["Obaseki", 25];

localStorage.setItem('user', JSON.stringify(userArray));

Bu kod parçacığında ‘kullanıcı’ anahtarı userArray ile ilişkilendirilir. Depolamadan önce userArray, JSON.stringify() kullanılarak bir dizeye dönüştürülür. Bu, dizinin localStorage’da düzgün şekilde saklanmasını sağlar. setItem() işlevini kullanarak, ilgili anahtarları kullanarak daha sonra almak üzere verileri localStorage’da etkili bir şekilde depolayabilirsiniz.

getItem ile bilgi alma

getItem(), tarayıcının localStorage nesnesinde saklanan verilere erişmenizi sağlar. Bu yöntem yalnızca anahtar olan bir parametreyi kabul eder ve değeri bir dize olarak döndürür.

localStorage.getItem('name');

Yukarıdaki kod “Obaseki Nosa” değerine sahip bir dize döndürür. Belirtilen anahtar localStorage’da mevcut değilse null değerini döndürür. Dizi durumunda, bir JSON dizesini bir JavaScript nesnesine dönüştüren JSON.parse() yöntemini kullanırız.

JSON.parse(localStorage.getItem('user'));

Yukarıda oluşturduğumuz diziyi kullanarak, onu localStorage’dan nasıl alacağınız aşağıda açıklanmıştır:

const userData = JSON.parse(localStorage.getItem('user'));

console.log(userData);

Bu yöntem [“Obaseki”, 25] dizisini döndürür. Web sayfasını kontrol edebilir ve konsolda şu şekilde bulabilirsiniz:

Bu, Firefox tarayıcısından alınan bir ekran görüntüsüdür, dolayısıyla diğer tarayıcılarda biraz farklı görünecektir. Bunu yerel depolamada saklanmayan başka bir diziyle karşılaştıralım:

const userArray2 = ["Oscar", 27];

console.log(userArray2);

Artık konsolda aşağıda gösterildiği gibi iki dizimiz var:

RemoveItem ile verileri kaldırın

Bir öğeyi JavaScript’teki localStorage’dan kaldırmak için, RemoveItem() yöntemini kullanacaksınız. Anahtar adını aktarırken, RemoveItem() yöntemi mevcut anahtarı bellekten kaldırır. Verilen anahtarla hiçbir öğe ilişkilendirilmemişse bu yöntem hiçbir şey yapmaz. Bunu yapmak için kod parçacığı aşağıdaki gibidir:

.localStorage.removeItem('name');

localStorage’daki tüm öğeler clear ile nasıl silinir?

LocalStorage’daki tüm öğeleri silmek için clear() yöntemini kullanırız. Bu yöntem çağrıldığında o etki alanına ait tüm kayıtların tüm depolama alanını temizler. Herhangi bir parametre almaz ve kod parçası aşağıdaki gibidir.

localStorage.clear();

key yöntemiyle JavaScript’te localStorage anahtar adını alma

Key() yöntemi, anahtarlar üzerinde döngü yapmanız gerektiğinde ancak yine de anahtar adını almak için localStorage’a bir sayı veya liste iletebilmeniz gerektiğinde kullanışlıdır. İlk kod pasajı aşağıdaki gibidir:

localStorage.key(index);

İndeks parametresi, adını almak istediğiniz anahtarın indeksini veya sıfır indeksini temsil eder.

LocalStorage ile verileri tarayıcıya kaydedin

Yukarıdaki açıklamada JavaScript’teki tüm yerel depolama yöntemlerini inceledik. Şimdi bunlara daha pratik bir şekilde bakacağız. Daha iyi anlamak için JavaScript’te localStorage’ın çalışan bir örneğini burada bulabilirsiniz.

Bahsi geçen örneğin HTML kod parçası aşağıdaki gibidir:

<div class="container">
  <div class="to-do-app">
    <h2><span id="To-do_App">To-do App</span></h2>
    <br>
    <input type="text" id="item" placeholder="Enter item...">
    <br>
    <br>
    <button onclick="add()">Add Item <i class="fa-solid fa-plus"></i></button>
    <button onclick="del()">Clear all <i class="fa-solid fa-ban"></i></button>
  </div>
  <ul class="to-do-list"></ul>
</div>

<script src="script.js"></script>

Bahsi geçen örneğin JavaScript kod pasajı aşağıdaki gibidir:

const ul = document.querySelector('ul');
const input = document.getElementById('item');
let itemsArray = localStorage.getItem('items') ?
JSON.parse(localStorage.getItem('items')) : [];

itemsArray.forEach(addTask);
function addTask(text){
  const li = document.createElement('li')
  li.textContent = text;
  ul.appendChild(li);
}

function add(){
  itemsArray.push(input.value);
  localStorage.setItem('items', JSON.stringify(itemsArray));
  addTask(input.value);
  input.value = '';
}

function del(){
  localStorage.clear();
  ul.innerHTML = '';
  itemsArray = [];

İlgili örnek CSS kod pasajı aşağıdaki gibidir:

@import url("https://fonts.googleapis.com/css2?family=Asap&amp;display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  width: 100%;
  height: 100vh;
  background-color: #e0d6e9;
  font-family: "Asap", sans-serif;
}
.container {
  max-width: 405px;
  margin: 137px auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.to-do-app {
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  background-color: whitesmoke;
  border: 1px solid #d3d3d3;
}
.to-do-app h2 {
  padding: 10px;
}
.to-do-app input {
  width: 250px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #d3d3d3;
}
.to-do-app button {
  width: fit-content;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  background-color: whitesmoke;
}
.to-do-app button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
li {
  font-size: 1.5rem;
}
.to-do-list {
  margin-top: 20px;
  margin-right: 5px;
  padding: 0 20px 10px 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
}
.to-do-list li{
  font-size: small;
  background-color: whitesmoke;
  padding: 20px;

Yukarıdaki örneğin çıktısı aşağıdaki gibidir:

Bu programın çok basit bir HTML biçimlendirme kodu vardır:

<div class="container">
   <div class="to-do-app">
      <h2><span id="To-do_App">To-do App</span></h2>
      <input type="text" id="item" placeholder="Enter item...">
      <br>
      <br>
      <button onclick="add()">Add Item <i class="fa-solid fa-plus"></i></button>
      <button onclick="del()">Clear all <i class="fa-solid fa-ban"></i></button>
   </div>
   <ul class="to-do-list"></ul><!--to-do items go here-->
</div>

Yukarıdaki koda, daha sonra JavaScript’te kullanacağımız add() ve del() adında iki tıklama işlevi ekledik. CSS kodu da basittir. İstediğiniz gibi özelleştirebilirsiniz. Önemli kısım JavaScript’tir. Aşağıda gösterildiği gibi görevleri ve giriş alanını temsil eden listeyi seçerek başlıyoruz:

const ul = document.querySelector('ul');
const input = document.getElementById('item');

Daha sonra, halihazırda var olan öğeleri localStorage’a yükler ve eğer mevcut değilse boş bir dizi oluşturur.

let itemsArray = localStorage.getItem('items') ?
JSON.parse(localStorage.getItem('items')) : [];

Şimdi boş ul’a görev ekleyen bir fonksiyon yaratıyoruz:

itemsArray.forEach(addTask);
function addTask(text){
  const li = document.createElement('li')
  li.textContent = text;
  ul.appendChild(li);
}

Şimdi düğmelere işlevsellik ekleyeceğiz. Öğe Ekle düğmesi öğeleri localStorage’da saklar ve Tümünü Temizle düğmesi tüm öğeleri kaldırır. Kodu aşağıdaki gibidir:

function add(){
  itemsArray.push(input.value);
  localStorage.setItem('items', JSON.stringify(itemsArray));
  addTask(input.value);
  input.value = '';
}
function del(){
  localStorage.clear();
  ul.innerHTML = '';
  itemsArray = [];
}

add() işlevi, girdi alanı olan input.value’dan öğeler alır. Daha sonra onu itemsArray’e ekleyecek ve localStorage’da saklayacak ve aynı anda listeye ekleyecektir. del() işlevi localStorage’daki tüm öğeleri temizler, bunları listeden kaldırır ve dizi öğesini sıfırlar.

JavaScript’te çerezler ve localStorage arasındaki fark

İstemci tarafında veri depolama için çerezleri ve JavaScript’teki LocalStorage’ı karşılaştırırken dikkate alınması gereken birkaç önemli fark vardır. En önemli farklar aşağıdaki gibidir:

  • Depolama kapasitesi : localStorage, beş megabayta kadar daha fazla depolama kapasitesi sunarken, çerezler maksimum dört kilobaytla sınırlıdır.
  • Veri aktarımı : Çerezler, her HTTP isteğinde sunucuya otomatik olarak gönderilir ve ağ trafiğini artırır. Öte yandan localStorage, kullanıcının cihazında yerel kalır ve sunucuyla veri paylaşmadığından web performansını etkilemez veya ağ trafiğine katkıda bulunmaz.
  • Sona Erme Tarihi : JavaScript’te localStorage’da saklanan verilerin son kullanma tarihi yoktur ve manuel olarak silinene kadar süresiz olarak kalır. Buna karşılık, çerezler belirli bir süre sonra veya tarayıcı kapatıldığında sona erecek şekilde ayarlanabilir. Çerezler genellikle kullanıcı tercihleri ​​ve oturum açma/kimlik doğrulama bilgileri gibi verileri depolamak için kullanılır.
  • Erişilebilirlik : Çerezlere tüm tarayıcı sekmeleri ve pencerelerinden erişilebilir ve depolanan verilerin birden fazla tarama bağlamında paylaşılmasına olanak tanır. Öte yandan, JavaScript’teki yerel depolama, belirli bir protokol veya etki alanında erişilebilen verilerle sınırlıdır. Varsayılan olarak çapraz sekme veya çoklu pencere erişimi sağlamaz.

Özetle, yerel depolama ve çerezler depolama kapasitesi, veri aktarımı, süre sonu ve erişim açısından farklılık gösterir. Aralarındaki seçim, uygulamanın özel ihtiyaçlarına ve saklanacak verilerin niteliğine bağlıdır.

LocalStorage tarayıcı desteği

localStorage, bir tür web depolama alanı olarak JavaScript’teki bir HTML5 spesifikasyonudur. JavaScript’te yerel depolama, Internet Explorer v8 dahil olmak üzere büyük tarayıcılar tarafından desteklenir. Tarayıcının localStorage’ı desteklediğinden emin olmak için aşağıdaki pasajı kullanarak kontrol edebilirsiniz:

if (typeof(Storage) !== "undefined") {
    // Code for localStorage
    } else {
    // No web storage Support.
}

son söz

JavaScript’teki LocalStorage, yalnızca çerezlere güvenmeye alternatif olarak verileri depolamak ve almak için basit ve etkili bir yol sağlar. Maktab Khona Dergisi’ndeki bu makale boyunca, JavaScript’te öğelerin yerel depodan kaydedilmesi, alınması ve silinmesi süreci de dahil olmak üzere, localStorage kullanımı hakkında bilgiler verdik. Pratik uygulamasını göstermek için, LocalStorage’ın gerçek dünya senaryosunda nasıl kullanılabileceğini gösteren çalışan bir uygulama bile geliştirdik. Ek olarak, JavaScript’teki yerel depolama ile çerezler arasında bir karşılaştırma yaparak bunların farklılıklarını ve kullanımlarını vurguladık. JavaScript’teki localStorage’ı ve yeteneklerini anlayarak, bu özelliği JavaScript uygulamalarınızdaki veri yönetimini geliştirmek için kullanabilirsiniz.