영화 상세정보 api에서 개봉날짜를 추출해 왔는데, 개봉 연도만 나타내고 싶어서 처음에는 spice를 사용했다. 하지만 typeError가 발생하였고, new Date로 선언하여 .getFullYear() 메서드를 사용해 해결하였다.
장르정보를 추출하기 위해 장르 키를 추출했다. 장르는 상세정보 배열 속 요소이자 여러 장르들이 들어있는 배열이었기 때문에 map함수를 사용해서 장르의 name들만 가져와 join(",") 을 사용해 stirng으로 붙여주었다. 제작사도 같은 방법으로 추출했다.
추출한 세부정보들은 기존의 temp_html 밑에 review 창 div를 새로 만들어주고 ${}으로 넣어주었다.
리뷰 달기 기능 구현이 어려웠다. 결과적으로 말하면 로컬스토리지에 저장하고 불러오는 것 까지는 구현이 되었는데, 콘솔에는 계속 TypeError: reviews.forEach is not a function 가 떠 있고, 영화 id를 식별하여 리뷰를 붙이는 건 구현하지 못한 상태다.
TypeError를 해결했다! 로컬스토리지 겟아이템을 영화정보 불러오기 fetch.then(data)=>{~~~ 안에 넣어놨었는데, (이유는... 불러와서 붙여야 되니까) 내가 쓴 코드가 어려워서(바보) 계속 읽다보니 이부분이 좀 이상하게 느껴졌다. 그래서 forEach로 돌려서 뿌려주는 부분만 그대로 fetch안에 놔두고 겟아이템 이랑 document.getElementById 를 fetch 밖으로 꺼냈더니 에러가 안뜬다! 이제 영화 id 같이 저장해서 식별해서 붙여주면 될것 같다