-
- Main
-
-
-);
export default function MainPage() {
- const [isOpen, setIsOpen] = useState{SUBSCRIBE_TITLES.SUBSCRIBE_TITLE_1}
- {SUBSCRIBE_TITLES.SUBSCRIBE_TITLE_2}
-
+//
+// );
+
+export default function WorkbookPage() {
+ /** 팝업 추가 시 다시 살릴 변수들 */
+ // const [isOpen, setIsOpen] = useState{SUBSCRIBE_TITLES.SUBSCRIBE_TITLE_1}
+// {SUBSCRIBE_TITLES.SUBSCRIBE_TITLE_2}
+// Loading...
;
+ if (isError) return Error loading workbook
;
+
+ return (
+
-
+ <>
);
}
diff --git a/src/app/workbook/workbookpage.test.tsx b/src/app/workbook/workbookpage.test.tsx
new file mode 100644
index 00000000..1da3b660
--- /dev/null
+++ b/src/app/workbook/workbookpage.test.tsx
@@ -0,0 +1,88 @@
+import { render, screen, waitFor, renderHook } from '@testing-library/react';
+import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';
+import { HttpResponse, http } from 'msw';
+import { apiRoutes } from '@shared/constants/apiRoutes';
+import { expect, vi, describe, it, beforeAll, afterEach, afterAll, beforeEach } from 'vitest';
+import { server } from '@mocks/server';
+import WorkbookPage from './[id]/page';
+import { JSX, ClassAttributes, ImgHTMLAttributes, ReactNode } from 'react';
+import response from '@mocks/response';
+import { getWorkbookQueryOptions, useWorkbook } from '@workbook/remotes/getWorkbookQueryOptions';
+
+export const createQueryProviderWrapper = () => {
+ const queryClient = new QueryClient();
+ return ({ children }: { children: ReactNode }) => (
+ WorkBookPage
-
+ Day {day}
+
+ {item.title}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/workbook/components/CurriculumSection/index.tsx b/src/workbook/components/CurriculumSection/index.tsx
new file mode 100644
index 00000000..ff7f7913
--- /dev/null
+++ b/src/workbook/components/CurriculumSection/index.tsx
@@ -0,0 +1,21 @@
+import { ICurriculumItem } from "@workbook/types";
+import CurriculumItem from "../CurriculumItem";
+
+interface CurriculumSectionProps {
+ curriculumItems: ICurriculumItem[];
+}
+
+export default function CurriculumSection({
+ curriculumItems,
+}: CurriculumSectionProps) {
+ return (
+ 커리큘럼
+
+ {curriculumItems.map((item, idx) => (
+
+
+
+ 개요
+{overview}
+
+
+
+
+ {title}
+
+
+
+
+
+ 작가
+
+
+ {editors.map((editor, idx) => (
+
+ {editor.name}
+ {idx < editors.length - 1 && (
+ ·
+ )}
+
+ ))}
+
+