HTTP 프로토콜은 서버와 클라이언트 간의 원활한 통신을 위해 가장 중요한 프로토콜 중 하나입니다. HTTP 프로토콜의 가장 큰 단점은 상태 비저장 프로토콜이라는 것입니다. 즉, 서버나 클라이언트의 어떤 종류의 응답이나 요청도 추적하지 않습니다. 따라서 이 문제를 해결하기 위해 유용한 정보를 추적하는 세 가지 방법이 있습니다. 이 기사에서는 로컬 저장소, 세션 저장소 및 쿠키의 차이점과 웹 개발자가 이러한 용어를 아는 것이 중요한 이유를 살펴보겠습니다.

로컬 저장소: 이 읽기 전용 인터페이스 속성은 문서의 로컬 저장소 개체에 대한 액세스를 제공합니다. 저장된 데이터는 브라우저 세션 전반에 걸쳐 저장됩니다. sessionStorage와 유사하지만 페이지 세션이 종료될 때, 즉 페이지가 닫힐 때 sessionStorage 데이터가 지워진다는 점이 다릅니다. 브라우저의 마지막 비공개 탭이 닫히면 삭제됩니다(비공개 브라우징 또는 시크릿 세션에서 로드된 문서에 대한 localStorage 데이터).

키보드에는 키가 몇 개 있나요?

DOMStrings는 UTF-16을 사용하여 문자당 2바이트를 사용하는 데이터를 인코딩하는 저장 형식입니다. 문자열은 객체와 마찬가지로 정수 키에서 자동으로 생성됩니다. LocalStorage에 저장된 데이터는 문서의 프로토콜에 따라 다릅니다. 사이트가 HTTP(예: http://example.com)를 통해 로드되는 경우 localStorage는 HTTPS(예: https://abc.com)를 통해 로드되는 경우와 다른 개체를 반환합니다.

문서가 파일 URL에서 로드되는 경우(즉, 서버에서 로드되지 않고 사용자의 로컬 파일 시스템에서 직접) 동작에 대한 요구 사항은 정의되지 않으며 브라우저마다 다를 수 있습니다. 각 파일은 현재의 모든 브라우저에서 localStorage에 의해 다른 객체(URL)로 반환되는 것으로 보입니다. 기본적으로 각 URL 파일에는 고유한 로컬 저장 영역이 있는 것 같습니다.

위에서 언급한 것처럼 파일 URL 요구 사항이 명확하지 않기 때문에 이 동작을 보장할 수 없습니다. 따라서 브라우저가 언제든지 파일 처리 방법을 변경할 가능성이 있습니다. 일부 브라우저가 이를 처리하는 방식이 발전했습니다.

로컬 저장소에는 4가지 방법이 있습니다.

• setItem() 메소드 – 이 메서드는 두 개의 매개변수를 사용합니다. 하나는 키이고 다른 하나는 값입니다. 키 이름과 함께 특정 위치에 값을 저장하는 데 사용됩니다.

localStorage.setItem(key, value)>

• getItem() 메소드 – 이 메소드는 특정 키 이름으로 저장된 값을 가져오는 데 사용되는 키인 하나의 매개변수를 사용합니다.

localStorage.getItem(key)>

• RemoveItem() 메소드 – 키를 참조하여 메모리에 저장된 값을 제거하는 데 사용되는 방법입니다.

localStorage.removeItem(key)>

• 클리어() 메소드 – 이 방법은 localstorage에 저장된 모든 값을 지우는 데 사용됩니다.

localStorage.clear()>

로컬 스토리지 패널 이미지

세션 저장소란 무엇입니까?

자바 프로그램

세션 저장소 개체는 sessionStorage 읽기 전용 속성을 사용하여 액세스할 수 있습니다. sessionStorage와 localStorage의 차이점은 localStorage 데이터는 만료되지 않는 반면, sessionStorage 데이터는 페이지 세션이 끝나면 지워진다는 것입니다.

문서가 브라우저 탭에 로드되면 고유한 페이지 세션이 생성됩니다. 페이지 세션은 한 번에 하나의 탭에만 유효합니다. 페이지는 탭이나 브라우저가 열려 있는 시간 동안만 저장됩니다. 페이지를 다시 로드하고 복원한 후에는 지속되지 않습니다. 탭이나 창이 열릴 때마다 새 세션이 생성됩니다. 이는 세션 쿠키와 다릅니다. 동일한 URL로 열리는 각 탭/창은 고유한 sessionStorage를 생성합니다. 탭을 복제하면 원본 탭의 sessionStorage가 복제된 탭에 복사됩니다. 창/탭을 닫으면 세션이 종료되고 sessionStorage 개체가 지워집니다.

페이지의 프로토콜은 sessionStorage에 저장되는 데이터를 결정합니다. 특히, HTTP(예: http://abc.com)를 통해 액세스되는 스크립트에 의해 저장된 데이터는 HTTPS(예: https://abc.com)를 통해 액세스되는 동일한 사이트와 별도의 개체에 저장됩니다. DOMString 숫자는 UTF-16 DOMString 형식의 문자당 2바이트입니다. 문자열은 객체와 마찬가지로 정수 키에서 자동으로 생성됩니다.

세션 저장소에는 4가지 방법이 있습니다.

문자열 비교 자바

• setItem() 메소드 – 이 메서드는 두 개의 매개변수를 사용합니다. 하나는 키이고 다른 하나는 값입니다. 키 이름과 함께 특정 위치에 값을 저장하는 데 사용됩니다.

sessionStorage.setItem(key, value)>

• getIteam() 메소드 – 이 메소드는 특정 키 이름으로 저장된 값을 가져오는 데 사용되는 키인 하나의 매개변수를 사용합니다.

sessionStorage.getItem(key)>

• RemoveItem() 메소드 – 키를 참조하여 메모리에 저장된 값을 제거하는 데 사용되는 방법입니다.

sessionStorage.removeItem(key)>

• 클리어() 메소드 – 이 방법은 세션 저장소에 저장된 모든 값을 지우는 데 사용됩니다.

sessionStorage.clear()>

세션 저장소 이미지

캣 팀프 누나

쿠키: 쿠키라는 용어는 웹사이트에 대한 텍스트 정보만을 의미합니다. 귀하를 인식하고 귀하의 기본 설정에 따라 결과를 표시하기 위해 이 웹사이트는 귀하가 특정 웹사이트를 방문할 때 일부 정보를 귀하의 로컬 시스템에 저장합니다. 인터넷의 역사는 오랫동안 쿠키의 사용으로 얼룩져 왔습니다. 웹사이트 방문자가 방문할 때 서버에 웹페이지를 요청합니다. 서버에 대한 모든 요청은 고유합니다. 마찬가지로, 백 번 방문하면 각 요청은 서버에서 고유한 것으로 간주됩니다. 서버는 매초마다 많은 요청을 받기 때문에 모든 사용자의 정보를 서버에 저장하는 것은 논리적이고 당연해 보이지 않습니다. 반환하지 않으면 동일한 정보가 다시 필요하지 않을 수 있습니다. 따라서 귀하를 고유하게 식별하기 위해 쿠키가 귀하의 로컬 컴퓨터에 전송되고 저장됩니다. 다음 번에 접속할 때 동일한 서버에서 귀하를 인식하므로 응답을 받게 됩니다. 거의 모든 서버가 이 쿠키를 사용합니다(현재 광고로 인해 일부 예외가 존재함). 따라서 시스템에 많은 쿠키가 있더라도 이러한 쿠키는 서버에서 인식되어 분석됩니다.

쿠키가 처음 개발되었을 때 개발자의 경험을 개선하기 위해 사용되었습니다. 모국어가 아닌 다른 언어(예: 영어)로 된 웹사이트를 방문하는 것을 고려해 보세요. 웹사이트의 언어 섹션에서 언어를 영어로 선택할 수 있습니다. 동일한 웹 사이트를 5번 방문하면 하루에 5번 언어를 전환해야 할 수도 있습니다. 따라서 이러한 세부 정보는 귀하 시스템의 쿠키에 저장됩니다. 이렇게 하면 다음에 요청을 보낼 때 서버가 웹 사이트를 영어로 보기를 원한다는 것을 알 수 있습니다. 쿠키는 이와 관련하여 매우 중요합니다. 오늘날 사용되는 규모의 쿠키는 위의 예보다 훨씬 작습니다.

쿠키의 이미지

로컬 저장소와 세션 저장소의 차이점 , 그리고 쿠키