'좋아요'기능을 만든지 2일차네요.
아이콘과 하트 색상 바뀌는건 조금 매끄럽게 진행을 했지만, 새로고침해도 바뀌지 않는 법이 정말 쉽지가 않더라구요.
이것저것 구글과 유튜브로 찾아보니
리액트와 몽고DB를 이용하면 쉽게 할 수 있지만, 자바스크립트로 하게되면 조금 까다롭다고 하네요.
그렇지만 기초의 기초, 교과서 느낌인 자바스크립트로도 구현해야 한다는 튜터님의 말씀대로 꼭 자바스크립트로 처리해보자고 다짐을 했습니다.
우선 기본 준비물 기념으로는 다음과 같다.
- 로컬스토리지 기본개념 - getItem,setItem
- if, Else의 기본 개념
중요 포인트는
로컬스토리지에서 값을 저장 할 때는 문자만 저장이 된다는 점이에요. <- 이점에 가장 헷갈렸더라구요.
저는 계속 status1 == true 로 작성을해서 작동이 안되더라구요.
"true"가 핵심 포인트 였습니다.
물론 겨우 해결을 했지만, 코드 한줄 한줄 리뷰하면서 왜 이렇게 쓰임새가 되는건지 다시 한 번 살펴봐야 겠습니다.!
추가로 반복문을 통해서 조금 더 간단하게 리펙토링 작업을 해야겠습니다.