WIL 4주차
한주의 프로젝트를 끝냈다
저번시간의 개인 과제를 토대로 리펙토링을 해서 팀프로젝트로 진행했다
나는 상세페이지 구현 홈키 구현 파트를 했다
상세페이지로 들어가면 내가 누른 영화 포스터 여영화만 가져와야했다
자꾸 선택하면 전체 값이 가져와서 힘들었는데.. 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