From 5ff65f769771e9dc6d9b8bda65fbc29e20c2a866 Mon Sep 17 00:00:00 2001 From: Seongbin Kim Date: Sat, 20 Dec 2025 14:32:27 +0900 Subject: [PATCH 1/4] =?UTF-8?q?chore:=20clsx=20=EC=84=A4=EC=B9=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + yarn.lock | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/package.json b/package.json index 148206e..39a2b13 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,7 @@ "@typescript-eslint/parser": "^5.59.2", "@vitejs/plugin-react": "^4.0.0", "autoprefixer": "^10.4.15", + "clsx": "^2.1.1", "daisyui": "^3.5.1", "eslint": "^8.40.0", "eslint-config-prettier": "^9.1.0", diff --git a/yarn.lock b/yarn.lock index ef81729..b3c6d29 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2002,6 +2002,11 @@ classnames@^2.2.5: resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924" integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw== +clsx@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999" + integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA== + color-convert@^1.9.0: version "1.9.3" resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8" From c303f44e575a68fa96d552b3f045c2e75e4c69f2 Mon Sep 17 00:00:00 2001 From: Seongbin Kim Date: Sat, 20 Dec 2025 14:33:02 +0900 Subject: [PATCH 2/4] =?UTF-8?q?=EC=B0=A8=ED=8A=B8=20=EB=86=92=EC=9D=B4=20?= =?UTF-8?q?=EB=AC=B4=ED=95=9C=20=EB=8A=98=EC=96=B4=EB=82=A8=20=EB=B2=84?= =?UTF-8?q?=EA=B7=B8=20reproduction=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.css | 7 +++++++ src/Routes.tsx | 5 +++++ src/pages/ReproducedPage.tsx | 38 ++++++++++++++++++++++++++++++++++++ 3 files changed, 50 insertions(+) create mode 100644 src/pages/ReproducedPage.tsx diff --git a/src/App.css b/src/App.css index b5c61c9..16ae227 100644 --- a/src/App.css +++ b/src/App.css @@ -1,3 +1,10 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.deco { + border: 1px solid #000; + padding: 8px; + margin: 8px; + box-sizing: content-box; +} diff --git a/src/Routes.tsx b/src/Routes.tsx index b063fbd..14ddad3 100644 --- a/src/Routes.tsx +++ b/src/Routes.tsx @@ -2,6 +2,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import { DailySummaryPage } from './pages/DailySummaryPage'; import { LogWriterPage } from './pages/LogWriterPage'; +import { ReproducedPage } from './pages/ReproducedPage'; const router = createBrowserRouter([ { @@ -13,6 +14,10 @@ const router = createBrowserRouter([ path: '/summary', element: , }, + { + path: '/reproduced', + element: , + }, ]); export const Routes = () => ; diff --git a/src/pages/ReproducedPage.tsx b/src/pages/ReproducedPage.tsx new file mode 100644 index 0000000..fbd6e92 --- /dev/null +++ b/src/pages/ReproducedPage.tsx @@ -0,0 +1,38 @@ +import clsx from 'clsx'; +import { useState } from 'react'; +import { AreaChart, ResponsiveContainer } from 'recharts'; + +export const ReproducedPage = () => { + const [minHeightZero, setMinHeightZero] = useState(true); + + return ( +
+ + flex container +
something (flex)
+
+ grid item (flex-1, flex container) +
+ grid item (flex-1, flex container) +
something (block)
+ + + +
+
+
+ ); +}; From 81c8b1b4470b1f0fd1b1f4bdac18f20a72fa8a74 Mon Sep 17 00:00:00 2001 From: Seongbin Kim Date: Sat, 20 Dec 2025 15:04:35 +0900 Subject: [PATCH 3/4] =?UTF-8?q?chore:=20port=204000=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD=ED=95=B4=EC=84=9C=20=ED=94=84=EB=A1=9C?= =?UTF-8?q?=EC=A0=9D=ED=8A=B8=20=EA=B0=84=20=ED=98=BC=EB=9E=80=20=EC=B6=95?= =?UTF-8?q?=EC=86=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vite.config.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/vite.config.ts b/vite.config.ts index 4e7004e..189dcd9 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -4,4 +4,7 @@ import { defineConfig } from 'vite'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], + server: { + port: 4000, + }, }); From bda85bcd506c4152413c2dad71e1fab66f5b9e99 Mon Sep 17 00:00:00 2001 From: Seongbin Kim Date: Sat, 20 Dec 2025 15:04:54 +0900 Subject: [PATCH 4/4] =?UTF-8?q?repro=20=ED=99=94=EB=A9=B4=EC=9D=B4=20?= =?UTF-8?q?=EC=A1=B0=EA=B8=88=20=EB=8D=94=20=EA=B0=80=EC=8B=9C=EC=84=B1=20?= =?UTF-8?q?=EC=A2=8B=EA=B2=8C=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.css | 2 -- src/pages/ReproducedPage.tsx | 3 ++- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/App.css b/src/App.css index 16ae227..012088a 100644 --- a/src/App.css +++ b/src/App.css @@ -5,6 +5,4 @@ .deco { border: 1px solid #000; padding: 8px; - margin: 8px; - box-sizing: content-box; } diff --git a/src/pages/ReproducedPage.tsx b/src/pages/ReproducedPage.tsx index fbd6e92..67c2abf 100644 --- a/src/pages/ReproducedPage.tsx +++ b/src/pages/ReproducedPage.tsx @@ -6,11 +6,12 @@ export const ReproducedPage = () => { const [minHeightZero, setMinHeightZero] = useState(true); return ( -
+