feat#226 chatlist sse 적용 #227
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
cho-subin
requested review from
KIMSEUNGGYU,
YukDDong,
heewls and
moonjieun
as code owners
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
|
확인하였습니다! |
moonjieun
approved these changes
Nov 6, 2023
KIMSEUNGGYU
approved these changes
Dec 17, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
close #226
💡 개요
채팅리스트에 실시간으로 오는 마지막 채팅을 보여주기 위한 작업입니다.
채팅리스트 미리보기에 Sse를 사용한 이유는
📝 작업 내용
적용할 sse를 커스텀 훅으로 생성
sse가 return한 message값으로 해당하는 list contents 업데이트
message값으로 list contents 업데이트시 chatlist의 모든 컴포넌트들이 재렌더링됨.
2023-12-17.4.21.48.mov
이유를 찾아보니 커스텀훅의 상태를 변경하면 해당 훅을 사용하는 컴포넌트도 리렌더링 되기 때문.
내가 useSSE를 사용하는 위치가 chatList의 최상단 컴포넌트였기 때문에 모든 컴포넌트들이 재렌더링이 되었음.
그래서 useSSE를 chatBody.tsx로 옮겨서 사용.
2023-12-17.5.52.11.mov
🔗 참고자료