Language/JavaScript (5) 썸네일형 리스트형 JavaScript~indexedDB이란? 개념과 사용법에 대하여 indexedDB이란 indexedDB란 유저의 브라우저에 데이터를 저장하는 방법 중 하나입니다. 이전에 다룬 localStorage나 sessionStorage와 유사합니다. 하지만, local이나 session보다 대용량의 저장소를 제공하며, 유저의 브라우저에 데이터를 영구적으로 저장하여, 네트워크 상태에 상관없이 이용이 가능합니다. 제공 용량은 브라우저와 디스크 공간에 따라 다릅니다. 크롬과 크롬기반의 브라우커는 디스크 공간의 80%를 사용할 수 있으며, 각각의 단일 원본에서는 75%를 사용할 수 있습니다. 파이어 폭스의 경우 각 원본 별로 2GB의 데이터를 저장할 수 있으며, 사파리에서는 원본 별로 1GB의 데이터를 저장할 수 있습니다. 이번 포스팅에선 바닐라JS로 구연해 보겠습니다. https:.. JavaScript~localStorageとsessionStorageの比較 はじめに localStorage、sessionStoreageはjavaScriptのweb Storage APIの一種です。両方ともクライアントサイドにデータを格納するために使われます。基本的な使い方は一緒ですが、何点か違うところもあります。今回はlocalStorage、sessionStoreageの使い方とその違う点に対してまとめようと思います。 localStorageとは？ 冒頭で書いた通り、クライアントサイド、つまりユーザーのブラウザーにデータを格納・取得Web Storage APIの一種です。ブラウザーを閉じた後、また開いてもデータは保存されます。格納されているデータは「key」と「value」を持っています。データの型はString(文字列)型のため、number型やobject型などのデータを格納するにはString型に変換する必要があります。 localS.. JavaScript~localStorage와 sessionStorage의 차이 들어가기에 앞서 localStorage sessionStoreage는 자바스크립트의 web Storage API의 일종입니다. 둘 다 클라이언트 사이드에서 데이터를 저장하는데 사용하는 기능입니다만, 둘 사이엔 몇가지의 차이점이 있습니다. 이번 포스팅에선 localStorage sessionStoreage의 사용 예와, 둘의 차이점에 대해 정리해 보도록 하겠습니다. localStorage란? 앞서 서술했듯이 클라이언트 사이드, 즉 유저의 브라우저에 데이터를 일시 저장, 호출 하는 Web Storage API입니다. 브라우저를 닫은 후 다시 열어도 데이터가 보존되어있는 영구 저장소입니다. 저장되는 데이터는 'key'와 'value'로 구성되어 있습니다. 저장되는 데이터의 형태는 .. JavaScript~変数宣言 const、let、varの比較 varを使った変数宣言 最近はあんまり使われてはいません。 変数の上書き(再割り当て)ができるし, 変数の再宣言ができます。この再宣言の可能性のせいで、安定性のため最近にはよく使われておりません。 var tmpVal = '宣言'; console.log(tmpVal); // '宣言'を出力 tmpVal = '修正'; console.log(tmpVal); // '修正'を出力 var tmpVal = '再宣言'; console.log(tmpVal); // '再宣言'を出力letを使った変数宣言 変数の再宣言ができない です。しかし、変数の上書き(再割り当て)はできます。 上書きが必要な変数の宣言に使われます。 let tmpVal = '宣言'; con.. JavaScript~변수 선언 const, let, var의 차이점 var를 이용한 변수선언 요즘에는 잘 사용되지 않는 편이긴 합니다. 변수 값의 변경(재할당)이 가능하고, 변수의 재선언이 가능합니다. 이 재선언의 가능성 때문에 안전성이 이유가 되어 요즘에는 잘 사용되지 않습니다. var tmpVal = '변수 선언'; console.log(tmpVal); // '변수 선언'을 출력 tmpVal = '변수 수정'; console.log(tmpVal); // '변수 수정'을 출력 var tmpVal = '변수 재선언'; console.log(tmpVal); // '변수 재선언'을 출력 let을 이용한 변수선언 변수의 재선언이 불가능 합니다. 하지만 변수 값의 변경(재할당)은 가능합니다. 값의 변화가 필요한 변수에 사용됩니다. let tmpVal = '변수 선언'; cons.. 이전 1 다음
