@edu-tosel/design 1.0.4 → 1.0.6

package/src/_components/asset/mock/people.ts

@@ -0,0 +1,291 @@
+import { Level } from "../../types/Level";
+
+export interface User {
+  id: number;
+  name: string;
+  birthday: string;
+  level: Level;
+  phone: string;
+}
+export const users: User[] | undefined = [
+  {
+    id: 1,
+    name: "홍길동",
+    birthday: "1990-01-01",
+    level: "PS",
+    phone: "010-1234-5678",
+  },
+  {
+    id: 2,
+    name: "김토셀",
+    birthday: "1995-02-02",
+    level: "PS",
+    phone: "010-2345-6789",
+  },
+  {
+    id: 3,
+    name: "히토시스리키박주니어",
+    birthday: "2000-03-03",
+    level: "ST",
+    phone: "010-3456-7890",
+  },
+  {
+    id: 4,
+    name: "Jason Seo",
+    birthday: "2005-04-04",
+    level: "HJ",
+    phone: "010-4567-8901",
+  },
+  {
+    id: 5,
+    name: "최영미",
+    birthday: "2010-05-05",
+    level: "JR",
+    phone: "010-5678-9012",
+  },
+  {
+    id: 6,
+    name: "정영철",
+    birthday: "2015-06-06",
+    level: "BA",
+    phone: "010-6789-0123",
+  },
+  {
+    id: 7,
+    name: "이영희",
+    birthday: "2000-03-03",
+    level: "ST",
+    phone: "010-3456-7890",
+  },
+  {
+    id: 8,
+    name: "박영수",
+    birthday: "2005-04-04",
+    level: "HJ",
+    phone: "010-4567-8901",
+  },
+  {
+    id: 9,
+    name: "최영미",
+    birthday: "2010-05-05",
+    level: "JR",
+    phone: "010-5678-9012",
+  },
+  {
+    id: 10,
+    name: "Michael Jackson",
+    birthday: "2015-06-06",
+    level: "BA",
+    phone: "010-6789-0123",
+  },
+  {
+    id: 11,
+    name: "박명수",
+    birthday: "1995-07-03",
+    level: "HJ",
+    phone: "010-5921-3802",
+  },
+  {
+    id: 12,
+    name: "노홍철",
+    birthday: "1993-07-14",
+    level: "ST",
+    phone: "010-9454-2481",
+  },
+  {
+    id: 13,
+    name: "김수현",
+    birthday: "1994-05-22",
+    level: "PS",
+    phone: "010-3214-6542",
+  },
+  {
+    id: 14,
+    name: "조세호",
+    birthday: "1992-02-19",
+    level: "JR",
+    phone: "010-5643-7890",
+  },
+  {
+    id: 15,
+    name: "김신영",
+    birthday: "1996-08-05",
+    level: "BA",
+    phone: "010-4321-1987",
+  },
+  {
+    id: 16,
+    name: "안정환",
+    birthday: "1991-07-27",
+    level: "HJ",
+    phone: "010-7890-4563",
+  },
+  {
+    id: 17,
+    name: "박세리",
+    birthday: "1993-03-01",
+    level: "ST",
+    phone: "010-2134-5467",
+  },
+  {
+    id: 18,
+    name: "김연아",
+    birthday: "1994-09-05",
+    level: "JR",
+    phone: "010-6789-1234",
+  },
+  {
+    id: 19,
+    name: "손나은",
+    birthday: "1995-10-10",
+    level: "PS",
+    phone: "010-9876-5432",
+  },
+  {
+    id: 20,
+    name: "최강창민",
+    birthday: "1992-04-18",
+    level: "BA",
+    phone: "010-4567-8901",
+  },
+  {
+    id: 21,
+    name: "윤아",
+    birthday: "1993-05-30",
+    level: "HJ",
+    phone: "010-1122-3344",
+  },
+  {
+    id: 22,
+    name: "이광수",
+    birthday: "1991-07-14",
+    level: "ST",
+    phone: "010-2233-4455",
+  },
+  {
+    id: 23,
+    name: "김태호",
+    birthday: "1990-11-23",
+    level: "JR",
+    phone: "010-3344-5566",
+  },
+  {
+    id: 24,
+    name: "박지성",
+    birthday: "1994-02-25",
+    level: "PS",
+    phone: "010-4455-6677",
+  },
+  {
+    id: 25,
+    name: "이승기",
+    birthday: "1992-01-13",
+    level: "BA",
+    phone: "010-5566-7788",
+  },
+  {
+    id: 26,
+    name: "공유",
+    birthday: "1993-07-10",
+    level: "HJ",
+    phone: "010-6677-8899",
+  },
+  {
+    id: 27,
+    name: "손흥민",
+    birthday: "1992-07-08",
+    level: "ST",
+    phone: "010-7788-9900",
+  },
+  {
+    id: 28,
+    name: "이민호",
+    birthday: "1991-06-22",
+    level: "JR",
+    phone: "010-8899-0011",
+  },
+  {
+    id: 29,
+    name: "배수지",
+    birthday: "1994-10-10",
+    level: "PS",
+    phone: "010-9900-1122",
+  },
+  {
+    id: 30,
+    name: "강다니엘",
+    birthday: "1996-12-10",
+    level: "BA",
+    phone: "010-0011-2233",
+  },
+  {
+    id: 31,
+    name: "진지희",
+    birthday: "1995-08-25",
+    level: "HJ",
+    phone: "010-1122-3344",
+  },
+  {
+    id: 32,
+    name: "이효리",
+    birthday: "1993-05-10",
+    level: "ST",
+    phone: "010-2233-4455",
+  },
+  {
+    id: 33,
+    name: "양세형",
+    birthday: "1991-08-09",
+    level: "JR",
+    phone: "010-3344-5566",
+  },
+  {
+    id: 34,
+    name: "정준하",
+    birthday: "1992-03-18",
+    level: "PS",
+    phone: "010-4455-6677",
+  },
+  {
+    id: 35,
+    name: "하하",
+    birthday: "1994-07-20",
+    level: "BA",
+    phone: "010-5566-7788",
+  },
+  {
+    id: 36,
+    name: "김종국",
+    birthday: "1995-04-25",
+    level: "HJ",
+    phone: "010-6677-8899",
+  },
+  {
+    id: 37,
+    name: "정형돈",
+    birthday: "1993-02-07",
+    level: "ST",
+    phone: "010-7788-9900",
+  },
+  {
+    id: 38,
+    name: "송민호",
+    birthday: "1994-03-30",
+    level: "JR",
+    phone: "010-8899-0011",
+  },
+  {
+    id: 39,
+    name: "강호동",
+    birthday: "1991-06-11",
+    level: "PS",
+    phone: "010-9900-1122",
+  },
+  {
+    id: 40,
+    name: "유재석",
+    birthday: "1972-08-14",
+    level: "BA",
+    phone: "010-0011-2233",
+  },
+];

package/src/_components/asset/mock/test.ts

@@ -0,0 +1,67 @@
+import { HTMLElementSetting } from "../../../interface";
+import { Level } from "../../types/Level";
+
+export interface User {
+  id: number;
+  name: string;
+  birthday: string;
+  level: Level;
+  phone: string;
+}
+
+export const settings: HTMLElementSetting = {
+  id: {
+    label: "ID",
+    type: "input",
+  },
+  level: {
+    label: "레벨",
+    type: "select" as const,
+    options: [
+      ["PS", "Pre-Starter"],
+      ["ST", "Starter"],
+      ["BA", "Basic"],
+      ["JR", "Junior"],
+      ["HJ", "High Junior"],
+    ] as [string, string][],
+  },
+};
+
+export const users: User[] | undefined = [
+  {
+    id: 1,
+    name: "홍길동",
+    birthday: "1990-01-01",
+    level: "PS",
+    phone: "010-1234-5678",
+  },
+  {
+    id: 2,
+    name: "김토셀",
+    birthday: "1995-02-02",
+    level: "PS",
+    phone: "010-2345-6789",
+  },
+];
+
+interface UserLog {
+  id: number;
+  title: string;
+  paymentKey: string;
+  date: string;
+}
+
+export const userLogs: UserLog[] | undefined = [
+  {
+    id: 1,
+    title: "정기시험 1회 응시",
+    paymentKey: "1234",
+    date: "2021-01-01",
+  },
+  {
+    id: 2,
+    title: "정기시험 2회 응시",
+    paymentKey: "2345",
+    date: "2021-02-01",
+  },
+];

package/src/_components/asset/navigation.ts

@@ -0,0 +1,17 @@
+export const contents = [
+  {
+    title: "홈",
+    href: "/dashboard",
+    icon: "",
+  },
+  {
+    title: "접수",
+    href: "/dashboard/application",
+    icon: "",
+  },
+  {
+    title: "성적확인",
+    href: "/dashboard/report",
+    icon: "",
+  },
+];

package/src/_components/asset/people.ts

@@ -0,0 +1,226 @@
+export const people = [
+  {
+    info: {
+      name: "이상혁",
+      birthday: "1996-05-07",
+      image: "/images/faker.jpg",
+    },
+  },
+  {
+    info: {
+      name: "젠킨스",
+      birthday: "1997-05-08",
+      image: "/images/jenkins.png",
+    },
+  },
+  {
+    info: {
+      name: "댕댕이",
+      birthday: "2012-04-13",
+      image: "/images/daeng.jpg",
+    },
+  },
+  {
+    info: {
+      name: "김민지",
+      birthday: "2004-05-07",
+      image: "/images/minji.png",
+    },
+  },
+  {
+    info: {
+      name: "팜하니",
+      birthday: "2004-10-06",
+      image: "/images/hani.png",
+    },
+  },
+  {
+    info: {
+      name: "오해원",
+      birthday: "2003-02-25",
+      image: "/images/haewon.png",
+    },
+  },
+  {
+    info: {
+      name: "안유진",
+      birthday: "2003-09-01",
+      image: "/images/yujin.png",
+    },
+  },
+  {
+    info: {
+      name: "강슬기",
+      birthday: "1994-02-10",
+      image: "/images/seulgi.png",
+    },
+  },
+  {
+    info: {
+      name: "강해린",
+      birthday: "2006-05-15",
+      image: "/images/haerin.png",
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+  {
+    info: {
+      name: "TOSEL",
+      birthday: "2006-05-15",
+      image: null,
+    },
+  },
+];

package/src/_components/asset/planets.ts

@@ -0,0 +1,49 @@
+import { Planet } from "./interface";
+
+export const planets: Record<Planet, Record<string, string>> = {
+  olympiad: {
+    title: "PROJECT: OLYMPIAD",
+    href: "https://olympiad.tosel.co.kr",
+    description: `
+    올림피아드는 IBT방식의 영어단어 경시대회 및 영어말하기 대회로 기획되었다.
+    브라우저에서 도입할 수 있는 치팅 방지 시스템을 개발하였다.
+    또한, 영어말하기 대회에서는 녹음을 통해 음성을 전송할 예정이다.
+
+    올림피아드를 참고하여 토셀 IBT 시험도 개발될 예정이다.
+    `,
+  },
+  admin: {
+    title: "PROJECT: ADMIN",
+    href: "/admin",
+    description: `
+      와썹폐기
+      `,
+  },
+  partner: {
+    title: "PROJECT: PARTNER",
+    href: "/partner",
+    description: `
+      지본용
+      `,
+  },
+  report: {
+    title: "PROJECT: REPORT",
+    href: "/report",
+    description: `
+      기존의 성적 분석 자료 및 성적표를 대체할 새로운 성적 분석 자료로 기획되었다.
+      온라인 친화적인 웹뷰와 함께, 다양한 기능을 제공할 것이다.
+      또한, 기존의 출력물을 대체할 수 있도록, 다양한 출력물을 제공할 것이다.
+
+      성적표 프로젝트를 진행하면서 성적 처리 시스템도 보완하였다.
+    `,
+  },
+  homepage: {
+    title: "PROJECT: HOMEPAGE (NEW)",
+    href: "/homepage",
+    description: `
+    TOSEL의 신규사이트이다.
+    기존의 사이트는 불필요한 정보가 많아서 사용자가 원하는 정보를 찾기 어려웠다.
+    이를 개선하기 위해 새로운 사이트를 기획하였다.
+    `,
+  },
+};

package/src/_components/controller/store.ts

@@ -0,0 +1,11 @@
+import { create } from "zustand";
+
+interface PreviewProps {
+  planet: string;
+  setPlanet: (planet: string) => void;
+}
+
+export const usePreviewStore = create<PreviewProps>((set) => ({
+  planet: "",
+  setPlanet: (planet) => set({ planet }),
+}));

package/src/_components/hook/useRoute.ts

@@ -0,0 +1,47 @@
+import { useState, useEffect, ComponentType } from "react";
+
+type PageComponent = ComponentType<any>;
+
+type RouteItem = {
+  path: string;
+  component: PageComponent;
+  layout: PageComponent | null;
+};
+const LAYOUTS = import.meta.glob("/src/app/**/layout.tsx") as Record<
+  string,
+  () => Promise<{ default: PageComponent }>
+>;
+const COMPONENTS = import.meta.glob("/src/app/**/[a-z[]*.tsx") as Record<
+  string,
+  () => Promise<{ default: PageComponent }>
+>;
+
+export default function useRoute() {
+  const [routes, setRoutes] = useState<RouteItem[]>([]);
+  useEffect(() => {
+    const loadRoutes = async () => {
+      const routeItems: RouteItem[] = await Promise.all(
+        Object.keys(COMPONENTS).map(async (key) => {
+          const path = key
+            .replace(/\/src\/app|page|\.tsx$/g, "")
+            .replace(/\[\.{3}.+\]/, "*")
+            .replace(/\[(.+)\]/, ":$1");
+          const Component = (await COMPONENTS[key]()).default;
+          const layoutPath = Object.keys(LAYOUTS).find((layoutKey) =>
+            key.startsWith(layoutKey.replace(/layout.tsx$/, ""))
+          );
+          const Layout = layoutPath
+            ? (await LAYOUTS[layoutPath]()).default
+            : null;
+
+          return { path, component: Component, layout: Layout };
+        })
+      );
+
+      setRoutes(routeItems);
+    };
+    loadRoutes();
+  }, []);
+
+  return routes;
+}