[TIL] #9. 230922

어제 목표 & 오늘 완료한 한 일 

• 웹개발 A to Z 응용
  • 상세페이지 완성
  • 회원가입 및 로그인
  • + 페이지네이션
  • + 검색페이지에서 검색
• 알고리즘 문제
• 웹개발 A to Z 복습 (2주차)

 
내일 목표

• 알고리즘 문제
• 웹개발 A to Z 복습 (3주차)

 

구현 내용

페이지네이션을 통해 다른 페이지의 데이터 가져오기

검색페이지에서도 검색 가능

 

발생한 문제와 해결

어제까지의 구현 상황으로는 검색페이지에서 다른 리뷰를 검색할 수 있는 기능을 구현하지 않은 상태였다. 그래서 오늘 검색페이지 검색기능을 구현하였다. 리뷰페이지에서 검색페이지로 검색어를 전달하던 전과는 다르게, 이번에는 다른 파일에서 값을 전달받는게 아니니 그냥 엔터를 누르게 되면 input 창의 값을 가져와 searchWord 변수에 넣어주면 될 것이라고 생각했다. 하지만 그렇지 않았고 그렇게 했을 때 searchWord에는 공백이 들어간 것 같았다. 그래서 조건문을 사용해 보는 등 여러 가지 방법을 시도해봤지만 여전히 되지 않았다. 그러다가 전에 작성한 코드와 같이 get 방식으로 하면 될까싶어 한 번 해봤더니 바로 해결이 되었다..

 

그리고 어제까지만 해도 영화데이터도 1페이지의 내용만 가져올 수 있는 상황이었다. 그래서 페이지네이션을 클릭하였을 때 해당페이지의 데이터를 가져오는 것을 시도해보았다. 처음에는 각각의 id를 페이지 숫자로 설정하여 해당 버튼을 클릭하면 id를 가져와 page 변수에 재할당해주는 방법을 시도해봤다. 하지만 아무리 다른 페이지의 버튼을 눌러도 화면이 달라지지 않았고, 콘솔창에도 아무것도 나타나지 않았다. 그러다 이것도 역시 get방식으로 해결이 될까싶어 시도해보았다. 그런데 url을 통해 page수를 보내기 전, 즉 페이지에 대한 정보가 없는 상태의 그냥 메인페이지일 때 페이지네이션 부분이 보이지 않았다. 그 이유는 앞서 말한 것과 같은 상황일 때의 상황을 고려하지 않고 코드를 작성했기 때문이었다.

if (data[1] !== undefined) {
        page = data[1];
}

그래서 이와 같이 if문을 사용해 코드를 작성했더니 관련 문제가 모두 해결되었다.

 

 

느낀점

알고리즘 문제를 풀 때 코드를 좀 더 가독성 있게 짜야할 것 같다. 그리고 오늘은 블로그를 참고하지 않았는데도 불구하고 발생한 문제를 해결할 수 있어서 평소보다 성취감이 더 컸다. 오늘 상세페이지에 title과 overview 등을 불러와 추가하였다. 그런데 다른 데이터를 더 가져와야할지, 가져온다면 어떤 데이터를 가져와야할지 등이 고민된다.