🛠️ 서브페이지 관련 모달-폼 구현 요청

[revy7289]

📌 핵심 요구 사항 1

칸반에서 선택된 이슈에 해당하는 데이터를 가져와서 수정, 편집이 가능해야 합니다.

• 가능하다면, 신규와 수정편집 등 동일한 모달 컴포넌트 내에서, 데이터만 달라져야 합니다.
• 수정한 내용은 명확하게 반영되어야 하며, 실시간으로 DB에 전달되어 연동이 이루어져야 합니다.
• 여러 개의 태스크를 수정한 경우, 일괄저장이 될 수 있어야 합니다.

🛠 작업 상세 내용

체크박스는 우선도가 높아 보이는 작업으로 가급적 먼저 해결되었으면 좋겠습니다.
불릿케이스는 그 다음 작업으로 예상되는 지점입니다.
하지만 유연하게 판단하여 불릿케이스 먼저 작업해주셔도 상관 없습니다.

UI/UX

• 마크다운 에디터를 독립된 컴포넌트로 구현하고 재사용이 가능해야 합니다.

• 공통으로 사용할 수 있는 여러 드롭다운, 인풋 등의 컴포넌트를 고안합니다.

• 작업기간 선택을 위한 캘린더UI를 작성합니다. (shadcn 사용? )

• 깃허브 연동의 경우, 체크박스를 선택해야 드롭다운이 동작하고, 선택하지 않으면 disable이여야 합니다.

• 상태, 날짜, 깃헙, 제목, 내용, 담당자, 라벨 등을 포함하는 큰 Form을 구성하고, payload에 담아 쿼리로 전달할 수 있도록 가공합니다.

• 작성이나 수정 도중, 모달의 배경을 눌러 모달에서 이탈하려고 하면 다이얼로그 창을 통해 유저 행동을 확인해야 합니다. (취소? 확인?)

• 상-하위로 연결되어 있는 태스크를 선택했을 경우, 상-하위를 포함한 모든 데이터[ ]를 전달받아 여러 태스크를 동시에 편집할 수 있어야 합니다.

  • 모달에 Tab UI를 통해 각 태스크를 넘나 들며 자유로운 편집이 가능해야 합니다.

• 신규 작성이 아닌, 수정의 경우 Add(작성 시간), Update(수정 시간)을 UI상에 표현해야 합니다.

  • 구체화는 안됐지만.. 프로그래스바(%) 는 어떻게 할지…

FEATURE

• Git api를 호출하여, Git Repo와 레포 내부에서 사용되는 issue template을 연동합니다.

  • template을 선택하면 에디터의 기본값으로 내용이 전달되어야 합니다.

• 검색으로 담당자를 찾고, 선택하면 해당 issue의 assignee로 등록하고 db에 반영되어야 합니다.

  • UI에는 태그로 표현합니다. (최대 3~5인?)

• 레포 내부에서 사용되는 issue의 label들을 연동하여 선택하면 db에 반영되어야 합니다.

  • UI에는 태그로 표현합니다. ( 최대 2~4개?)

• 전체 Form에 등록된 정보들을 모아서 쿼리를 요청하고 DB에 실제로 반영되어야 합니다.

• 한 번에 여러개의 태스크를 수정했을 경우, 여러 페이로드를 효율적으로 전달하여 한 번에 일괄저장으로 DB에 반영될 수 있는 방법을 고안합니다.

• 여러 태스크를 불러와 Tab이 있을 때, [ x ]를 누르면 다이알로그 창으로 유저 행동을 확인하여 선택할 경우 하위 태스크의 연결을 해제합니다.

🔗 참고할만한 자료 (선택)

관련 문서, 링크 등을 첨부해 주세요.