게시글, 체크리스트, 일정관리 페이지 정리 후, 맞춤형 여행 추천 서비스 디테일 수정...
일정관리 페이지에서 지역부터 선택할 수 있도록 popup창을 만든 후
확인 버튼 클릭 시 localstorage 에 저장 한 뒤 나중에 일정 저장버튼 클릭 시 insert 할 수 있도록 한다.
그리고 저장된 지역을 기반으로 키워드 검색할 수 있도록, searchPlace()에 키워드 saveRegion + ' ' + keyword 로 지정해서 목적지 지역없이 검색해도 해당 지역에서만 검색되도록 지정
달력에서 날짜 선택 시에도 localstorage에 넣었는데, console로 확인했을 때 위 사진과 같은 결과가 나와서 계속 내용이 생기나 했더니 아니였지..
localStorage에 저장할 때는 새로운 값이 이전 값을 덮어쓰는거지, 그러니깐 여러번 클랙해서 날짜 범위를 변경하더라도 마지막으로 저장된 값만 localStorage에 남게 된다.
결과적으로 일단 날짜까지 localStorage에 저장완료..!
목적지 검색하고 클릭 시 배열이 깨지는 걸 확인 왜..?
찾아보니 localStorage에 저장되는 데이터는 항상 문자열 형태이어야 하기에, 브라우저는 배열을 자동으로 문자열로 변환하지 않기 때문이라고 한다.
배열이나 객체를 localStorage에 저장하려면 JSON 문자열로 변환하여 저장해야한다.
localStorage.setItem(key, value)의 value는 반드시 문자열이여야하고, 배열이나 객체를 localStorage에 저장할 때는 JSON.stringify()로 문자열로 변환하여 저장하고, 저장된 JSON 문자열을 다시 사용할 때는 JSON.parse()로 자바스크립트 객체로 변환!!
확인 완료!
