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.

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

[Feat] 팔로잉/팔로워 리스트 페이지 #484

Merged
merged 23 commits into from
Feb 8, 2024
Merged

Conversation

sumi-0011
Copy link
Member

@sumi-0011 sumi-0011 commented Feb 8, 2024

🤔 해결하려는 문제가 무엇인가요?

팔로잉/팔로워 리스트 페이지를 구현하였어요.

closed #483

🎉 변경 사항

  • 팔로잉/팔로워 리스트를 구현하였어요.
  • 간단한 stagger 애니매이션을 추가하였습니다.
  • 화면에 보이는 데이터가 액션에 따라 없어지면 안되서 list를 따로 state로 관리하고,
  • post 결과가 바로 반영되기도 하여야해서 refetch도 액션이 일어날 떄마다 해주었습니다.
  • 서버에서 내려주는 데이터와 달리, 화면에 보일 때 @디자이너들이 설계한 기준으로 정렬되어 보여야해 sort로직을 넣었습니다.
  • 팔로잉/팔로워 리스트에서 검색 기능, 팔로워 삭제 기능을 제외하고 만들었어요. (나중에 할 예정)

@sumi-0011 sumi-0011 self-assigned this Feb 8, 2024
Copy link

vercel bot commented Feb 8, 2024

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

Name Status Preview Comments Updated (UTC)
10mm-client-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 8, 2024 6:56am

Copy link
Contributor

github-actions bot commented Feb 8, 2024


export const sorFollowerList = (list: FollowerMemberWithStatusType[], myId: number): FollowerMemberWithStatusType[] => {
// 1순위) 내 계정, 내가 팔로잉 중인 계정, 내가 팔로우 중이지 않은 계정 순으로 리스트 나열
// 2순위) 가나다 순, ABC순으로 나열
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

주석 굿

}}
/>
{/* 내 팔로잉/팔로우 */}
{isMyself &&
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

마이너 ) 주석을 없애고 isMyself 변수명을 좀더 명확하게 가져가면 좋겠음 isFollowMyself ? 정도?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isMySelf라는 네이밍 자체를 잘못 지었나 싶네요 🤔
여기서 isMySelf는 자신의 프로필 팔로워/팔로잉 리스트인지 확인하는 변수입니다.
그래서 isFollowMyself 라는 네이밍은 맞지 않는 것 같아요..
어떻게 네이밍을 바꾸면 좋을까요.. 고민되네요

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

마이너하니 다음에 생각하시죠. 한글 변수명은 어떠신가요

Copy link
Collaborator

@wade3420 wade3420 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

애니메이션 조아요! 그런데 애니메이션이 리스트가 길어지면 조금 느리다는 느낌이있네요 디자이너분들이랑 이야기 나눠보면 좋을듯!!

@sumi-0011
Copy link
Member Author

애니메이션 조아요! 그런데 애니메이션이 리스트가 길어지면 조금 느리다는 느낌이있네요 디자이너분들이랑 이야기 나눠보면 좋을듯!!

배포 후 확인해달고 말해볼게요~

@sumi-0011 sumi-0011 merged commit c9c9e9d into develop Feb 8, 2024
3 checks passed
@sumi-0011 sumi-0011 deleted the feat/follow-list branch February 8, 2024 06:56
Copy link
Contributor

github-actions bot commented Feb 8, 2024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Task] 팔로잉/팔로워 페이지
2 participants