Feat likes - 따봉 기능 구현 완

[hongregii]

1. 따봉 기능 설명

• 유저는 로그인 했을 때만 따봉 / 붐따 누를 수 있음
• 사용자가 따봉 / 붐따 시 자기가 누른 버튼 크기 커지게 해놓음 (임시) => userDidLike STATE로 관리
• 따봉 / 붐따 두번 누르면 취소됨

2. 코드

• 첫 렌더시 useEffect 훅으로 stars를 fetch. response에는 {stars : stars[], count : number} 들어있음. (NEST 서버에서 처리해서 보내줌)
• 두가지 state 사용 : starCount, userDidLike. starCount에 response.count 박아넣음.
• userDidLike는 처음에는 fetch 후 response.stars에서 user가 매칭되는거 filter로 남겨서 -1, 0, 1 중 하나 할당함.
• POST 요청을 보낼때마다 response로 {stars : stars[], count : number}를 다시 보내주도록 NEST에서 service를 짜놨음. 그래서 POST 이후에 response를 보고 위에서 한 과정 (state 초기값 설정하는것과 같이) 함.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ganoverflow-front	✅ Ready (Inspect)	Visit Preview	Jul 13, 2023 6:33pm
ganoverflow-front-88gi	❌ Failed (Inspect)		Jul 13, 2023 6:33pm