[JavaScript Code] LocalStorage(cookie)로 최근검색어 구현

// 최근 검색어 클릭시 해당 검색어로 조회
function inputKeyword (keyword){
	var recent_keyword = $(keyword).text();
	
	$("#txt01").val(recent_keyword); // 검색어

	boardListJson('1');
	
} 

function setLocalStorage(){
	
	/** keyword 쿠기가 존재하는지 체크 **/
	checkingKeywordList = localStorage.getItem("keyword");
	
	/** 쿠키 1개 이상인 경우 처리 **/
	if (checkingKeywordList != null && !(checkingKeywordList === undefined)){
		search_arr = [];
		search_arr = search_arr.concat(localStorage.getItem("keyword").split(","));
		
		var hasSearchWord = search_arr.indexOf(g_search);
        // 같은 값이 존재 할 때 처리 방법
		if(hasSearchWord == -1){
			// getItem 받아올시 배열이 아니라 string이라서 ,로 배열로 만들어줘야한다.
			search_arr.unshift(g_search);
			localStorage.setItem("keyword", search_arr);
		}
	}else{ /** 쿠키가 처음 들어간 경우 **/
		search_arr = [];
		search_arr.unshift(g_search);
		localStorage.setItem("keyword", search_arr);
	}
	
	var recentKeywordTag = "";
	for(var i = 0; i < search_arr.length; i++){
		recentKeywordTag += "<li><a href='#' onclick='inputKeyword(this)'>" + search_arr[i] + "</a></li>";
		if(i == 4) {
			search_arr = search_arr.slice(0, 5); // 너무 쌓이지 않게 5넘어가는 인덱스 삭제 [5개만 보여줄 예정]
			localStorage.setItem("keyword", search_arr);
			break; // 5개만 보여주기
		}
	}
	
	$('#recent_keyword').html(recentKeywordTag);
}

// 페이지 로드 될 때 보여줄 작업
function getLocalStorage(){
	
	/** keyword 쿠기가 존재하는지 체크 **/
	checkingKeywordList = localStorage.getItem("keyword");
	
	/** 쿠키 1개 이상인 경우 처리 **/
	if (checkingKeywordList != null && !(checkingKeywordList === undefined)){
		search_arr = search_arr.concat(localStorage.getItem("keyword").split(",")); 
		console.log("1 localStroage : " + localStorage.getItem("keyword"));
	}
	
	var recentKeywordTag = "";
	for(var i = 0; i < search_arr.length; i++){
		recentKeywordTag += "<li><a href='#' onclick='inputKeyword(this)'>" + search_arr[i] + "</a></li>";
		if(i == 5) break; // 5개만 보여주기
	}
	
	$('#recent_keyword').html(recentKeywordTag);
}