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

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

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

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

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

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

<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 버튼을 누르면 넓이가 늘어나게끔 하고 밑에

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

어떻게 해야 할까요..