상세페이지 만들기 (백엔드 없이)

백엔드 없이 상세페이지로 데이터가 넘어가야 하는데
방법을 고민하다 쿼리스트링으로 넘기기로 했다

//main.js
function goToMovieDetail(movieName) {
  // 선택한 영화의 이름을 상세 페이지로 전달하고, 상세 페이지로 이동한다.
  window.location.href = `detail.html?name=${movieName}`;
}

//detail.js
const urlParams = new URLSearchParams(window.location.search);
const movieName = urlParams.get('name');

또또또또 만난 오류

Uncaught ReferenceError
또 만났다
템플릿 리터럴에 또 온클릭 함수를 넣었지...
이번에는 다른 방법으로 해결했다

    let cardElement = document.createElement("div");
    cardElement.classList.add("col");
    cardElement.classList.add("movie-card");
    cardElement.dataset.movieId = id;
    cardElement.addEventListener("click", handleMovieCardClick);

    let temp_html = `
      <div class="card">
        <img src="https://image.tmdb.org/t/p/w500/${poster_path}" class="card-img-top">
        <div class="card-body">
          <p class="card-title">${title}</p>
          <p class="card-text">${overview}</p>
          <p>Rate: ${vote_average}</p>
        </div>
      </div>
    `;

    cardElement.innerHTML = temp_html;
    box.appendChild(cardElement);

아예 해당 함수만 따로 빼서 넣었다...
정상적으로 동작하지만... 코드가 더러워지는 단점이 생겼다..
더 고민해보는 걸로

풀 리퀘스트 받기

풀리퀘스트를 어떻게 받아야할지 모르겠어서
검색을 해봤지만 다들 보내기만 하고 받지를 않더라....

로컬에서 작성중인 코드에서 풀리퀘스트 코드를 받아서 합친 후
머지를 하고 싶었다

풀리퀘스트를 로컬에서 돌려보는 명령어가 있길래 적용해보기로했다.
우선 무서우니 작업했던 코드는 git stash로 임시저장!
우선 해당 블로그를 따라 로컬에 풀리퀘스트를 받았다

수정 후 머지했더니 깃허브의 풀리퀘도 잘 닫혔다

그래프가 몬생긴거 빼면 잘 된듯?

나중엔 메인에 풀리퀘를 받지말고
브랜치를 따로 분리해서 받아야겠다...