본문 바로가기

clone toy projects/next_node_TS_redit_clone

댓글 및 vote

댓글 생성하기

로그인 시에는 코멘트 작성 input 보여주고 아닐 시에는 로그인 해야하는 문구 보여주기

handlesubmit 함수 및 api

 

 

포스트 댓글 가져오기

 

코멘트 리스트 가져오기

 

api 생성

댓글 리스트 UI 생성

 

 

 

 

 

useSWR mutate

포스트의 댓글을 한번 생성해보자!!!
생성했는데 바로 화면에 보이는 게 아닌 새로고침을 해야지 보이게 된다!!그 럼 바로 보이게 하려면 어떻게 해야 하나?

댓글 생성 후 mutate 함수 실행

 

 

mutate

캐시 된 데이터를 갱신하기 위한 함수
useSWRConfig() hook으로부터 mutate 함수를 얻을 수 있으며, mutate(key)를 호출하여 동일한 키를

사용하는 다른 SWR hook*에게 갱신 메시지를 전역으로 브로드캐스팅할 수 있습니다.

 

포스트와 댓글 Vote

click Event 발생시 Vote 함수 호출

댓글에는 댓글 정보도 인자로 같이 넣기

api 생성

 

 

 

 

커뮤니티 페이지에 포스트 나열 및 포스트 카드 UI 작성

필요한 인자 가져오기

 

 

'clone toy projects > next_node_TS_redit_clone' 카테고리의 다른 글

유저 페이지 생성  (0) 2023.09.03
무한 스크롤 [useSWRInfinite, Intersection observer]  (0) 2023.09.03
포스트페이지 만들기  (0) 2023.09.03
커뮤니티  (0) 2023.09.03
로그인  (0) 2023.09.03