Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Epic#18, Epic#43] 특정 채팅글에 좋아요 가능하다. #40

Closed
5 tasks done
devphilip21 opened this issue Nov 25, 2019 · 0 comments
Closed
5 tasks done

[Epic#18, Epic#43] 특정 채팅글에 좋아요 가능하다. #40

devphilip21 opened this issue Nov 25, 2019 · 0 comments
Assignees
@devphilip21
Labels
🐣Feature 새로운 기능을 추가할 때 사용하는 라벨
Projects
Sprint - 03 🏃‍♂️
Milestone
Sprint - 03

Comments

@devphilip21
Copy link
Contributor

devphilip21 commented Nov 25, 2019 •
edited
Loading

[Epic#18, Epic#43] 특정 채팅글에 좋아요 가능하다.

  • 채팅에 좋아요가 가능해야 한다.
  • 좋아요는 한번만 가능해야 한다.

완료 조건 ✅

  • 익명의 사용자에게도 익명 사용자 토큰을 넘겨주도록 인증시스템을 수정한다.
  • 좋아요을 하기 위해서 채팅 UI를 완성한다.
  • DB에 좋아요 로그를 저장한다.
  • 좋아요를 한 채팅은 다시 좋아요 하지 못하도록 한다.
  • 좋아요 상태를 채팅 UI에 표시한다.

관련 이슈 📎

관련 이슈 없음

레퍼런스 📚

레퍼런스 없음
@devphilip21 devphilip21 added the 🐣Feature 새로운 기능을 추가할 때 사용하는 라벨 label Nov 25, 2019
@devphilip21 devphilip21 self-assigned this Nov 25, 2019
@devphilip21 devphilip21 added this to the Sprint - 03 milestone Nov 25, 2019
@devphilip21 devphilip21 changed the title [Epic#18, #43] 특정 채팅글에 좋아요 가능하다. [Epic#18, Epic#43] 특정 채팅글에 좋아요 가능하다. Nov 25, 2019
@aereeeee aereeeee mentioned this issue Nov 25, 2019
Closed
36 tasks
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채팅 로그 리스트 UI 스타일 추가 (#40)
d7275d5 
Why
- 채팅이 말풍선 형식으로 로그가 생성된다.
- 채팅이 많아질 경우 스크롤바가 생성된다.

What
- ChatLogs 컴포넌트 스타일 지정
- ChatCard 컴포넌트 생성 및 스타일 지정
- Chat 컴포넌트 스타일 지정
- icon_thumb_gray, icon_thumb_yellow 이미지 추가
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채팅 전송 폼 UI 구현 (#40)
48aab0c 
Why
- 채팅 전송 폼에 대한 디자인을 적용해야 한다.

What
- ChatInput 컴포넌트 스타일 적용
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채널 입장 시 미로그인 사용자에게 익명 토큰 발급 - 클라이언트 구현 (#40)
d2a74f7 
Why
- 익명의 사용자에 대한 세션도 유지시켜 주고 싶다. (ex. slido)

What
- Apollo Cache 에 익명 사용자에 대한 정보도 저장
- 채널 입장시 로그인되지 않았다면 익명의 토큰 발급
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채널 입장 시 미로그인 사용자에게 익명 토큰 발급 - 서버 구현 (#40)
6d34dce 
Why
- 익명의 사용자에 대한 세션도 유지시켜 주고 싶다. (ex. slido)

What
- 서버측에서 uuid 로 유니크한 아이디를 생성해서 토큰을 발급한다.
- 발급한 토큰을 기존 인증토큰과 다른 형태로 전송한다.
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채팅 캐싱방식 변경 및 렌더링 최적화 (#40)
9ad235d 
Why
- useSubscription, useMutation 을 통해 불필요한 렌더링이 지속적으로 발생한다.

What
- useApolloClient 를 통해 client 에 캐시를 직접 추가/삭제한다.
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] Subscription chatAdded 스키마 변경 (#40)
7edea18 
Why
- 채팅이 추가될 때 뿐 아니라, 채팅에 좋아요가 되었을때(변경되었을 때) 도 함께 처리하기 위해서

What
- chatAdded Subscription -> chatChanged Subscription
- Chat 에 likes 스키마 추가
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채팅 좋아요에 대한 GraphQL 구독 추가 (#40)
14631f5 
Why
- 채팅 좋아요도 실시간으로 모두의 화면에 반영되어야한다.

What
- likeChat mutation 추가
- likeChat mutation 에 대한 resolver 구현
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 채팅에 대한 좋아요시 UI 실시간 반영 (#40)
ffddae4 
Why
- 채팅을 좋아요 했을 때, 해당 채널에서 실시간으로 반영되어야한다.

What
- useLikeChat 추가
- useAddChat 에서 id 값만 받아오도록 설정
- useChatChanged 에서 변경사항이 들어왔을 때 분기 처리
devphilip21 pushed a commit that referenced this issue Nov 26, 2019
[ FEATURE ] 자신의 좋아요 강조색 표시를 위한 구조 변경 (#40)
3cb78ae 
Why
- 현재 Pub/Sub 구조에서 채팅을 전달받을 때, 내가 좋아요한 채팅인지 아닌지 확인할 방법이 없다.
- 클라이언트에서 userId 를 저장하고 있다가, 서버에서 채팅이 넘어오면 내가 좋아요한건지 아닌건지 확인해야한다.

What
- apollo cache 에 userId 저장
- 채팅을 전달 받을 때 해당 채팅이 내가 좋아요한 채팅인지 확인한다.
@devphilip21 devphilip21 mentioned this issue Nov 26, 2019
Merged
@always-awake always-awake moved this from To do to Done in Sprint - 03 🏃‍♂️ Nov 26, 2019
@devphilip21 devphilip21 mentioned this issue Nov 29, 2019
Closed
@aereeeee aereeeee mentioned this issue Dec 2, 2019
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@devphilip21 devphilip21

Labels
🐣Feature 새로운 기능을 추가할 때 사용하는 라벨
Projects
No open projects
Sprint - 03 🏃‍♂️
Done
Milestone
Sprint - 03
Development

No branches or pull requests
1 participant
@devphilip21