TIL 6/7 git, storage

영화 디테일 페이지에 찜하기 기능을 추가하는 과정에서 데이터 베이스를 사용하지 않으므로 localStorage를 이용하려 했다.  하지만 다른 팀원들이 댓글(리뷰)기능을 위해 localStorage를 사용하며 다른 데이터를 추가할 때 리뷰쪽에서 오류가 발생했다.

 

원인은 리뷰를 CRUD하는 기능들에서 반복문이 돌며 작동하기 때문이었다.

 

리뷰쪽 기능이 이미 많이 구현된 상태였기 때문에 다른 방법을 찾아야 했다.

 

고민하던 중 localStorage말고 sessionStorage를 사용하기로 했다.

 

데이터는 배열 형태로, url에서 아이디값을 받아와 저장시켰다.

 

상세 페이지에서 하트를 클릭했을 때 세션스토리지에 추가되고

 

메인페이지 로드시 영화 데이터를 fetch받아온 함수 내에서 세션스토리지에 저장된 id값에 해당하는 영화 타이틀로 element를 만들었다.

 

또 문제가 발생했다. 처음 페이지에 들어왔을 때 세션스토리지가 비어있기 때문에 에러가 발생했다.

 

그래서  조건문을 추가해 만약 세션스토리지가 null값인 경우 빈 배열을 추가해서 문제를 해결했다.