+ 튜토리얼
+
+ 명지인을 위한 졸업 요건 충족도 확인 서비스 ‘졸업을부탁해’ 입니다.
+ 우리 서비스의 주요 정보와 사용법을 확인해보세요
+
+
+
+ {TUTORIAL_FEATRUE.map((feature, index) => (
+
+ ))}
+
+
+
+ 정보 제공을 위해서는 여러분의 이수과목 정보가 필요합니다.
+
PDF 업로드를 진행해주세요.
+
+
+
+ {TUTORIAL_UPLOAD.map((feature, index) => (
+
+ ))}
+
+
+
+ );
+}
+
+export default TutorialPage;
diff --git a/app/globals.css b/app/globals.css
index 9e2a0fdf..444d1be0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -29,6 +29,7 @@ a {
::-webkit-scrollbar {
width: 10px;
+ height: 10px;
}
::-webkit-scrollbar-track {
diff --git a/app/hooks/useDialog.tsx b/app/hooks/useDialog.tsx
index d46f2212..c720264e 100644
--- a/app/hooks/useDialog.tsx
+++ b/app/hooks/useDialog.tsx
@@ -11,6 +11,12 @@ export default function useDialog(key: DialogKey, onClose?: () => void) {
setOpenDialogList([key, true]);
};
+ const close = () => {
+ setOpenDialogList([key, false]);
+
+ onClose?.();
+ };
+
const toggle = () => {
const prevState = isOpenDialogList[key];
setOpenDialogList([key, !prevState]);
@@ -18,5 +24,5 @@ export default function useDialog(key: DialogKey, onClose?: () => void) {
if (prevState) onClose?.();
};
- return { isOpen, open, toggle };
+ return { isOpen, open, toggle, close };
}
diff --git a/app/ui/result/result-category-detail-content/result-category-detail-content.skeleton.tsx b/app/ui/result/result-category-detail-content/result-category-detail-content.skeleton.tsx
index 27f5ea6d..cf61df5b 100644
--- a/app/ui/result/result-category-detail-content/result-category-detail-content.skeleton.tsx
+++ b/app/ui/result/result-category-detail-content/result-category-detail-content.skeleton.tsx
@@ -1,5 +1,5 @@
import LabelContainerSkeleton from '@/app/ui/view/atom/label-container/label-container.skeleton';
-import Skeleton from '@/app/ui/view/atom/skeleton';
+import Skeleton from '@/app/utils/skeleton';
export default function ResultCategoryDetailContentSkeleton() {
return (
diff --git a/app/ui/view/molecule/image-card/image-card.stories.tsx b/app/ui/view/molecule/image-card/image-card.stories.tsx
new file mode 100644
index 00000000..1cc1c22b
--- /dev/null
+++ b/app/ui/view/molecule/image-card/image-card.stories.tsx
@@ -0,0 +1,20 @@
+import featureIamge from '@/public/assets/tutorial/tutorial-feature1.png';
+import type { Meta, StoryObj } from '@storybook/react';
+import ImageCard, { ImageCardProps } from './image-card';
+
+const meta = {
+ title: 'ui/view/molecule/ImageCard',
+ component: ImageCard,
+} as Meta