feat: task 도메인 Supabase 연동

src/entities/project-column/ui/ProjectColumn.tsx

@@ -90,9 +90,25 @@ export function ProjectColumn({
           </div>
         ))}
 
-        {dragOverIndex === column.tasks.length ? (
-          <div className="bg-brand h-1 w-full rounded-full" />
-        ) : null}
+        <div
+          className={cn(
+            'mt-1 rounded-[16px] px-3 transition-all',
+            column.tasks.length === 0 ? 'min-h-[96px]' : 'min-h-[72px]',
+            dragOverIndex === column.tasks.length
+              ? 'bg-brand/6'
+              : 'bg-transparent',
+          )}
+          onDragOver={(event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            onDragOverTask(column.id, column.tasks.length);
+          }}
+          onDrop={(event) => handleDrop(event, column.tasks.length)}
+        >
+          {dragOverIndex === column.tasks.length ? (
+            <div className="bg-brand mt-2 h-1 w-full rounded-full" />
+          ) : null}
+        </div>
       </div>
     </section>
   );

src/entities/task/api/create-task.ts

@@ -0,0 +1,50 @@
+'use server';
+
+import { getCurrentUserId } from '@/shared/api/supabase/current-user';
+import { createSupabaseServerClient } from '@/shared/api/supabase/server';
+
+import { taskTitleSchema } from '../model/task.schema';
+import type { UntypedRpcClient } from './rpc-client';
+
+function getTodayIsoDateInKst() {
+  const parts = new Intl.DateTimeFormat('en-CA', {
+    timeZone: 'Asia/Seoul',
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }).formatToParts(new Date());
+
+  const year = parts.find((part) => part.type === 'year')?.value;
+  const month = parts.find((part) => part.type === 'month')?.value;
+  const day = parts.find((part) => part.type === 'day')?.value;
+
+  if (!year || !month || !day) {
+    throw new Error('현재 날짜를 계산하지 못했습니다.');
+  }
+
+  return `${year}-${month}-${day}`;
+}
+
+export async function createTask(params: { workspaceId: string; title: string }): Promise<void> {
+  const parsedTitle = taskTitleSchema.safeParse(params.title);
+
+  if (!parsedTitle.success) {
+    throw new Error(parsedTitle.error.issues[0]?.message ?? '입력값이 올바르지 않습니다');
+  }
+
+  const supabase = await createSupabaseServerClient();
+  const currentUserId = await getCurrentUserId();
+  const dueDate = getTodayIsoDateInKst();
+
+  const { error } = await (supabase as unknown as UntypedRpcClient).rpc('create_task', {
+    p_workspace_id: params.workspaceId,
+    p_title: parsedTitle.data,
+    p_user_id: currentUserId,
+    p_due_date: dueDate,
+  });
+
+  if (error) {
+    console.error('[task/createTask] RPC 실패:', error);
+    throw new Error('업무 생성에 실패했습니다. 잠시 후 다시 시도해주세요.');
+  }
+}

src/entities/task/api/delete-task.ts

@@ -0,0 +1,13 @@
+'use server';
+
+import { createSupabaseServerClient } from '@/shared/api/supabase/server';
+
+export async function deleteTask(taskId: string): Promise<void> {
+  const supabase = await createSupabaseServerClient();
+  const { error } = await supabase.from('tasks').delete().eq('id', taskId);
+
+  if (error) {
+    console.error('[task/deleteTask] delete 실패:', error);
+    throw new Error('업무 삭제에 실패했습니다. 잠시 후 다시 시도해주세요.');
+  }
+}

src/entities/task/api/get-tasks-by-workspace-id.ts

@@ -0,0 +1,22 @@
+import { getSupabaseBrowserClient } from '@/shared/api/supabase/client';
+
+import { toTask, type TaskQueryRow } from '../model/task.mapper';
+import type { Task } from '../model/task.types';
+
+export async function getTasksByWorkspaceId(workspaceId: string): Promise<Task[]> {
+  const supabase = getSupabaseBrowserClient();
+  const { data, error } = await supabase
+    .from('tasks')
+    .select(
+      'id, workspace_id, title, assignee_id, due_date, status, sort_order, assignee_profile:profiles!tasks_assignee_id_fkey(real_name)',
+    )
+    .eq('workspace_id', workspaceId)
+    .is('sprint_id', null)
+    .order('sort_order');
+
+  if (error) {
+    throw new Error(`업무 조회에 실패했습니다: ${error.message}`);
+  }
+
+  return ((data ?? []) as TaskQueryRow[]).map(toTask);
+}

src/entities/task/api/rpc-client.ts

@@ -0,0 +1,6 @@
+export type UntypedRpcClient = {
+  rpc: (
+    fn: string,
+    args?: Record<string, unknown>,
+  ) => Promise<{ data: unknown; error: { message: string } | null }>;
+};

src/entities/task/api/update-task-board.ts

@@ -0,0 +1,33 @@
+'use server';
+
+import { createSupabaseServerClient } from '@/shared/api/supabase/server';
+
+import type { TaskStatus } from '../model/task.types';
+import { updateTaskBoardSchema } from '../model/task.schema';
+import type { UntypedRpcClient } from './rpc-client';
+
+export async function updateTaskBoard(params: {
+  workspaceId: string;
+  tasks: Array<{
+    id: string;
+    status: TaskStatus;
+    sortOrder: number;
+  }>;
+}): Promise<void> {
+  const parsed = updateTaskBoardSchema.safeParse(params);
+
+  if (!parsed.success) {
+    throw new Error(parsed.error.issues[0]?.message ?? '입력값이 올바르지 않습니다');
+  }
+
+  const supabase = await createSupabaseServerClient();
+  const { error } = await (supabase as unknown as UntypedRpcClient).rpc('update_task_board', {
+    p_workspace_id: parsed.data.workspaceId,
+    p_tasks: parsed.data.tasks,
+  });
+
+  if (error) {
+    console.error('[task/updateTaskBoard] RPC 실패:', error);
+    throw new Error('업무 정렬 저장에 실패했습니다. 잠시 후 다시 시도해주세요.');
+  }
+}

src/entities/task/api/use-create-task.ts

@@ -0,0 +1,21 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { toast } from 'sonner';
+
+import { createTask } from './create-task';
+import { tasksByWorkspaceQueryKey } from './use-tasks-by-workspace-id';
+
+export function useCreateTask(workspaceId: string) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (title: string) => createTask({ workspaceId, title }),
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: tasksByWorkspaceQueryKey(workspaceId) });
+    },
+    onError: (error) => {
+      toast.error(error instanceof Error ? error.message : '업무 생성에 실패했습니다');
+    },
+  });
+}

src/entities/task/api/use-delete-task.ts

@@ -0,0 +1,21 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { toast } from 'sonner';
+
+import { deleteTask } from './delete-task';
+import { tasksByWorkspaceQueryKey } from './use-tasks-by-workspace-id';
+
+export function useDeleteTask(workspaceId: string) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (taskId: string) => deleteTask(taskId),
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: tasksByWorkspaceQueryKey(workspaceId) });
+    },
+    onError: (error) => {
+      toast.error(error instanceof Error ? error.message : '업무 삭제에 실패했습니다');
+    },
+  });
+}

src/entities/task/api/use-tasks-by-workspace-id.ts

@@ -0,0 +1,15 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+
+import { getTasksByWorkspaceId } from './get-tasks-by-workspace-id';
+
+export const tasksByWorkspaceQueryKey = (workspaceId: string) =>
+  ['tasks', 'workspace', workspaceId] as const;
+
+export function useTasksByWorkspaceId(workspaceId: string) {
+  return useQuery({
+    queryKey: tasksByWorkspaceQueryKey(workspaceId),
+    queryFn: () => getTasksByWorkspaceId(workspaceId),
+  });
+}

src/entities/task/api/use-update-task-board.ts

@@ -0,0 +1,31 @@
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { toast } from 'sonner';
+
+import type { TaskStatus } from '../model/task.types';
+import { updateTaskBoard } from './update-task-board';
+import { tasksByWorkspaceQueryKey } from './use-tasks-by-workspace-id';
+
+interface UpdateTaskBoardParams {
+  workspaceId: string;
+  tasks: Array<{
+    id: string;
+    status: TaskStatus;
+    sortOrder: number;
+  }>;
+}
+
+export function useUpdateTaskBoard(workspaceId: string) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (params: UpdateTaskBoardParams) => updateTaskBoard(params),
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: tasksByWorkspaceQueryKey(workspaceId) });
+    },
+    onError: (error) => {
+      toast.error(error instanceof Error ? error.message : '업무 정렬 저장에 실패했습니다');
+    },
+  });
+}

src/entities/task/index.ts

@@ -1,3 +1,10 @@
-export { getMockTasksByWorkspaceId } from './model/mock-tasks-by-workspace';
 export type { Task, TaskStatus } from './model/task.types';
+export type { TaskRow, TaskStatusDb } from './model/task.db.types';
+export { toTask, toDbTaskStatus, toUiTaskStatus } from './model/task.mapper';
+export { taskTitleSchema, taskBoardItemSchema, updateTaskBoardSchema } from './model/task.schema';
+export { getTasksByWorkspaceId } from './api/get-tasks-by-workspace-id';
+export { useTasksByWorkspaceId, tasksByWorkspaceQueryKey } from './api/use-tasks-by-workspace-id';
+export { useCreateTask } from './api/use-create-task';
+export { useDeleteTask } from './api/use-delete-task';
+export { useUpdateTaskBoard } from './api/use-update-task-board';
 export { TaskCard } from './ui/TaskCard';