✨ Feat: 할일 카드 모달

wayandway commented 3 months ago

연관된 이슈

close #3
close #4

작업 내용

할일 카드 모달 (TodoCardModal.tsx)

[x] 댓글 추가
[x] 카드 내 스크롤 가능
[x] 반응형 UI
[x] 수정/삭제 버튼 드롭다운

할일 카드 모달 내 댓글 섹션 (Comment.tsx)

[x] 댓글 조회
[x] 댓글 수정 / 삭제

스크린샷

카드모달 테스트

코멘트 및 논의 사항

꼽사리 커밋으로 대시보드 내 반응형 스크롤 버그도 수정해서 넣었습니다!
SSR 및 레이지 로딩 적용은 다른 PR로 분리해서 올리겠습니다!

wayandway commented 3 months ago

develop 브랜치 병합 및 모달 수정이 아직 안돼서, 완료된 후에 리뷰 요청 드리겠습니다!

wayandway commented 3 months ago

@un0211 @oceanlee-seoul @wjsdncl

수정 드롭다운까지 구현 완료되었습니다! (+ 삭제 기능도 추가) 한 번씩 체크해주시면 감사하겠습니다 :)

wjsdncl commented 3 months ago

고생하셨습니다! 확인해보겠습니다 🫡👍

wjsdncl commented 3 months ago

아래 자잘한 이슈들 할 시간이 부족하시면 제가 해두겠습니다! 🫡

댓글 수정도 패딩 주는게 좋을거 같습니다!
댓글 있는 카드에서 없는 카드로 이동하면 이전 댓글이 깜빡입니다
모바일 일때 담당자 마감일 칸 align-items 센터 주는게 좋을거 같습니다!
새 컬럼 추가 버튼누르면 오류가 납니다! 이전 모달방식 사용중이거나 컬럼 추가 모달에서 오류가 있는거 같습니다.

wayandway commented 3 months ago

거의 QA급으로 봐주셨네요 ㅋㅋㅋㅋ 감사합니다 🙇‍♂️ 바로 해결해볼게요~!

wjsdncl commented 3 months ago

거의 QA급으로 봐주셨네요 ㅋㅋㅋㅋ 감사합니다 🙇‍♂️ 바로 해결해볼게요~!

내일 출근하셔야 하는데 얼른 주무세요... 🙏

wayandway commented 3 months ago

댓글 수정도 패딩 주는게 좋을거 같습니다!

댓글 추가 섹션과 같이 패딩 10px 정도 추가했습니다! 좀 더 넣거나 빼야할 것 같으면 말씀주세요!

댓글 있는 카드에서 없는 카드로 이동하면 이전 댓글이 깜빡입니다

이건 왜그런지 당장 이유를 모르겠습니다..! 좀 더 디버깅 해봐야겠네요..!!!

모바일 일때 담당자 마감일 칸 align-items 센터 주는게 좋을거 같습니다!

[x] 넵 좀더 가운데로 내려줘야겠네요! 정렬해놨습니다!

새 컬럼 추가 버튼누르면 오류가 납니다! 이전 모달방식 사용중이거나 컬럼 추가 모달에서 오류가 있는거 같습니다.

제 로컬에서는 새 컬럼 추가 정상으로 동작하는데 뭐가 문제일까요..?!! develop 브랜치는 최신으로 반영하고 작업했습니다!

wjsdncl commented 3 months ago

댓글 수정도 패딩 주는게 좋을거 같습니다!

댓글 추가 섹션과 같이 패딩 10px 정도 추가했습니다! 좀 더 넣거나 빼야할 것 같으면 말씀주세요! ![image](https://private-user-

댓글 있는 카드에서 없는 카드로 이동하면 이전 댓글이 깜빡입니다

이건 왜그런지 당장 이유를 모르겠습니다..! 좀 더 디버깅 해봐야겠네요..!!!

모바일 일때 담당자 마감일 칸 align-items 센터 주는게 좋을거 같습니다!

[x] 넵 좀더 가운데로 내려줘야겠네요! 정렬해놨습니다!

새 컬럼 추가 버튼누르면 오류가 납니다! 이전 모달방식 사용중이거나 컬럼 추가 모달에서 오류가 있는거 같습니다.

제 로컬에서는 새 컬럼 추가 정상으로 동작하는데 뭐가 문제일까요..?!! develop 브랜치는 최신으로 반영하고 작업했습니다!

와 고생하셨습니다 컬럼 추가는 제 문제인거 같네요 댓글 깜빡이는건 저도 확인해보겠습니다! 이제 얼른 주무세요!

un0211 commented 3 months ago

ㅋㅋㅋㅋㅋㅋ 지윤님 영상 뭐에요 ㅋㅋㅋㅋㅋㅋ 2시 넘었어요

wayandway commented 3 months ago

ㅋㅋㅋㅋㅋㅋ 지윤님 영상 뭐에요 ㅋㅋㅋㅋㅋㅋ 2시 넘었어요

ㅋㅋㅋㅋㅋㅋㅋㅋ ㅠㅠ 일단 리뷰남겨주신거 하나씩 고쳐보겠습니다!!

wayandway commented 3 months ago

일단 입력 버튼 위치, 댓글 섹션 깜빡거리는 문제 외에는 디자인 수정해두었습니다..! 카드 모달이 UI가 복잡해서 디자인 수정이 오래걸리네요!! 또 발견하신 버그 있으면 말씀주시면 감사하겠습니다!

wayandway commented 3 months ago

여기에 .env가 안되어있나봐요!! 기존 아이디 암것도 안되네용 ㅠㅠ 그래도 이만큼 수정하셨으면 나중에 수정사항 조금씩 생길때 더 수정해도 될 것 같습니다!!

너무너무 수고하셨어요!!!!

앗 맞아요!! 이 배포링크 제가 잘못 올렸네요 ㅠㅠ 다시 배포하는 중입니다!!

lisarnjs commented 3 months ago

react query로 refresh 되기 전에 모달이 그려지는 것을 의심해보시고 모달이 그려지기 전에 데이터가 refresh 되고 그 다음에 모달이 그려질 수 있도록 순서를 보장해주세요!

Part3-Team15 / taskify