질문 게시판👀 만들기 추가 개선

 

[Project] 질문 게시판👀 만들기

위 포스팅에 이어지는 내용이다.

 

추가 개선 사항

1. 페이지네이션 기능을 추가하였는데 1페이지가 아닌 다른 페이지에 있는 상태에서 '좋아요' 목록을 렌더링하려고 하면 아무 것도 렌더링되지 않는다. 오류가 뜨진 않아서 코드에서 빠진 부분이 있는 것 같다. 다음과 같다. currentPage변수를 업데이트해주지 않아서 6페이지에서 ❤️버튼을 누르면 좋아요 목록의 6페이지가 렌더링되어서 아무 것도 나타나지 않는 것이었다. 좋아요 항목이 무수히 많아서 6페이지가 나온다면 무엇인가 보이겠지만 말이다. 정상적인 기능은 좋아요 목록의 1페이지부터 나타나는 것이므로 ❤️버튼을 누르면 currentPage를 상수 1인 DEFAULT_PAGE로 재할당하게 함으로써 해결했다. ✅

2. 새 질문을 등록하면 한 페이지에 6개의 데이터만 뜨도록 했는데 적용이 안된다. li가 계속 늘어난다. 임시로 li 엘리먼트를 생성할 때 ul에 prepend하는 방식이라서 개수 설정이 작용을 안하는 것 같다. 다음과 같다. 새 질문을 등록하고 엘리먼트를 임시로 생성할 때에 6개의 개수를 맞추기 위해서 lis=ul.getElementByTagName("li")으로 li목록들을 가져온 후 6번째(5번 인덱스)를 임시로 삭제해주는 lis[DATA_PER_PAGE-1].remove()를 추가함으로써 해결하였다. ✅