- 팀프로젝트 - 영화 사이트 발전시키기
핵심 기능인 상세 페이지에 영화 데이터 불러오는건 구현했으니 이제 메인 페이지로 돌아가는 버튼 구현이 남았다.
<button
type="button"
class="movie-btn btn-outline-warning btn"
id="backBtn"
>
Back to main page
</button>
버튼은 bootstrap 에서 가져오고 버튼 클래스에 스크립트 작업을 넣어준다.
const backMovieInfo = document
.getElementById("backBtn")
.addEventListener("click", () => {
javascript: window.history.back();
});
버튼 이벤트로 클릭 했을 때 브라우저가 세션 기록에서 바로 이전 페이지로 이동하도록 하는 메서드를 사용했다.
- 문제 및 해결
구현기능은 문제 없었으나 Github 에서 merge를 하는 과정에서 문제가 생겼다.
error: failed to push some refs to 라는 에러가 발생했는데, 이 에러는 원격저장소(github)에 내 로컬(내컴퓨터)에는 없는 파일이 있을 때 내 파일을 push 할 면 발생하는 오류라고 한다.
해결 방안은 간단한데, 일단 push 를 하기 전 pull 을 해줘서 내 로컬에 없는 파일을 가져와야 한다. 이후에 git push 를 해줬더니 에러 없이 해결 가능했다.