오늘한일
1. 좋아요 reload없이 실시간으로 좋아요기능 만들기
피드백 내용중에 좋아요를 누를 시 화면이 새로고침이 되어 페이지가 고정이 안된다는 피드백을 받아서 요청과 동시에 반응하는 동기방식으로 수정을 하였습니다.
(1) . 위에 코드는 실시간으로 색이 red일때 grey로 변하게하게하고 textcontent를 +1로 실시간으로 변동해서 HTML를 inner를 해주는방식으로 하였다. 이런식으로 하면 데이터가 바뀌어들어가게되어서 실시간으로 카운트가 1로 올라갔다가 내려갔다를 계속 설정해줄 수 있다.
(2). 그리고 새로고침을 했을때 기존의 좋아요방식을 그대로 넣어두면 데이터가 반영된채로 다시 articles/list url로 데이터를 받아오기 때문에 새로고침을 해도 데이터 유지는 문제가 없이 잘 해결이 된다.
2. 댓글갯수 출력하고 댓글순으로 나열하는 selectbox 생성
(1) 댓글갯수 출력하기
articleserializer에서 기존에 댓글에 대한 칼러밍 존재하지 않길 때문에 시리얼라이즈에 comment_set을 추가해서 넣어줍니다.
그러면 다음과같은 feed데이터에서 comment_set의 데이터가 뜨게 됩니다. 그리고
댓글의 갯수를 구하면 되기때문에 length로 처리를 해줘서 각각 피드게시물의 갯수를 구할 수 있었다. 그리고 적용하면 끄읏!
3. 피드백중 하나인 뒤로가기했을때 selectbox가 고정값이 안나오는 현상 수정
한마디로 새로고침을 했을때는 시간순으로 초기화가 가능하지만 다른페이지를 갔다가 다시돌아오면 피드순서자체는 시간순으로 다시 나열되었지만 selectbox는 그대로 좋아요순 또는 별점 순 등으로 남아있는 오류가 있어가지고 사용자들에게 불편함을 주었다.
onpageshow를 사용해서 해결하였다.
