한주의 프로젝트를 끝냈다
저번시간의 개인 과제를 토대로 리펙토링을 해서 팀프로젝트로 진행했다
나는 상세페이지 구현 홈키 구현 파트를 했다
상세페이지로 들어가면 내가 누른 영화 포스터 여영화만 가져와야했다
자꾸 선택하면 전체 값이 가져와서 힘들었는데.. API 주소를 디테일 주소로 바꿔서
const fetchMovie = async () => {
const response = await fetch(https://api.themoviedb.org/3/movie/${movieId}, options)
.then((res) => res.json())
.then((data) => {
section.innerHTML = `
<div id="cadeMargin">
<h2 id="movieTitle">${data.title}</h2>
<p id="movieStar"> ⭐️ ${data.vote_average}</p>
<p class="overview">${data.overview}</p>
</div>
</li>`;
});
패치안에다 ID값을 넣어줬다 상세페이지로 들어가면 원하는 영화만 딱 출력됐다
function homeClick() { window.location.href = "/main/movie.html";
}
homeBtn.addEventListener("click", homeClick);
이벤트를 주어서 클릭으로 홈키를 구현했다
NOOBcording