[TIL]230605

페이지 동작 구상

상세 페이지 HTML 만들기 -> 클릭했던 데이터 기반으로 사진, 정보 나타나게 만들기 -> 리뷰 등록 -> 리뷰 수정, 삭제

데이터는 id를 기반으로 영화 객체를 넘겨주고 데이터 다듬기

다른 페이지로 이동

window.location.href =" "

페이지 이동할 때 처음에 주소를 http://127.0.0.1:5500/detail.html/d=${id_d}
로 수행했었는데, Cannot GET ~가 나타났고
html뒤에 /가 아닌 ?로 고치니까 이동이 잘 되었다.

-> /는 경로를 찾는 것이고 ?(쿼리 매개변수)는 URL에 쿼리 매개변수를 추가함으로써 필요한 데이터를 동적으로 로드하거나 처리할 수 있게된다.

TypeError : ~.map is not function

Object는 map 함수를 사용하지 못한다.

console.log로 찍어보면 Object로 나타나는데, 배열로 변환이 필요할 것 같다.

Object.entries()

key, value 형식을 배열로 반환해준다.
ES2017 부터 도입되었다.

하지만, 문제는..

movie.~로 변수를 할당하게 해두어서 처음에 result를 받아온 것 처럼 객체 자체를 배열에 넣도록 시도해봐야겠다.

let movieArr = [movie];

그냥 간단하게 담아줬다.

Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')

로그를 사용해서 map으로 구성한 문자열을 살펴보면 값이 분명이 존재하지만, 에러가 발생하였다.

detail.html이 페이지에 나타나기 전에 수행되어 class를 찾지 못하는 것 같다.

다른 언어에서 있는 기능들은 검색하면 잘 나오는 것 같다!