반응형 Task4 Jira-clone - Task 상세 페이지 및 Task 전용 페이지 구현 https://www.youtube.com/watch?v=37v63U7-iG0 5:03 1. Task 전용 페이지 생성 1-1. Tasks 페이지 라우트 생성 워크스페이스의 모든 태스크를 보여주는 전용 페이지프로젝트 필터를 포함한 모든 필터 옵션 제공 src/app/(dashboard)/workspaces/[workspaceId]/tasks/page.tsximport { getCurrent } from "@/features/auth/queries"import { TaskViewSwitcher } from "@/features/tasks/component/task-view-switcher";import { redirect } from "next/navigation";const TasksPage = asyn.. 2025. 12. 8. Jira-clone - Task 관리 기능 구현 (삭제/수정/네비게이션) https://www.youtube.com/watch?v=37v63U7-iG03:08 Task 삭제 및 수정 기능 구현 1. Task 타입에 workspaceId 추가권한 검증을 위해 Task 타입에 workspaceId 필드를 추가src/features/tasks/types.tsexport type Task = Models.Document & { name: string; status: TaskStatus; workspaceId: string; assigneeId: string; projectId: string; position: number; dueDate: string} 2. 백엔드: Delete API 구현Task를 삭제하기 전에 해당 workspace의 멤버.. 2025. 11. 21. Jira-clone - TanStack Table로 작업 관리 테이블 만들기 https://www.youtube.com/watch?v=37v63U7-iG02:38:40 1. 설치 및 초기 설정먼저 TanStack Table을 설치https://ui.shadcn.com/docs/components/data-table Data TablePowerful table and datagrids built using TanStack Table.ui.shadcn.combun add @tanstack/react-table@8.20.5 2. 타입 정의작업(Task) 데이터의 구조를 정의 (src/features/tasks/types.ts)export type Task = Models.Document & { name: string; status: TaskStatus; assigne.. 2025. 11. 19. Jira-clone - Task View Switcher와 Data Filters 구현 정리 https://www.youtube.com/watch?v=37v63U7-iG02:11:16 * 주요기능3가지 뷰: Table, Kanban, Calendar 전환4가지 필터: Status, Assignee, Project, Due DateURL 상태 관리: 새로고침해도 선택한 뷰와 필터 유지실시간 필터링: 필터 변경 시 즉시 작업 목록 업데이트로딩 상태: 데이터 로딩 중 스피너 표시 기본 Task View Switcher 구현- src/features/tasks/component/task-view-switcher.tsx// src/features/tasks/component/task-view-switcher.tsxexport const TaskViewSwitcher = () => { // 1. 현재.. 2025. 11. 13. 이전 1 다음 반응형
