-
-
- Deploy Now
-
+
+
+
+ MOIM
+
+
+ 번거로운 일정 조율은 그만.
+
링크 하나로 모두의 빈 시간을 찾아보세요.
+
+
+
+
+
);
}
diff --git a/src/app/schedule/[id]/page.tsx b/src/app/schedule/[id]/page.tsx
new file mode 100644
index 0000000..77ba88f
--- /dev/null
+++ b/src/app/schedule/[id]/page.tsx
@@ -0,0 +1,27 @@
+/**
+ * 스케줄링 참여 페이지 (스켈레톤)
+ *
+ * PRD 3.2~3.3 — 참여자가 공유 링크를 통해 진입하는 페이지.
+ * [id]는 동적 라우트로, 각 스케줄링 세션을 구분한다.
+ *
+ * 경로 예: /schedule/abc123 → id = 'abc123'
+ *
+ * 이 페이지에서 참여자가:
+ * - 캘린더 연동 (플로우 A)
+ * - 수동 입력 (플로우 B)
+ * 중 하나를 선택한다.
+ */
+
+export default function ScheduleParticipantPage({
+ params,
+}: {
+ params: { id: string };
+}) {
+ return (
+
+ 일정 참여
+ 세션 ID: {params.id}
+ {/* TODO: 캘린더 연동 / 수동 입력 선택 UI */}
+
+ );
+}
diff --git a/src/app/schedule/create/page.tsx b/src/app/schedule/create/page.tsx
new file mode 100644
index 0000000..7d87a94
--- /dev/null
+++ b/src/app/schedule/create/page.tsx
@@ -0,0 +1,15 @@
+/**
+ * 일정 생성 페이지 (스켈레톤)
+ *
+ * PRD 3.1 4단계 — "일정 잡기 생성: 제목, 예상 소요시간, 후보 날짜 범위 설정"
+ * 호스트가 새로운 스케줄링 세션을 만드는 페이지.
+ */
+
+export default function CreateSchedulePage() {
+ return (
+
+ 새 일정 만들기
+ {/* TODO: 제목, 소요시간, 후보 날짜 범위 폼 구현 */}
+
+ );
+}
diff --git a/src/components/schedule/AvailabilityResult.tsx b/src/components/schedule/AvailabilityResult.tsx
new file mode 100644
index 0000000..a2b789c
--- /dev/null
+++ b/src/components/schedule/AvailabilityResult.tsx
@@ -0,0 +1,26 @@
+/**
+ * AvailabilityResult — 공통 가용시간 결과 표시 (스켈레톤)
+ *
+ * PRD 5.2의 "공통 가능 시간: 현재까지 완료한 사람 기준 실시간 업데이트" 컴포넌트.
+ *
+ * TODO: UI 구현 후 React Testing Library로 테스트 작성
+ */
+
+export default function AvailabilityResult() {
+ return (
+
+
+ 공통 가능 시간
+
+
+ {/* TODO: 가용시간 결과 UI 구현 */}
+
+ 모든 참여자의 데이터를 취합하여 결과를 보여줍니다.
+
+
+ );
+}
diff --git a/src/components/schedule/ParticipantList.tsx b/src/components/schedule/ParticipantList.tsx
new file mode 100644
index 0000000..3e90a51
--- /dev/null
+++ b/src/components/schedule/ParticipantList.tsx
@@ -0,0 +1,21 @@
+/**
+ * ParticipantList — 참여자 현황 목록 (스켈레톤)
+ *
+ * PRD 5.2의 "참여자 목록: 각 참여자별 연동 상태 (완료/대기 중)" 컴포넌트.
+ *
+ * TODO: UI 구현 후 React Testing Library로 테스트 작성
+ */
+
+export default function ParticipantList() {
+ return (
+
+ 참여자 목록
+
+ {/* TODO: 참여자 목록 UI 구현 */}
+ -
+ 참여자를 불러오는 중...
+
+
+
+ );
+}
diff --git a/src/components/schedule/TimeGrid.tsx b/src/components/schedule/TimeGrid.tsx
new file mode 100644
index 0000000..5c973cf
--- /dev/null
+++ b/src/components/schedule/TimeGrid.tsx
@@ -0,0 +1,25 @@
+/**
+ * TimeGrid — When2meet 스타일 시간 선택 그리드 (스켈레톤)
+ *
+ * PRD 3.3의 "시간표에서 가능한 시간 클릭" UI 컴포넌트.
+ * 비연동 참여자가 수동으로 가능한 시간을 선택하는 그리드.
+ *
+ * TODO: UI 구현 후 React Testing Library로 테스트 작성
+ */
+
+export default function TimeGrid() {
+ return (
+
+ {/* TODO: 시간 그리드 UI 구현 */}
+
시간표
+
+ 가능한 시간을 드래그하여 선택하세요.
+
+
+ );
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index f061d1f..129d559 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,16 +1,14 @@
-"use client"
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva, type VariantProps } from "class-variance-authority";
-import { Button as ButtonPrimitive } from "@base-ui/react/button"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
const buttonVariants = cva(
- "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+ "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
{
variants: {
variant: {
- default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
outline:
"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
secondary:
@@ -18,29 +16,22 @@ const buttonVariants = cva(
ghost:
"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
destructive:
- "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+ "bg-destructive text-destructive-foreground hover:bg-destructive/90",
link: "text-primary underline-offset-4 hover:underline",
},
size: {
- default:
- "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
- xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
- sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
- lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
- icon: "size-8",
- "icon-xs":
- "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
- "icon-sm":
- "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
- "icon-lg": "size-9",
+ default: "h-10 px-4 py-2",
+ sm: "h-9 rounded-md px-3",
+ lg: "h-11 rounded-md px-8",
+ icon: "h-10 w-10",
},
},
defaultVariants: {
variant: "default",
size: "default",
},
- }
-)
+ },
+);
function Button({
className,
@@ -54,7 +45,7 @@ function Button({
className={cn(buttonVariants({ variant, size, className }))}
{...props}
/>
- )
+ );
}
-export { Button, buttonVariants }
+export { Button, buttonVariants };
diff --git a/src/features/calendar/lib/auth.ts b/src/features/calendar/lib/auth.ts
deleted file mode 100644
index 4142fac..0000000
--- a/src/features/calendar/lib/auth.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { createClient } from "@/shared/lib/supabase/server";
-
-/**
- * Google OAuth 로그인 URL 생성
- * Supabase Auth + Google Calendar scope 통합
- * PRD B안: OAuth 한 번으로 로그인 + 캘린더 연동 동시 처리
- */
-export async function getGoogleOAuthUrl(redirectTo?: string) {
- const supabase = await createClient();
-
- const { data, error } = await supabase.auth.signInWithOAuth({
- provider: "google",
- options: {
- redirectTo: redirectTo ?? `${process.env.NEXT_PUBLIC_SITE_URL}/callback`,
- scopes: "https://www.googleapis.com/auth/calendar.readonly",
- queryParams: {
- access_type: "offline", // refresh_token 발급을 위해 필수
- prompt: "consent", // 매번 동의 화면 표시 → refresh_token 보장
- },
- },
- });
-
- if (error) {
- throw new Error(`OAuth URL generation failed: ${error.message}`);
- }
-
- return data.url;
-}
diff --git a/src/features/calendar/lib/google.ts b/src/features/calendar/lib/google.ts
deleted file mode 100644
index 34d3877..0000000
--- a/src/features/calendar/lib/google.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Google Calendar API 유틸
- * PRD 4.1: 캘린더 내용은 저장하지 않고, 가용/불가용 여부만 추출
- */
-
-interface GoogleEvent {
- start: { dateTime?: string; date?: string };
- end: { dateTime?: string; date?: string };
- transparency?: string; // "transparent" = 자유, "opaque" = 바쁨(기본값)
-}
-
-interface BusySlot {
- start: string; // ISO 8601
- end: string;
-}
-
-const GOOGLE_CALENDAR_API = "https://www.googleapis.com/calendar/v3";
-
-/**
- * Google access token 갱신
- */
-export async function refreshGoogleToken(refreshToken: string): Promise<{
- access_token: string;
- expires_in: number;
-}> {
- const res = await fetch("https://oauth2.googleapis.com/token", {
- method: "POST",
- headers: { "Content-Type": "application/x-www-form-urlencoded" },
- body: new URLSearchParams({
- client_id: process.env.GOOGLE_CLIENT_ID!,
- client_secret: process.env.GOOGLE_CLIENT_SECRET!,
- refresh_token: refreshToken,
- grant_type: "refresh_token",
- }),
- });
-
- if (!res.ok) {
- throw new Error(`Token refresh failed: ${res.status}`);
- }
-
- return res.json();
-}
-
-/**
- * 특정 기간의 바쁜 시간(busy slots)만 추출
- * PRD: 캘린더 내용 저장 안 함, 가용/불가용 여부만
- */
-export async function getGoogleBusySlots(
- accessToken: string,
- calendarId: string,
- timeMin: string,
- timeMax: string
-): Promise
{
- // FreeBusy API로 바쁜 시간만 조회 (이벤트 내용 노출 없음)
- const res = await fetch(`${GOOGLE_CALENDAR_API}/freeBusy`, {
- method: "POST",
- headers: {
- Authorization: `Bearer ${accessToken}`,
- "Content-Type": "application/json",
- },
- body: JSON.stringify({
- timeMin,
- timeMax,
- timeZone: "Asia/Seoul",
- items: [{ id: calendarId }],
- }),
- });
-
- if (!res.ok) {
- throw new Error(`FreeBusy query failed: ${res.status}`);
- }
-
- const data = await res.json();
- const calendar = data.calendars?.[calendarId];
-
- if (!calendar?.busy) {
- return [];
- }
-
- return calendar.busy.map((slot: { start: string; end: string }) => ({
- start: slot.start,
- end: slot.end,
- }));
-}
diff --git a/src/lib/scheduling/__tests__/availability.test.ts b/src/lib/scheduling/__tests__/availability.test.ts
new file mode 100644
index 0000000..67a225c
--- /dev/null
+++ b/src/lib/scheduling/__tests__/availability.test.ts
@@ -0,0 +1,138 @@
+/**
+ * findCommonSlots 테스트
+ *
+ * TDD Red→Green→Refactor 사이클의 "Red" 단계에서 먼저 작성된 테스트.
+ * 이 테스트들이 실패하는 상태에서 availability.ts를 구현하여 통과시켰다.
+ *
+ * 테스트 파일이 대상 코드 바로 옆(__tests__/)에 있는 이유:
+ * - 관련 파일을 한눈에 볼 수 있어 유지보수가 쉬움
+ * - AI에게 "이 파일 테스트 작성해줘"라고 할 때 컨텍스트 파악이 빠름
+ * - pytest의 test_*.py 파일이 대상 모듈 옆에 있는 것과 같은 패턴
+ */
+
+import { describe, test, expect } from "vitest";
+import { findCommonSlots } from "../availability";
+import type { ParticipantAvailability } from "@/types/schedule";
+
+describe("findCommonSlots - 공통 가용시간 교집합", () => {
+ test("두 참여자의 겹치는 시간대를 반환한다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [{ day: "MON", startHour: 10, endHour: 15 }],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "MON", startHour: 13, endHour: 18 }],
+ };
+
+ const result = findCommonSlots([userA, userB]);
+
+ expect(result).toEqual([{ day: "MON", startHour: 13, endHour: 15 }]);
+ });
+
+ test("겹치는 시간이 없으면 빈 배열을 반환한다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [{ day: "MON", startHour: 9, endHour: 12 }],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "MON", startHour: 14, endHour: 17 }],
+ };
+
+ const result = findCommonSlots([userA, userB]);
+
+ expect(result).toEqual([]);
+ });
+
+ test("참여자가 한 명이면 그 사람의 가용시간을 그대로 반환한다", () => {
+ const solo: ParticipantAvailability = {
+ userId: "solo",
+ available: [{ day: "TUE", startHour: 10, endHour: 14 }],
+ };
+
+ const result = findCommonSlots([solo]);
+
+ expect(result).toEqual([{ day: "TUE", startHour: 10, endHour: 14 }]);
+ });
+
+ test("빈 참여자 배열이면 빈 배열을 반환한다", () => {
+ const result = findCommonSlots([]);
+ expect(result).toEqual([]);
+ });
+
+ test("세 명 이상의 교집합을 계산한다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [{ day: "WED", startHour: 9, endHour: 17 }],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "WED", startHour: 12, endHour: 20 }],
+ };
+ const userC: ParticipantAvailability = {
+ userId: "c",
+ available: [{ day: "WED", startHour: 14, endHour: 18 }],
+ };
+
+ const result = findCommonSlots([userA, userB, userC]);
+
+ // 9~17 ∩ 12~20 = 12~17, 12~17 ∩ 14~18 = 14~17
+ expect(result).toEqual([{ day: "WED", startHour: 14, endHour: 17 }]);
+ });
+
+ test("서로 다른 요일은 교집합이 없다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [{ day: "MON", startHour: 10, endHour: 15 }],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "TUE", startHour: 10, endHour: 15 }],
+ };
+
+ const result = findCommonSlots([userA, userB]);
+
+ expect(result).toEqual([]);
+ });
+
+ test("한 요일에 여러 슬롯이 있는 경우를 제대로 처리한다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [
+ { day: "MON", startHour: 10, endHour: 12 },
+ { day: "MON", startHour: 14, endHour: 16 },
+ ],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "MON", startHour: 11, endHour: 15 }],
+ };
+
+ const result = findCommonSlots([userA, userB]);
+
+ // A: 10~12, 14~16
+ // B: 11~15
+ // 교집합: 11~12, 14~15
+ expect(result).toEqual([
+ { day: "MON", startHour: 11, endHour: 12 },
+ { day: "MON", startHour: 14, endHour: 15 },
+ ]);
+ });
+
+ test("시작 시간과 종료 시간이 같은 슬롯은 교집합에서 무시하거나 빈 범위를 만든다", () => {
+ const userA: ParticipantAvailability = {
+ userId: "a",
+ available: [{ day: "MON", startHour: 10, endHour: 10 }],
+ };
+ const userB: ParticipantAvailability = {
+ userId: "b",
+ available: [{ day: "MON", startHour: 9, endHour: 11 }],
+ };
+
+ const result = findCommonSlots([userA, userB]);
+
+ // 교집합은 10~10으로 크기가 0이므로 실제 유효 슬롯이 아님 (하지만 방어 로직대로 동작)
+ expect(result).toEqual([]);
+ });
+});
diff --git a/src/lib/scheduling/availability.ts b/src/lib/scheduling/availability.ts
new file mode 100644
index 0000000..21a8afb
--- /dev/null
+++ b/src/lib/scheduling/availability.ts
@@ -0,0 +1,73 @@
+/**
+ * findCommonSlots — 여러 참여자의 공통 가용시간 교집합을 구한다
+ *
+ * MOIM 서비스의 핵심 알고리즘.
+ * PRD 4.6 "통합 가용시간 산출 로직"의 구현체.
+ *
+ * 원리:
+ * 1. 같은 요일끼리 그룹핑
+ * 2. 각 요일에서 모든 참여자의 시간 범위 교집합을 계산
+ * 3. 교집합이 존재하는 슬롯만 반환
+ *
+ * 왜 순수 함수로 분리하나?
+ * - React/Next.js와 독립적이라 테스트가 매우 쉽다
+ * - 입력 → 출력만 검증하면 되므로 TDD에 최적
+ * - Python으로 비유하면, FastAPI 라우터가 아니라 utils.py에 있는 계산 함수
+ */
+
+import type { ParticipantAvailability, TimeSlot } from "@/types/schedule";
+
+/**
+ * 여러 참여자의 가용시간 중 모두가 겹치는 공통 시간대를 찾는다.
+ *
+ * @param participants - 각 참여자의 가용시간 배열
+ * @returns 모든 참여자가 동시에 가능한 TimeSlot 배열
+ *
+ * @example
+ * // A: 월 10~15시, B: 월 13~18시 → 교집합: 월 13~15시
+ * findCommonSlots([
+ * { userId: 'a', available: [{ day: 'MON', startHour: 10, endHour: 15 }] },
+ * { userId: 'b', available: [{ day: 'MON', startHour: 13, endHour: 18 }] },
+ * ])
+ * // → [{ day: 'MON', startHour: 13, endHour: 15 }]
+ */
+export function findCommonSlots(
+ participants: ParticipantAvailability[],
+): TimeSlot[] {
+ if (participants.length === 0) return [];
+ if (participants.length === 1) return participants[0].available;
+
+ // 첫 번째 참여자의 슬롯에서 시작하여 나머지와 교집합을 누적
+ let commonSlots = participants[0].available;
+
+ for (let i = 1; i < participants.length; i++) {
+ commonSlots = intersectSlots(commonSlots, participants[i].available);
+ // 교집합이 비면 더 이상 계산할 필요 없음 (조기 종료)
+ if (commonSlots.length === 0) return [];
+ }
+
+ return commonSlots;
+}
+
+/**
+ * 두 슬롯 배열의 교집합을 구한다.
+ * 같은 요일의 시간 범위가 겹치는 부분만 추출.
+ */
+function intersectSlots(slotsA: TimeSlot[], slotsB: TimeSlot[]): TimeSlot[] {
+ const result: TimeSlot[] = [];
+
+ for (const a of slotsA) {
+ for (const b of slotsB) {
+ if (a.day !== b.day) continue;
+
+ const start = Math.max(a.startHour, b.startHour);
+ const end = Math.min(a.endHour, b.endHour);
+
+ if (start < end) {
+ result.push({ day: a.day, startHour: start, endHour: end });
+ }
+ }
+ }
+
+ return result;
+}
diff --git a/src/lib/scheduling/ics-parser.ts b/src/lib/scheduling/ics-parser.ts
new file mode 100644
index 0000000..012bb00
--- /dev/null
+++ b/src/lib/scheduling/ics-parser.ts
@@ -0,0 +1,24 @@
+/**
+ * .ics 파일 파서 (스켈레톤)
+ *
+ * PRD 4.5 — .ics는 캘린더 앱에서 내보내기한 표준 파일 형식.
+ * 네이버/다음 캘린더 등 OAuth 미지원 캘린더에서 일정을 가져올 때 사용.
+ *
+ * TODO: TDD로 구현 예정
+ * 1. .ics 파일 내용을 파싱하여 VEVENT 블록 추출
+ * 2. DTSTART/DTEND를 TimeSlot으로 변환
+ * 3. 반복 이벤트(RRULE) 처리
+ */
+
+import type { TimeSlot } from "@/types/schedule";
+
+/**
+ * .ics 파일 텍스트를 파싱하여 TimeSlot 배열로 변환한다.
+ *
+ * @param icsContent - .ics 파일의 텍스트 내용
+ * @returns 파싱된 TimeSlot 배열 (막혀있는 시간)
+ */
+export function parseIcsToSlots(_icsContent: string): TimeSlot[] {
+ // TODO: TDD — 테스트 먼저 작성 후 구현
+ throw new Error("Not implemented yet");
+}
diff --git a/src/lib/scheduling/time-slot.ts b/src/lib/scheduling/time-slot.ts
new file mode 100644
index 0000000..0a02569
--- /dev/null
+++ b/src/lib/scheduling/time-slot.ts
@@ -0,0 +1,22 @@
+/**
+ * 시간 슬롯 유틸리티 (스켈레톤)
+ *
+ * TimeSlot 관련 헬퍼 함수들.
+ * 정렬, 병합, 빈 시간 추출 등.
+ *
+ * TODO: TDD로 구현 예정
+ */
+
+import type { TimeSlot } from "@/types/schedule";
+
+/** 슬롯 배열을 요일→시작시간 순으로 정렬 */
+export function sortSlots(_slots: TimeSlot[]): TimeSlot[] {
+ // TODO: TDD — 테스트 먼저 작성 후 구현
+ throw new Error("Not implemented yet");
+}
+
+/** 겹치는 슬롯을 하나로 병합 */
+export function mergeOverlapping(_slots: TimeSlot[]): TimeSlot[] {
+ // TODO: TDD — 테스트 먼저 작성 후 구현
+ throw new Error("Not implemented yet");
+}
diff --git a/src/lib/supabase/client.ts b/src/lib/supabase/client.ts
new file mode 100644
index 0000000..9aee907
--- /dev/null
+++ b/src/lib/supabase/client.ts
@@ -0,0 +1,17 @@
+/**
+ * Supabase 클라이언트 (스켈레톤)
+ *
+ * 브라우저(클라이언트 사이드)에서 Supabase에 접근하는 클라이언트.
+ * React 컴포넌트에서 사용.
+ *
+ * TODO: Supabase URL + anon key 연결 후 구현
+ */
+
+// import { createBrowserClient } from '@supabase/ssr'
+//
+// export function createClient() {
+// return createBrowserClient(
+// process.env.NEXT_PUBLIC_SUPABASE_URL!,
+// process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+// )
+// }
diff --git a/src/lib/supabase/server.ts b/src/lib/supabase/server.ts
new file mode 100644
index 0000000..e9086b1
--- /dev/null
+++ b/src/lib/supabase/server.ts
@@ -0,0 +1,23 @@
+/**
+ * Supabase 서버 클라이언트 (스켈레톤)
+ *
+ * 서버 사이드(Next.js Server Components, API Routes)에서
+ * Supabase에 접근하는 클라이언트.
+ *
+ * 주의: 서버에서는 NEXT_PUBLIC_ prefix가 없는 키를 사용해야 함.
+ * NEXT_PUBLIC_ 변수는 클라이언트 번들에 노출되므로 보안 위험!
+ *
+ * TODO: Supabase URL + service role key 연결 후 구현
+ */
+
+// import { createServerClient } from '@supabase/ssr'
+// import { cookies } from 'next/headers'
+//
+// export function createServerSupabaseClient() {
+// const cookieStore = cookies()
+// return createServerClient(
+// process.env.NEXT_PUBLIC_SUPABASE_URL!,
+// process.env.SUPABASE_SERVICE_ROLE_KEY!, // ⚠️ NEXT_PUBLIC_ 없이! 서버 전용
+// { cookies: { ... } }
+// )
+// }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
deleted file mode 100644
index bd0c391..0000000
--- a/src/lib/utils.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs))
-}
diff --git a/src/middleware.ts b/src/middleware.ts
deleted file mode 100644
index 9a079bc..0000000
--- a/src/middleware.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { type NextRequest } from "next/server";
-import { updateSession } from "@/shared/lib/supabase/middleware";
-
-export async function middleware(request: NextRequest) {
- return await updateSession(request);
-}
-
-export const config = {
- matcher: [
- /*
- * Match all request paths except for the ones starting with:
- * - _next/static (static files)
- * - _next/image (image optimization files)
- * - favicon.ico (favicon file)
- * Feel free to modify this pattern to include more paths.
- */
- "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
- ],
-};
diff --git a/src/shared/lib/supabase/client.ts b/src/shared/lib/supabase/client.ts
deleted file mode 100644
index 9f2891b..0000000
--- a/src/shared/lib/supabase/client.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { createBrowserClient } from "@supabase/ssr";
-
-export function createClient() {
- return createBrowserClient(
- process.env.NEXT_PUBLIC_SUPABASE_URL!,
- process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
- );
-}
diff --git a/src/shared/lib/supabase/middleware.ts b/src/shared/lib/supabase/middleware.ts
deleted file mode 100644
index ac58b73..0000000
--- a/src/shared/lib/supabase/middleware.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { createServerClient } from "@supabase/ssr";
-import { NextResponse, type NextRequest } from "next/server";
-
-export async function updateSession(request: NextRequest) {
- let supabaseResponse = NextResponse.next({
- request,
- });
-
- const supabase = createServerClient(
- process.env.NEXT_PUBLIC_SUPABASE_URL!,
- process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
- {
- cookies: {
- getAll() {
- return request.cookies.getAll();
- },
- setAll(cookiesToSet) {
- cookiesToSet.forEach(({ name, value }) =>
- request.cookies.set(name, value)
- );
- supabaseResponse = NextResponse.next({
- request,
- });
- cookiesToSet.forEach(({ name, value, options }) =>
- supabaseResponse.cookies.set(name, value, options)
- );
- },
- },
- }
- );
-
- // Do not run code between createServerClient and supabase.auth.getUser().
- // A simple mistake could make it very hard to debug issues with users being
- // randomly logged out.
- await supabase.auth.getUser();
-
- return supabaseResponse;
-}
diff --git a/src/shared/lib/supabase/server.ts b/src/shared/lib/supabase/server.ts
deleted file mode 100644
index 07ce742..0000000
--- a/src/shared/lib/supabase/server.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { createServerClient } from "@supabase/ssr";
-import { cookies } from "next/headers";
-
-export async function createClient() {
- const cookieStore = await cookies();
-
- return createServerClient(
- process.env.NEXT_PUBLIC_SUPABASE_URL!,
- process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
- {
- cookies: {
- getAll() {
- return cookieStore.getAll();
- },
- setAll(cookiesToSet) {
- try {
- cookiesToSet.forEach(({ name, value, options }) =>
- cookieStore.set(name, value, options)
- );
- } catch {
- // The `setAll` method was called from a Server Component.
- // This can be ignored if you have middleware refreshing user sessions.
- }
- },
- },
- }
- );
-}
diff --git a/src/test-setup.ts b/src/test-setup.ts
new file mode 100644
index 0000000..687810d
--- /dev/null
+++ b/src/test-setup.ts
@@ -0,0 +1,9 @@
+// test-setup.ts
+// 모든 테스트 파일 실행 전에 자동으로 로드되는 전역 설정
+//
+// @testing-library/jest-dom은 DOM 요소에 대한 커스텀 매칭 함수를 제공한다.
+// 예: expect(element).toBeInTheDocument()
+// expect(element).toHaveTextContent('hello')
+//
+// Python으로 비유하면 conftest.py에서 공통 fixture를 설정하는 것과 같다.
+import "@testing-library/jest-dom";
diff --git a/src/types/schedule.ts b/src/types/schedule.ts
new file mode 100644
index 0000000..dd6368e
--- /dev/null
+++ b/src/types/schedule.ts
@@ -0,0 +1,55 @@
+/**
+ * 스케줄링 도메인 타입 정의
+ *
+ * TDD에서 가장 먼저 작성하는 것이 타입(인터페이스)이다.
+ * "이 시스템이 어떤 데이터를 다루는가?"를 코드로 선언하면,
+ * 테스트와 구현 모두 이 타입을 기준으로 작성할 수 있다.
+ *
+ * Python의 Pydantic 모델이나 dataclass와 같은 역할.
+ */
+
+/** 요일 코드 */
+export type DayCode = "MON" | "TUE" | "WED" | "THU" | "FRI" | "SAT" | "SUN";
+
+/**
+ * 시간 슬롯 — 하루 중 특정 시간대를 나타냄
+ *
+ * 예: { day: 'MON', startHour: 10, endHour: 15 }
+ * → 월요일 10시~15시
+ */
+export interface TimeSlot {
+ day: DayCode;
+ startHour: number; // 0-23
+ endHour: number; // 0-23, startHour보다 커야 함
+}
+
+/**
+ * 참여자의 가용시간 정보
+ *
+ * 각 참여자가 "나는 이 시간에 가능합니다"라고 입력한 결과.
+ * 캘린더 연동, 수동 입력, 이미지 분석 등 모든 입력 방식의
+ * 최종 출력이 이 형태로 통일된다.
+ */
+export interface ParticipantAvailability {
+ userId: string;
+ available: TimeSlot[];
+}
+
+/**
+ * 스케줄링 세션 — 호스트가 생성하는 "일정 잡기"
+ *
+ * PRD 3.1의 "일정 잡기 생성" 결과물.
+ */
+export interface ScheduleSession {
+ id: string;
+ title: string;
+ hostId: string;
+ durationMinutes: number; // 예상 소요시간
+ candidateDays: DayCode[]; // 후보 요일
+ candidateStartHour: number; // 후보 시간 범위 시작
+ candidateEndHour: number; // 후보 시간 범위 끝
+ participants: ParticipantAvailability[];
+ status: "open" | "confirmed" | "cancelled";
+ confirmedSlot?: TimeSlot; // 확정된 시간 (확정 후)
+ createdAt: string;
+}
diff --git a/src/types/user.ts b/src/types/user.ts
new file mode 100644
index 0000000..0928910
--- /dev/null
+++ b/src/types/user.ts
@@ -0,0 +1,18 @@
+/**
+ * 사용자/인증 관련 타입 정의
+ *
+ * PRD 3.1의 소셜 로그인(카카오/구글) 결과 사용자 정보.
+ */
+
+/** 소셜 로그인 제공자 */
+export type AuthProvider = "kakao" | "google";
+
+/** 사용자 프로필 */
+export interface User {
+ id: string;
+ email: string;
+ displayName: string;
+ avatarUrl?: string;
+ provider: AuthProvider;
+ createdAt: string;
+}
diff --git a/supabase/migrations/20260406000000_initial_schema.sql b/supabase/migrations/20260406000000_initial_schema.sql
deleted file mode 100644
index 68715a7..0000000
--- a/supabase/migrations/20260406000000_initial_schema.sql
+++ /dev/null
@@ -1,165 +0,0 @@
--- ============================================================
--- WhenToMeet MVP 1차 — 초기 스키마
--- PRD v2.2 기반: 소셜 로그인 + 게스트 하이브리드
--- ============================================================
-
--- 커스텀 타입 정의
-create type scheduling_status as enum ('open', 'confirmed', 'cancelled');
-create type participant_status as enum ('pending', 'completed');
-create type input_method as enum ('calendar', 'timetable', 'manual', 'ics');
-create type calendar_provider as enum ('google', 'apple');
-create type slot_source as enum ('calendar', 'timetable', 'manual', 'ics');
-create type analysis_status as enum ('pending', 'processing', 'completed', 'failed');
-
--- ============================================================
--- 1. profiles: auth.users 확장 + 게스트 지원
--- ============================================================
--- 소셜 로그인 사용자: id = auth.users.id, is_guest = false
--- 게스트 사용자: id = 자체 생성 UUID, is_guest = true
--- 게스트→회원 전환: anonymous_id로 매칭 후 profile 머지
-
-create table profiles (
- id uuid primary key default gen_random_uuid(),
- anonymous_id uuid unique, -- 게스트 세션 UUID (브라우저 발급)
- display_name text,
- avatar_url text,
- is_guest boolean not null default true,
- created_at timestamptz not null default now(),
- updated_at timestamptz not null default now()
-);
-
-comment on table profiles is '사용자 프로필 (소셜 로그인 + 게스트 하이브리드)';
-comment on column profiles.anonymous_id is '게스트 세션 식별용 UUID. 회원 전환 시 머지 키로 사용';
-
--- ============================================================
--- 2. scheduling_groups: 일정 잡기 그룹
--- ============================================================
--- 호스트가 생성, share_code로 참여자 초대
--- PRD: 제목, 예상 소요시간, 후보 날짜 범위
-
-create table scheduling_groups (
- id uuid primary key default gen_random_uuid(),
- host_id uuid not null references profiles(id) on delete cascade,
- title text not null,
- description text,
- duration_minutes int not null default 60, -- 예상 소요시간
- date_range_start date not null, -- 후보 날짜 시작
- date_range_end date not null, -- 후보 날짜 끝
- time_range_start time not null default '09:00', -- 하루 중 검색 시작
- time_range_end time not null default '22:00', -- 하루 중 검색 끝
- share_code text not null unique default encode(gen_random_bytes(6), 'hex'),
- status scheduling_status not null default 'open',
- confirmed_start timestamptz, -- 확정된 시작 시간
- confirmed_end timestamptz, -- 확정된 종료 시간
- created_at timestamptz not null default now(),
-
- constraint valid_date_range check (date_range_end >= date_range_start),
- constraint valid_time_range check (time_range_end > time_range_start)
-);
-
-comment on table scheduling_groups is 'PRD 3.1: 호스트가 생성하는 일정 잡기 그룹';
-
--- ============================================================
--- 3. participants: 그룹 참여자
--- ============================================================
--- PRD 3.2/3.3: 연동 참여자 + 비연동(수동) 참여자 모두 포함
-
-create table participants (
- id uuid primary key default gen_random_uuid(),
- group_id uuid not null references scheduling_groups(id) on delete cascade,
- profile_id uuid not null references profiles(id) on delete cascade,
- status participant_status not null default 'pending',
- input_method input_method, -- 어떤 방식으로 가용시간 입력했는지
- joined_at timestamptz not null default now(),
-
- unique (group_id, profile_id) -- 한 그룹에 같은 사용자 중복 참여 방지
-);
-
-comment on table participants is 'PRD 5.2: 참여자별 연동 상태 추적 (완료/대기 중)';
-
--- ============================================================
--- 4. calendar_connections: OAuth 토큰 저장
--- ============================================================
--- Google OAuth 통합 방식: Supabase Auth 로그인 시 provider_refresh_token 캡처
--- PRD 4.1: 캘린더 내용은 저장하지 않고, 가용/불가용 여부만 추출
-
-create table calendar_connections (
- id uuid primary key default gen_random_uuid(),
- profile_id uuid not null references profiles(id) on delete cascade,
- provider calendar_provider not null,
- access_token text not null,
- refresh_token text,
- token_expires_at timestamptz,
- calendar_id text default 'primary', -- 연동된 캘린더 ID
- created_at timestamptz not null default now(),
- updated_at timestamptz not null default now(),
-
- unique (profile_id, provider) -- 프로바이더당 1개 연동
-);
-
-comment on table calendar_connections is 'PRD 4.1: OAuth 토큰. 캘린더 내용 자체는 저장 안 함';
-
--- ============================================================
--- 5. availability_slots: 가용/불가 시간 슬롯
--- ============================================================
--- PRD 4.6: 모든 소스(캘린더/시간표/수동/.ics)의 통합 가용시간
--- is_available: calendar/timetable/ics → false(막힌 시간), manual → true(가능한 시간)
-
-create table availability_slots (
- id uuid primary key default gen_random_uuid(),
- participant_id uuid not null references participants(id) on delete cascade,
- slot_start timestamptz not null,
- slot_end timestamptz not null,
- is_available boolean not null, -- true=가능, false=불가
- source slot_source not null,
- created_at timestamptz not null default now(),
-
- constraint valid_slot check (slot_end > slot_start)
-);
-
-comment on table availability_slots is 'PRD 4.6: 통합 가용시간. 교집합 = 공통 가능 시간대';
-
--- 매칭 쿼리 성능을 위한 인덱스
-create index idx_slots_participant on availability_slots(participant_id);
-create index idx_slots_time_range on availability_slots(slot_start, slot_end);
-
--- ============================================================
--- 6. timetable_images: 에브리타임 등 이미지 업로드
--- ============================================================
--- PRD 4.2/4.3: 이미지 업로드 → Gemini Vision 분석 → 블록 인식
--- 에브리타임뿐 아니라 학원·근무표·알바 등 모든 시간표 이미지 범용 지원
-
-create table timetable_images (
- id uuid primary key default gen_random_uuid(),
- profile_id uuid not null references profiles(id) on delete cascade,
- storage_path text not null, -- Supabase Storage 경로
- analysis_status analysis_status not null default 'pending',
- analysis_result jsonb, -- Gemini 분석 결과 (블록 위치)
- created_at timestamptz not null default now()
-);
-
-comment on table timetable_images is 'PRD 4.2: 시간표 이미지. 학기 중 1회 업로드 후 재사용';
-
--- ============================================================
--- 유틸: updated_at 자동 갱신 트리거
--- ============================================================
-
-create or replace function update_updated_at()
-returns trigger as $$
-begin
- new.updated_at = now();
- return new;
-end;
-$$ language plpgsql;
-
-create trigger profiles_updated_at
- before update on profiles
- for each row execute function update_updated_at();
-
-create trigger calendar_connections_updated_at
- before update on calendar_connections
- for each row execute function update_updated_at();
-
-create trigger scheduling_groups_updated_at
- before update on scheduling_groups
- for each row execute function update_updated_at();
diff --git a/supabase/migrations/20260406000001_rls_policies.sql b/supabase/migrations/20260406000001_rls_policies.sql
deleted file mode 100644
index 51746a0..0000000
--- a/supabase/migrations/20260406000001_rls_policies.sql
+++ /dev/null
@@ -1,222 +0,0 @@
--- ============================================================
--- RLS 정책
--- 원칙: 모든 테이블 RLS 활성화, anon/authenticated 역할별 정의
--- ============================================================
-
--- RLS 활성화
-alter table profiles enable row level security;
-alter table scheduling_groups enable row level security;
-alter table participants enable row level security;
-alter table calendar_connections enable row level security;
-alter table availability_slots enable row level security;
-alter table timetable_images enable row level security;
-
--- ============================================================
--- profiles
--- ============================================================
-
--- 자기 프로필 조회 (로그인 사용자)
-create policy "profiles_select_own"
- on profiles for select
- to authenticated
- using (id = auth.uid());
-
--- 같은 그룹 참여자의 display_name, avatar_url 조회 (실시간 현황용)
-create policy "profiles_select_group_members"
- on profiles for select
- to authenticated
- using (
- id in (
- select p.profile_id from participants p
- where p.group_id in (
- select p2.group_id from participants p2
- where p2.profile_id = auth.uid()
- )
- )
- );
-
--- 자기 프로필 수정
-create policy "profiles_update_own"
- on profiles for update
- to authenticated
- using (id = auth.uid())
- with check (id = auth.uid());
-
--- 게스트 프로필 생성 (anonymous_id 기반)
-create policy "profiles_insert_anon"
- on profiles for insert
- to anon
- with check (is_guest = true and anonymous_id is not null);
-
--- 게스트 자기 프로필 조회
-create policy "profiles_select_anon"
- on profiles for select
- to anon
- using (is_guest = true);
-
--- ============================================================
--- scheduling_groups
--- ============================================================
-
--- 누구나 share_code로 그룹 조회 (링크 공유)
-create policy "groups_select_by_share_code"
- on scheduling_groups for select
- to anon, authenticated
- using (true);
-
--- 로그인 사용자만 그룹 생성
-create policy "groups_insert_authenticated"
- on scheduling_groups for insert
- to authenticated
- with check (host_id = auth.uid());
-
--- 호스트만 그룹 수정 (확정, 취소)
-create policy "groups_update_host"
- on scheduling_groups for update
- to authenticated
- using (host_id = auth.uid())
- with check (host_id = auth.uid());
-
--- 호스트만 그룹 삭제
-create policy "groups_delete_host"
- on scheduling_groups for delete
- to authenticated
- using (host_id = auth.uid());
-
--- ============================================================
--- participants
--- ============================================================
-
--- 같은 그룹 참여자끼리 조회 (실시간 현황: "5명 중 3명 완료")
-create policy "participants_select_group"
- on participants for select
- to anon, authenticated
- using (true);
-
--- 로그인 사용자 참여
-create policy "participants_insert_authenticated"
- on participants for insert
- to authenticated
- with check (profile_id = auth.uid());
-
--- 게스트 참여
-create policy "participants_insert_anon"
- on participants for insert
- to anon
- with check (
- profile_id in (
- select id from profiles where is_guest = true
- )
- );
-
--- 자기 참여 정보 수정 (status 업데이트)
-create policy "participants_update_own"
- on participants for update
- to authenticated
- using (profile_id = auth.uid())
- with check (profile_id = auth.uid());
-
--- ============================================================
--- calendar_connections
--- ============================================================
-
--- 자기 연동 정보만 조회
-create policy "calendar_select_own"
- on calendar_connections for select
- to authenticated
- using (profile_id = auth.uid());
-
--- 자기 연동 정보 생성
-create policy "calendar_insert_own"
- on calendar_connections for insert
- to authenticated
- with check (profile_id = auth.uid());
-
--- 자기 연동 정보 수정 (토큰 갱신)
-create policy "calendar_update_own"
- on calendar_connections for update
- to authenticated
- using (profile_id = auth.uid())
- with check (profile_id = auth.uid());
-
--- 자기 연동 정보 삭제 (연동 해제)
-create policy "calendar_delete_own"
- on calendar_connections for delete
- to authenticated
- using (profile_id = auth.uid());
-
--- ============================================================
--- availability_slots
--- ============================================================
-
--- 같은 그룹 참여자의 슬롯 조회 (매칭 계산용)
-create policy "slots_select_group"
- on availability_slots for select
- to anon, authenticated
- using (
- participant_id in (
- select id from participants
- )
- );
-
--- 자기 슬롯 생성 (로그인)
-create policy "slots_insert_authenticated"
- on availability_slots for insert
- to authenticated
- with check (
- participant_id in (
- select id from participants where profile_id = auth.uid()
- )
- );
-
--- 게스트 슬롯 생성
-create policy "slots_insert_anon"
- on availability_slots for insert
- to anon
- with check (
- participant_id in (
- select id from participants p
- join profiles pr on p.profile_id = pr.id
- where pr.is_guest = true
- )
- );
-
--- 자기 슬롯 삭제 (재입력 시)
-create policy "slots_delete_own"
- on availability_slots for delete
- to authenticated
- using (
- participant_id in (
- select id from participants where profile_id = auth.uid()
- )
- );
-
--- ============================================================
--- timetable_images
--- ============================================================
-
--- 자기 이미지만 조회
-create policy "timetable_select_own"
- on timetable_images for select
- to authenticated
- using (profile_id = auth.uid());
-
--- 자기 이미지 업로드
-create policy "timetable_insert_own"
- on timetable_images for insert
- to authenticated
- with check (profile_id = auth.uid());
-
--- 자기 이미지 수정 (분석 결과 업데이트는 Edge Function에서 service_role로)
-create policy "timetable_update_own"
- on timetable_images for update
- to authenticated
- using (profile_id = auth.uid())
- with check (profile_id = auth.uid());
-
--- ============================================================
--- Realtime 활성화 (PRD 5: 실시간 현황 표시)
--- ============================================================
-
-alter publication supabase_realtime add table participants;
-alter publication supabase_realtime add table availability_slots;
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..ffbd776
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,68 @@
+import type { Config } from "tailwindcss";
+
+/**
+ * Tailwind CSS v3 + shadcn/ui 설정
+ *
+ * shadcn/ui는 CSS 변수를 통해 테마 색상을 관리한다.
+ * globals.css에서 --background, --foreground 등을 HSL 값으로 정의하고,
+ * 여기서 hsl(var(--변수명)) 형태로 참조한다.
+ *
+ * 왜 이렇게 하나?
+ * - Tailwind의 opacity modifier(bg-primary/50)가 동작하려면
+ * 색상을 hsl() 함수로 감싸야 함
+ * - oklch는 Tailwind v3의 opacity modifier와 호환 안 됨
+ */
+const config: Config = {
+ darkMode: ["class"],
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ extend: {
+ colors: {
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ },
+ },
+ plugins: [],
+};
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index cf9c65d..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "compilerOptions": {
- "target": "ES2017",
- "lib": ["dom", "dom.iterable", "esnext"],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "bundler",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "react-jsx",
- "incremental": true,
- "plugins": [
- {
- "name": "next"
- }
- ],
- "paths": {
- "@/*": ["./src/*"]
- }
- },
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx",
- ".next/types/**/*.ts",
- ".next/dev/types/**/*.ts",
- "**/*.mts"
- ],
- "exclude": ["node_modules"]
-}
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..ed3c827
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,38 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import path from "path";
+
+export default defineConfig({
+ plugins: [react()],
+ test: {
+ // jsdom: 실제 브라우저 없이 DOM을 시뮬레이션하는 환경
+ // pytest에서 mock 객체를 쓰듯이, jsdom이 가상 브라우저 역할을 한다
+ environment: "jsdom",
+
+ // globals: true로 하면 describe, test, expect를 import 없이 사용 가능
+ // pytest처럼 함수명만으로 바로 사용하는 것과 같은 편의성
+ globals: true,
+
+ // 모든 테스트 파일 실행 전에 먼저 로드되는 설정 파일
+ setupFiles: "./src/test-setup.ts",
+
+ // src 폴더 내의 .test.ts, .test.tsx 파일만 테스트 대상으로 인식
+ include: ["src/**/*.test.{ts,tsx}"],
+
+ coverage: {
+ provider: "v8",
+ reporter: ["text", "html"],
+ thresholds: {
+ lines: 70,
+ functions: 70,
+ branches: 70,
+ },
+ },
+ },
+ resolve: {
+ alias: {
+ // tsconfig.json의 paths와 동기화 — @/로 시작하는 경로를 src/로 매핑
+ "@": path.resolve(__dirname, "./src"),
+ },
+ },
+});