[spring] 최근 본 게시글 보기

[spring] 최근 본 게시글 보기 

---

최근 본 게시글 보기 
- DB에 접근하지 않고 디바이스에 정보를 저장한다.
- 가져올 것 : 상품코드, 상품 이미지, 상품 이름

자바스크립트 - PDF : 파일 및 스트로지 PDF 파일 확인하기 (1128 에는 FORM 태그 PDF 확인했음)

웹 스트로지란?
- 웹 스트로지 API는 웹 브라우저가 직접 데이터를 저장한다.
- HTML5 이전에는 매번 쿠키에 정보를 저장했지만, 지금은 좀 더 사용자측면에 더 많은 데이터를 저장할 수 있다.
- 키와 밸류 값으로 저장하는 형태다.
- 웹 스트로지는 오리진마다 단 하나씩만 존재한다.

대표적인 기능
- 세션 스트로지를 활용해 사용자가 입력폼을 입력하다 페이지를 벗어난 경우 백업/복구
- 글쓰기 하다가 사용자가 창을 벗어난 경우 작성된 내용 백업/복구용
- 웹페이지의 개인화 설정들에 대한 저장과 제공
- 현재 읽은 글의 히스토리 저장 (카운팅, 읽은글 표시 등으로 활용)

스트로지는 두 가지 객체를 제공
- 세션스트로지 객체
: 하나의 세션만을 위한 데이터를 저장하는 객체
- 로컬스트로지 객체
: 보관 기한이 없는 데이터를 저장할 수 있는 객체

1) 로컬스트로지 - 날짜 기한이 없는 데이터 저장
- 도메인마다 스토리지가 생성된다.
- 보존기간에 제한이 없다. 

2) 세션스트로지 - 한번의 세션 동안만 유지되는 데이터
- 도메인마다 따로 생성된다.
- 유효범위와 보존기간이 있다.

* 메소드 동일
: length 
: key (없으면 null 반환)
: getItem
: setItem 
등등