diff --git a/apps/dm/app/(with-layout)/intro/_components/LawIntroSection copy.tsx b/apps/dm/app/(with-layout)/intro/_components/LawIntroSection copy.tsx
new file mode 100644
index 000000000..e366c38ad
--- /dev/null
+++ b/apps/dm/app/(with-layout)/intro/_components/LawIntroSection copy.tsx
@@ -0,0 +1,123 @@
+"use client";
+
+import React from "react";
+import Image, { type StaticImageData } from "next/image";
+
+import lawPlan from "@/public/images/landing/intro/law_timeline.png";
+import planPerformance from "@/public/images/landing/intro/performance_left.png";
+import domesticChange from "@/public/images/landing/intro/domestic_textbox.png";
+import policyHistory from "@/public/images/landing/intro/policy_timeline.png";
+import lawRelation from "@/public/images/landing/intro/rel_note.png";
+import domesticLinkage from "@/public/images/landing/intro/linkage.png";
+
+function SectionTitle({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
{children}
+
+ );
+}
+
+function Hr({ className = "" }: { className?: string }) {
+ return ;
+}
+
+function ImgCard({ src, alt }: { src: StaticImageData; alt: string }) {
+ return (
+
+
+
+ );
+}
+
+function SectionShell({
+ id,
+ title,
+ children,
+ className = "",
+}: {
+ id: string;
+ title: string;
+ children: React.ReactNode;
+ className?: string;
+}) {
+ return (
+
+ );
+}
+
+export default function LawIntroSection() {
+ const title = "물재이용법";
+
+ return (
+
+
+
+ {title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/htdflReg/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/htdflReg/page.tsx
index d8f52297c..fa914dcb3 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/htdflReg/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/htdflReg/page.tsx
@@ -6,6 +6,7 @@ import type { customHtdflBdst } from "@/app/store/ruseFcltMng/fcltReg/htdflReg";
import { formatArchArea, tableData } from "@/components/lib/func/common";
import HtdflRegForm from "@/components/ui/form/fcltReg/htdflReg/htdflRegForm";
import { BdstReg } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
+import { DEFAULT_LIST_SIZE } from "@/src/shared/config";
import {
ContentsDiv,
ScrollArea,
@@ -141,7 +142,7 @@ export default function Home() {
{
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
index 5cf8fc0d5..742b3e49a 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
@@ -15,6 +15,7 @@
* */
"use client";
+import { DEFAULT_LIST_SIZE } from "@/src/shared/config";
import {
ContentsDiv,
ScrollArea,
@@ -353,7 +354,7 @@ export default function PublicReuseFaciltyInsert() {
{
- let url = `/drain/facilityList/1/11`
+ let url = `/drain/facilityList/1/${DEFAULT_LIST_SIZE}`
url+=`/${code}`
@@ -137,7 +138,7 @@ export const htdflFacActionsExport: (set: any) => htdflFacSActions = (
try {
const htdflRes = await getFetchWithCount(
"wr",
- `/drain/facilityList/${pageNation}/11/${code}`
+ `/drain/facilityList/${pageNation}/${DEFAULT_LIST_SIZE}/${code}`
);
return set((state: htdflFacState) => ({
...state,
@@ -181,7 +182,7 @@ export const htdflFacActionsExport: (set: any) => htdflFacSActions = (
}
const htdflRes = await getFetchWithCount(
"wr",
- `/drain/facilityList/1/11/${code}`
+ `/drain/facilityList/1/${DEFAULT_LIST_SIZE}/${code}`
);
set((state: htdflFacState) => ({
...state,
@@ -251,7 +252,7 @@ export const htdflFacActionsExport: (set: any) => htdflFacSActions = (
},
htdflNmSearch :async(code:string | number, fcltNm:string) =>{
try {
- const htdflRes = await getFetchWithCount("wr", `/drain/facilityList/1/11/${code}/${fcltNm}`);
+ const htdflRes = await getFetchWithCount("wr", `/drain/facilityList/1/${DEFAULT_LIST_SIZE}/${code}/${fcltNm}`);
set((state: htdflFacState) => {
return {
...state,
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
index 505d18557..6340f1082 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
@@ -6,7 +6,7 @@ import {
postFectch,
putFectch,
} from "@/components/lib/api";
-import { SITE_ID } from "@/src/shared/config";
+import { DEFAULT_LIST_SIZE, SITE_ID } from "@/src/shared/config";
import type { chHeadType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn/headList";
import {
type customPbnst,
@@ -113,7 +113,7 @@ const hasuListFetch = async (
) => {
const checkWrRegListRes = await checkWrRegList(); // 재사용시설에 대한 정보 조회
- let url = `/prcsFclt/ruseInfo/${page ? page : 1}/11/A/${sggOrCity ? sggOrCity : "11"}/0/1/SW`;
+ let url = `/prcsFclt/ruseInfo/${page ? page : 1}/${DEFAULT_LIST_SIZE}/A/${sggOrCity ? sggOrCity : "11"}/0/1/SW`;
const data = checkWrRegListRes.filter((item: string) => item !== "");
if (searchTxt) {
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
index f6a5f520e..ce6da6334 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
@@ -6,6 +6,7 @@ import {
postFectch,
putFectch,
} from "@/components/lib/api";
+import { DEFAULT_LIST_SIZE } from "@/src/shared/config";
import { z } from "zod";
import { makeMdfr, makeRstr } from "../bdstReg";
import {
@@ -14,7 +15,7 @@ import {
validationMessages,
} from "./type";
export const TEST_UUID = "2d4b151d-1828-41e0-91d9-4cd28ea1cc7e";
-export const rainRegSize = 15;
+export const rainRegSize = DEFAULT_LIST_SIZE;
/**
* 밧물이용시설 등록 (스토어)
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
index 3ef1af2e5..816d6ab52 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
@@ -1,6 +1,7 @@
import { deleteFectch, getFetchWithCount, postFectch, putFectch } from "@/components/lib/api";
import { upHeadList, type chgBuilding } from "../rainReg";
+import { DEFAULT_LIST_SIZE } from "@/src/shared/config";
import type { TableUpperProps } from "@/app/store/common/type/header";
import { z } from "zod";
import { makeMdfr, makeRstr } from "../bdstReg";
@@ -14,7 +15,7 @@ import { baseReuseBuildingSchema, chgBuildingSchema, validationMessages } from "
* 재이용시설 등록 - 중수도시설 등록
* 중수도시설에서 사용하는 api 및 타입 등을 관리한다.
* */
-export const rswtRegSize =15;
+export const rswtRegSize = DEFAULT_LIST_SIZE;
const rswtrObjSchema = z.object({
bdstRuseFcltSn: z.number().nullish(),
orgwtKndCd: z.string({ required_error: validationMessages.requiredSelect("원수 종류") }).min(1, { message: validationMessages.requiredSelect("원수 종류") }),
diff --git a/apps/wr/src/shared/config/index.ts b/apps/wr/src/shared/config/index.ts
index cd83447d5..04e4f2df5 100644
--- a/apps/wr/src/shared/config/index.ts
+++ b/apps/wr/src/shared/config/index.ts
@@ -1,2 +1,4 @@
export * from "./api";
export * from "./env";
+
+export const DEFAULT_LIST_SIZE = 10;
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index 414efe5f7..ed05a7f19 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -152,7 +152,7 @@ export function UiTable>({
<>>
)}
-
+
{widthFixed ?
{leafCols.map(col => (