로컬 스토리지 사용법 질문

늘 고생하시는 대장님 항상 감사합니다

 

이미지 게시판에 있어서 버튼을 누르면 넓이가 줄었다 늘었다 하는 걸 구현은 했는데..

새로고침 하거나 다른 카테고리로 들어가면 사라져버리더라구요..ㅜㅜ

 

그래서 알아보니 로컬 스토리지나 세션 스토리지를 사용하면 된다고 하는데

세션 스토리지는 시간 제약도 있고 브라우저 문제도 있는 거 같아서 로컬 스토리지를 사용해서 새로고침이나 다른 카테고리로 들어가도 

유지가 되게 해보려고 하는데요

 

구글링을 해보고 이것저것 해봐도 도무지 이해가 안되서 대장님께 도움을 청합니다 ㅜㅜ

 

<button class="kboard-imgsize-down">-</button>
	<button class="kboard-imgsize-up">+</button>

	<script>

	localStorage.getItem("sizeup")

	localStorage.getItem("sizedown")

	jQuery('.kboard-imgsize-down').on("click", function() {
			jQuery('#kboard-pic-gallery-list .kboard-list .kboard-list-item').css("width","250px");
			localStorage.setItem("sizedown", sizedown);
			localStorage.removeItem('sizeup');
	});

	jQuery('.kboard-imgsize-up').on("click", function() {
			jQuery('#kboard-pic-gallery-list .kboard-list .kboard-list-item').css("width","330px");
			localStorage.setItem("sizeup", sizeup);
			localStorage.removeItem('sizedown');
	});
	</script>

 

위 코드에서 imgsize-down 버튼을 누르면 넓이가 줄어들고

위 코드에서 imgsize-up 버튼을 누르면 넓이가 늘어나게끔 하고 밑에

로컬 스토리지 키, 값으로 저장했는데 여전히 먹히질 않네요..ㅜㅜ

 

어떻게 해야 할까요..

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기