결과가 없을 때 페이지 네이션 제거 & 이후 다시 생성(코알누 news)

코알누 뉴스 과제 

- 문제

검색결과가 없는데 이전 결과물의 페이지 네이션이 남아있음.

 

- 해결과정

중요 포인트마다 log를 찍어놓고 동작순서를 파악, thorw new Error 전에 paginationRender() 실행하도록 함.

하지만 이전 내용들이 반영되어 해결되지 않음. totalResult를 0으로 바꿔주고 실행되도록 변경해 해결함

 

- 원인

결과물이 없다는 에러로 처리되었는데, 에러가 발생하면서 pagination

 

글을 적다 보니 새로운 해결 방법이 생각남.

 

- 해결 방법 이었던 것

totalPage=0

paginationRender()

throw new Error

방식으로 실행하도록 했었음.

하지만 이 경우 다시 결과물이 있는 검색을 하면 page가 안나오는 문제가 발생했고,
이유를 찾아보니 page 변수가 0이 되었기 때문이었음.

이를 해결하기 위해

page=0 

pagiantionRender()

page=1

throw new Error

이런식으로 바꿔서 페이지 네이션 안나오게 하고 다시 page를 1로 바꿔 다음 페이지 네이션의 page가 0이 아니도록 설정함.

 

- 원인

결과물이 없을 경우는 에러로 처리되었는데, 뉴스 항목이 뜨는 HTML에는 오류 메시지를 출력해주었지만,

페이지네이션이 뜨는 HTML에는 아무것도 반영을 안해줘서 이전의 내용이 남아있게됨

 

- 해결방법

에러 처리과정에 페이지네이션 html에 빈칸을 넣어주는 코드를 추가함

 

https://noonanews.netlify.app/

Document

 

https://github.com/SpringDream0406/noonaTimes

GitHub - SpringDream0406/noonaTimes