Fix/kanban api

.env.example

@@ -0,0 +1,3 @@
+API_BASE_URL=https://fe-project-cowokers.vercel.app
+API_TEAM_ID=20-1
+NEXT_PUBLIC_APP_URL=http://localhost:3000

.gitignore

@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# MCP 설정 (API 토큰 포함)
+.mcp.json
+
 # dependencies
 /node_modules
 /.pnp
@@ -41,7 +44,78 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-
-# personal doc
-.documents/*
+# dev scripts
+scripts/refresh-dev-token.mjs
+.dev-session.json
+.documents/AI_RULES.md
+.documents/clean.md
 .documents/daily-report.md
+.documents/demands.md
+.documents/rules/_sections.md
+.documents/rules/_template.md
+.documents/rules/advanced-event-handler-refs.md
+.documents/rules/advanced-init-once.md
+.documents/rules/advanced-use-latest.md
+.documents/rules/async-api-routes.md
+.documents/rules/async-defer-await.md
+.documents/rules/async-dependencies.md
+.documents/rules/async-parallel.md
+.documents/rules/async-suspense-boundaries.md
+.documents/rules/bundle-barrel-imports.md
+.documents/rules/bundle-conditional.md
+.documents/rules/bundle-defer-third-party.md
+.documents/rules/bundle-dynamic-imports.md
+.documents/rules/bundle-preload.md
+.documents/rules/client-event-listeners.md
+.documents/rules/client-localstorage-schema.md
+.documents/rules/client-passive-event-listeners.md
+.documents/rules/client-swr-dedup.md
+.documents/rules/js-batch-dom-css.md
+.documents/rules/js-cache-function-results.md
+.documents/rules/js-cache-property-access.md
+.documents/rules/js-cache-storage.md
+.documents/rules/js-combine-iterations.md
+.documents/rules/js-early-exit.md
+.documents/rules/js-hoist-regexp.md
+.documents/rules/js-index-maps.md
+.documents/rules/js-length-check-first.md
+.documents/rules/js-min-max-loop.md
+.documents/rules/js-set-map-lookups.md
+.documents/rules/js-tosorted-immutable.md
+.documents/rules/rendering-activity.md
+.documents/rules/rendering-animate-svg-wrapper.md
+.documents/rules/rendering-conditional-render.md
+.documents/rules/rendering-content-visibility.md
+.documents/rules/rendering-hoist-jsx.md
+.documents/rules/rendering-hydration-no-flicker.md
+.documents/rules/rendering-hydration-suppress-warning.md
+.documents/rules/rendering-svg-precision.md
+.documents/rules/rendering-usetransition-loading.md
+.documents/rules/rerender-defer-reads.md
+.documents/rules/rerender-dependencies.md
+.documents/rules/rerender-derived-state-no-effect.md
+.documents/rules/rerender-derived-state.md
+.documents/rules/rerender-functional-setstate.md
+.documents/rules/rerender-lazy-state-init.md
+.documents/rules/rerender-memo-with-default-value.md
+.documents/rules/rerender-memo.md
+.documents/rules/rerender-move-effect-to-event.md
+.documents/rules/rerender-simple-expression-in-memo.md
+.documents/rules/rerender-transitions.md
+.documents/rules/rerender-use-ref-transient-values.md
+.documents/rules/server-after-nonblocking.md
+.documents/rules/server-auth-actions.md
+.documents/rules/server-cache-lru.md
+.documents/rules/server-cache-react.md
+.documents/rules/server-dedup-props.md
+.documents/rules/server-parallel-fetching.md
+.documents/rules/server-serialization.md
+.gitignore
+.claude/CLAUDE.md
+.claude/config.json
+.husky/pre-push
+.husky/pre-push
+.husky/pre-push
+coworkers-swagger.json
+.gitignore
+GEMINI.md

src/app/(root)/mypage/hooks/useUser.ts

@@ -3,8 +3,14 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 
-import { getUser, updateUser, deleteUser, changePassword, uploadImage } from '@/shared/apis/user';
-import type { UserResponse } from '@/shared/apis/user';
+import {
+  getUser,
+  updateUser,
+  deleteUser,
+  changePassword,
+  uploadImage,
+} from '@/shared/apis/user/index';
+import type { UserResponse } from '@/shared/apis/user/index';
 
 export function useUser() {
   const router = useRouter();

src/app/[teamid]/_domain/apis/group.ts

@@ -0,0 +1,37 @@
+import { requestJson, requestVoid } from '@/shared/apis/groups/http';
+import type { Group, Task, UpdateGroupBody } from './types';
+
+const GROUP_ERROR_MESSAGE = {
+  fetch: '그룹 정보 조회 실패',
+  update: '그룹 정보 수정 실패',
+  delete: '그룹 삭제 실패',
+  invitation: '초대 링크 조회 실패',
+  tasks: '그룹 작업 조회 실패',
+} as const;
+
+export function getGroup(groupId: number): Promise<Group> {
+  return requestJson<Group>(`/groups/${groupId}`, GROUP_ERROR_MESSAGE.fetch);
+}
+
+export function updateGroup(groupId: number, body: UpdateGroupBody): Promise<Group> {
+  return requestJson<Group>(`/groups/${groupId}`, GROUP_ERROR_MESSAGE.update, {
+    method: 'PATCH',
+    body: JSON.stringify(body),
+  });
+}
+
+export function deleteGroup(groupId: number): Promise<void> {
+  return requestVoid(`/groups/${groupId}`, GROUP_ERROR_MESSAGE.delete, {
+    method: 'DELETE',
+  });
+}
+
+// API 응답: 초대 토큰 문자열 (JWT) 그대로 반환
+export function getGroupInvitation(groupId: number): Promise<string> {
+  return requestJson<string>(`/groups/${groupId}/invitation`, GROUP_ERROR_MESSAGE.invitation);
+}
+
+export function getGroupTasks(groupId: number, date?: string): Promise<Task[]> {
+  const query = date ? `?date=${encodeURIComponent(date)}` : '';
+  return requestJson<Task[]>(`/groups/${groupId}/tasks${query}`, GROUP_ERROR_MESSAGE.tasks);
+}

src/app/[teamid]/_domain/apis/taskList.ts

@@ -0,0 +1,31 @@
+import { requestJson, requestVoid } from '@/shared/apis/groups/http';
+import type { TaskList } from './types';
+
+const TASK_LIST_ERROR_MESSAGE = {
+  create: '작업 목록 생성 실패',
+  fetch: '작업 목록 조회 실패',
+  delete: '작업 목록 삭제 실패',
+} as const;
+
+export function createTaskList(groupId: number, name: string): Promise<TaskList> {
+  return requestJson<TaskList>(`/groups/${groupId}/task-lists`, TASK_LIST_ERROR_MESSAGE.create, {
+    method: 'POST',
+    body: JSON.stringify({ name }),
+  });
+}
+
+export function getTaskList(groupId: number, taskListId: number, date?: string): Promise<TaskList> {
+  const query = date ? `?date=${encodeURIComponent(date)}` : '';
+  return requestJson<TaskList>(
+    `/groups/${groupId}/task-lists/${taskListId}${query}`,
+    TASK_LIST_ERROR_MESSAGE.fetch,
+  );
+}
+
+export function deleteTaskList(groupId: number, taskListId: number): Promise<void> {
+  return requestVoid(
+    `/groups/${groupId}/task-lists/${taskListId}`,
+    TASK_LIST_ERROR_MESSAGE.delete,
+    { method: 'DELETE' },
+  );
+}

src/app/[teamid]/_domain/apis/types.ts

@@ -0,0 +1,60 @@
+export type MemberRole = 'ADMIN' | 'MEMBER';
+
+export type FrequencyType = 'ONCE' | 'DAILY' | 'WEEKLY' | 'MONTHLY';
+
+export interface GroupMember {
+  userId: number;
+  groupId: number;
+  userName: string;
+  userEmail: string;
+  userImage: string;
+  role: MemberRole;
+}
+
+export interface TaskUser {
+  id: number;
+  nickname: string;
+  image: string | null;
+}
+
+export interface Task {
+  id: number;
+  name: string;
+  description: string | null;
+  date: string;
+  doneAt: string | null;
+  updatedAt: string;
+  frequency: FrequencyType;
+  recurringId: number;
+  deletedAt: string | null;
+  commentCount: number;
+  displayIndex: number;
+  writer: TaskUser | null;
+  doneBy: { user: TaskUser | null } | null;
+}
+
+export interface TaskList {
+  id: number;
+  name: string;
+  groupId: number;
+  displayIndex: number;
+  createdAt: string;
+  updatedAt: string;
+  tasks: Task[];
+}
+
+export interface Group {
+  id: number;
+  teamId: string;
+  name: string;
+  image: string;
+  createdAt: string;
+  updatedAt: string;
+  members: GroupMember[];
+  taskLists: Omit<TaskList, 'tasks'>[];
+}
+
+export interface UpdateGroupBody {
+  name?: string;
+  image?: string | null;
+}

src/app/[teamid]/_domain/components/Kanban/KanbanBoard.module.css

@@ -0,0 +1,85 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.boardHeader {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.boardTitle {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text-primary);
+  margin: 0;
+}
+
+.boardCount {
+  color: var(--color-text-default);
+  font-weight: 400;
+}
+
+.board {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  align-items: start;
+}
+
+/* 태블릿: 컬럼을 한 줄씩 세로로 쌓기 */
+@media (min-width: 768px) and (max-width: 1279px) {
+  .board {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+}
+
+/* 모바일 */
+@media (max-width: 767px) {
+  .board {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    align-items: center;
+    max-width: 100%;
+    box-sizing: border-box;
+    overflow-x: hidden;
+  }
+}
+
+.addListButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  max-width: 1140px;
+  padding: 14px 24px;
+  background: var(--color-background-primary);
+  border: 1px dashed var(--color-background-tertiary);
+  border-radius: 12px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text-default);
+  font-family: inherit;
+  transition:
+    background 0.15s,
+    color 0.15s;
+}
+
+.addListButton:hover {
+  background: var(--color-brand-secondary);
+  color: var(--color-brand-primary);
+  border-color: var(--color-brand-primary);
+}
+
+.dragOverlay {
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+  border-radius: 12px;
+  opacity: 0.92;
+  cursor: grabbing;
+}