20211129-TIL

노강표 Noh Gang Pyo ·2021년 11월 29일
0
post-thumbnail

최종프로젝트 33일차.

어제 해결못했던일.

  1. 팔로워/팔로잉 버튼 무한클릭시 중복으로추가되는 오류 수정.
  • 우선 팔로우 & 팔로잉 리스트페이지로 이동할떄 서버요청을보내 리스트를 받아온다. 근데 서버에서 중복처리를 했음에도불구하고 연타를 누르게되면 db에 중복되어 저장이되는 현상이 발생한다.. 우선은 급한대로 연타를 방지하기위해 debounce를 적용하여 연타를누를떄 서버요청을 최소화시켰지만 문제는 사용자측면에서보면 뭔가 버튼이 느리게눌리는 불편한 반응이 일어난다..

이전 왕들이 게시물을 작성했을시 게시물에 왕관 표시.

  • 처음에는 메인페이지에서 배너부분에서 이전왕들을 보여줌으로 이값을 리덕스에 저장하여 게시물을 보여주는 페이지에서 게시물을 보여주는 for문안에 리덕스에저장된 이전왕 리스트를 가져와 이중for문을 처리하여 이전왕인지 아닌지를 판단하려했다. 근데 이렇게되면 이중 for문이라는 비효율적인 로직을 작성하게되기도하고, 각각 다른 왕관이미지를 위한 로직을 추가로 작성해줘야한다. 이 각각 다른 왕관이미지를 프론트단에서 추가해주는것보단 처음 이전왕 리스트를 받아올떄 키값으로 왕관이미지를 줄수없나싶어 백엔드분꼐 말씀드렸더니 리스트를불러올떄 rankingStatus값으로 (0 : 아무왕도아님, 1,2,3,4 각 부문들의왕) 추가로 전달해주신다고하셨다.. 이렇게되면 단순히 게시물 컴포넌트에서 rankingStatus값에의한 분기처리로 간단히 해결할 수있다고 생각된다. (물론 4번의 분기를 거쳐야되지만..) 다른프론트분들은 이얘기를 알고계셨었는데 왜 나는 멍청하게 배너에서받는 값을 가지고 사용할 생각을했는지.. 무튼간에 쫌더 수월하게 로직을 구성할 수있게되었다!

프로젝트 결과물( 수정중 )

1. 링크

2. 인트로페이지

profile
FE developer 🙂

0개의 댓글