프로젝트 소개

Project-Title : Taskify-Web
Project-Period : 2024-01-25 ~ 2024-02-13
Team : Codeit-Sprint-2-Part3-Team11(이나경,김광현,문다님,정성원)
일정 관리 서비스

주요 기능 소개

• 대시보드를 생성하여 프로젝트의 일정을 관리 할 수 있습니다.
• 사용자는 컬럼(일정 순서)과 대시보드를 직접 커스터마이징 할 수 있고, 컬럼에 등록된 할 일 카드(일정 내용)에서 멤버들끼리 서로의 진행상황을 코멘트하며 소통할 수 있습니다.
• 내 대시보드, 대시보드 관리 페이지를 통해 대시보드의 초대 내역을 관리 할 수 있습니다.
• 내 정보 페이지에서는 사용자의 프로필 이미지, 닉네임, 비밀번호를 변경할 수 있습니다.

기술 스택

담당 제작 기능

• 내 대시보드 페이지 개발 (사용자가 생성한 대시보드와 초대받은 대시보드 목록을 확인하는 페이지)
  • 내 대시보드 목록 페이지네이션 기능 구현
  • 초대받은 대시보드 목록 무한스크롤 기능 구현
  • 초대받은 대시보드 목록 초대/거절 기능 구현
  • 초대받은 대시보드 목록 검색 기능 구현
• 대시보드 페이지 개발 (대시보드 내 일정을 확인하는 페이지)
  • 컬럼 추가, 할일 생성/수정 모달창 구현 (컴포넌트 재사용을 통한 사용자 입력 폼 구현)

트러블 슈팅

• 특정 이름을 입력하여 태그를 생성할 때 빈 배열에 태그 이름을 추가하여 map함수로 렌더링 하였는데, 이름이 중복되는 태그가 작성되면 key warning 에러 발생
  • 이름이 중복되는 태그를 생성하지 못하도록 alert창을 표시하고 return하는것으로 해결하였다.
• 공통 컴포넌트로 구현한 모달창에서 다른 모달 창에서 입력된 데이터가 동일하게 적용되는 문제 발생
  • 각각의 모달창을 구분하여 기존 데이터가 불필요한 모달창에서는 useEffect에서 초기화하도록 수정하여 해결하였다.
    

관련 PR 링크

배포 링크

• LINK