계속해서 프로젝트 작업 중이다. 뭔가 진도가 잘 안 나가는 느낌이다. 오늘 서버에 새로 백엔드를 업데이트 해줬으니 내일부터는 또 해야할 일을 찾아서 열심히 해봐야겠다.
페이지내이션
게시글들을 페이지네이션 해서 가지고 오려고 했는데 나는 그냥 백엔드에서 전체 게시글을 가지고 와서 프론트에서 나누면 될 줄 알았다. 그런데 얘기를 나눠보니 그러면 페이지네이션을 할 이유가 없다고 결론 났다. 인피니트 스크롤 할 때는 개수를 나눠서 스크롤이 어느정도 내려갔을 때 다시 게시글들을 불러오게 구현했엇는데 이것도 페이지네이션의 일부인 것 같다.
예전 전통의 페이지네이션은 처음 해보는 거라 개념이 헷갈렸던거 같다. 이제 제대로 정립이 된 것 같다. 우리가 게시글을 달라고 요청을 하면 백엔드에서 1 페이지에 들어갈 만큼의 게시글을 주고 전체는 몇페이지일지를 주기로 하였다. 그래서 우리는 전체 페이지 수만큼 페이지가 있다고 만들고 그 페이지를 누를 때 새로 다른 데이터를 요청하는 것으로 하였다. 그럼 리덕스 state가 새 게시글로 업데이트 되고 화면에 새 게시글이 보이는 것이다.
뭔가 인피니트 스크롤만 해보고 이런 페이지네이션은 해본적 없어서 해보고 싶었는데 잘 된 것 같다.
메인 페이지 수정
메인 페이지에 실시간 게시글과 주변 사람 추천과 같은 것들이 있는데 나오게만 해놓고 css나 기능들을 해놓지 않아서 수정하였다.
주변사람 추천 같은 경우에는 css로 :hover 시에 transform: scale(1.1); 을 사용하여 커지게 하였고 실시간 게시글은 :hover시에 box-shadow를 줘서 그림자가 생기게 하였다. 그림자 생기게 하는거에도 더 효율적인 방법이 있길래 블로그를 보고 따라하였다.
그리고 게시글이나 공급자를 클릭하였을 때 세부 정보가 나오게 수정하였다. 아직 게시글 불러오는거를 서버쪽에서 다 된게 아니라 더미 데이터로 금방 할 수 있게 세팅해놓았다!
