From 5f246bb9f372fe33af1677d0980b0dd3d0561e05 Mon Sep 17 00:00:00 2001 From: sprint-edu Date: Mon, 23 Jun 2025 10:57:28 +0900 Subject: [PATCH 01/63] docs: update readme --- README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 000000000..5f4047bce --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# ๐Ÿผ ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ + +> _์ด ์ €์žฅ์†Œ๋Š” ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ์˜ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ณณ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ํด๋ก ํ•˜์—ฌ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์„ค์ •ํ•˜๊ณ , ๊ฐ ๋ธŒ๋žœ์น˜์—์„œ ํ•ด๋‹น ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์„ ์ˆ˜ํ–‰ํ•ด ์ฃผ์„ธ์š”!_ ๐Ÿ› ๏ธ + +## ์†Œ๊ฐœ + +์•ˆ๋…•ํ•˜์„ธ์š”! ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค! ๐Ÿฅณ +ํŒ๋‹ค๋งˆ์ผ“์€ ๋”ฐ๋œปํ•œ ์ค‘๊ณ ๊ฑฐ๋ž˜๋ฅผ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ์ด์—์š”. ์—ฌ๋Ÿฌ๋ถ„์€ ์ด๊ณณ์—์„œ ์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜๊ณ , ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž๋“ค๊ณผ ์†Œํ†ตํ•˜๋ฉฐ, ์ž์œ ๋กญ๊ฒŒ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์–ด์š”. ๋งค์ฃผ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์„ ํ†ตํ•ด ๊ธฐ๋Šฅ์„ ํ•˜๋‚˜์”ฉ ๋งŒ๋“ค์–ด ๊ฐ€๋ฉฐ ์„ฑ์žฅํ•ด ๋‚˜๊ฐ€๋Š” ์—ฌ์ •์„ ํ•จ๊ป˜ํ•ด์š”. ๐Ÿš€ + +![PandaMarket](https://github.com/user-attachments/assets/3784b99f-73c9-4349-a9a9-92b2a7563574) +_์œ„ ์ด๋ฏธ์ง€๋Š” ํŒ๋‹ค๋งˆ์ผ“์˜ ๋Œ€ํ‘œ ์ด๋ฏธ์ง€์ž…๋‹ˆ๋‹ค._ ๐Ÿ“ธ + +## ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์ด๋ž€? ๐Ÿค” + +์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์€ **ํ•˜๋‚˜์˜ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ธธ๊ฒŒ ์ง„ํ–‰ํ•˜๋ฉด์„œ, ๊ทธ ๊ณผ์ •์—์„œ ์ฃผ๊ธฐ์ ์œผ๋กœ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์‹œ์Šคํ…œ**์ด์—์š”. ๊ฐ ์Šคํ”„๋ฆฐํŠธ๋งˆ๋‹ค ๋ฐฐ์šด ์ด๋ก ์„ ์ ์šฉํ•ด ๋ณด๊ณ , **๋ฉ˜ํ† ๋‹˜๊ป˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ›์•„๊ฐ€๋ฉฐ ์‹ค๋ ฅ์„ ์‘ฅ์‘ฅ ํ‚ค์›Œ๊ฐˆ ์ˆ˜ ์žˆ๋Š” ์ค‘์š”ํ•œ ๊ฐœ์ธ ๊ณผ์ œ**๋ž๋‹ˆ๋‹ค. ๐Ÿ’ช + +## ์ฃผ์š” ๊ธฐ๋Šฅ โœจ + +1. **์ƒํ’ˆ ๋“ฑ๋ก**: ๋‚ด๊ฐ€ ๊ฐ€์ง„ ๋ฌผ๊ฑด์„ ์˜ฌ๋ฆฌ๊ณ , ์‚ฌ์ง„๊ณผ ์„ค๋ช…์„ ์ถ”๊ฐ€ํ•ด ์ง์ ‘ ํŒ๋งคํ•  ์ˆ˜ ์žˆ์–ด์š”! +2. **๋ฌธ์˜ ๋Œ“๊ธ€**: ์ƒํ’ˆ์— ๋Œ€ํ•œ ๊ถ๊ธˆํ•œ ์ ์ด๋‚˜ ์˜๊ฒฌ์„ ์ž์œ ๋กญ๊ฒŒ ๋‚จ๊ธธ ์ˆ˜ ์žˆ๋‹ต๋‹ˆ๋‹ค. ๐Ÿ“ +3. **์ž์œ ๊ฒŒ์‹œํŒ**: ๋‹ค์–‘ํ•œ ์ฃผ์ œ๋กœ ์นœ๊ตฌ๋“ค๊ณผ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆ„๊ณ , ์ •๋ณด๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ด์—์š”! ๐Ÿ—ฃ๏ธ + +## ํ”„๋กœ์ ํŠธ ๋ธŒ๋žœ์น˜ ๊ตฌ์กฐ ๐Ÿ—๏ธ + +ํ”„๋กœ์ ํŠธ๋Š” ๋‹จ๊ณ„๋ณ„๋กœ ๋‚˜๋‰˜์–ด ์žˆ๊ณ , ๊ฐ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์— ๋งž๋Š” ๋ธŒ๋žœ์น˜๊ฐ€ ์žˆ์–ด์š”. ๊ฐ ๋ธŒ๋žœ์น˜๋ฅผ ํ†ตํ•ด ์ฒด๊ณ„์ ์œผ๋กœ ๊ฐœ๋ฐœํ•˜๋ฉฐ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์–ด์š”. ๐ŸŽฏ + +### ๋ธŒ๋žœ์น˜ ์„ค๋ช… + +1. **basic (part1): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 1 ~ 4 FE ์š”๊ตฌ์‚ฌํ•ญ** + + - ๊ธฐ๋ณธ์ ์ธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์œ„ํ•œ ์ดˆ๊ธฐ ๋ธŒ๋žœ์น˜์ž…๋‹ˆ๋‹ค. HTML, CSS, JavaScript ๋“ฑ์„ ์‚ฌ์šฉํ•ด ๊ธฐ๋ณธ์„ ๋‹ค์ง‘๋‹ˆ๋‹ค. + - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 1๋ถ€ํ„ฐ 4๊นŒ์ง€**์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. + +2. **react (part2): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 5 ~ 7 FE ์š”๊ตฌ์‚ฌํ•ญ** + + - React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ธŒ๋žœ์น˜์ž…๋‹ˆ๋‹ค. ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜์™€ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ๋ฐฐ์›๋‹ˆ๋‹ค. + - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 5๋ถ€ํ„ฐ 7๊นŒ์ง€, ๊ทธ ์ดํ›„**์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. + - ๋งŒ์•ฝ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 9๋ถ€ํ„ฐ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ Next๊ฐ€ ์•„๋‹Œ React๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด react ๋ธŒ๋žœ์น˜๋ฅผ ์‚ฌ์šฉํ•ด์š”. + +3. **next (part3,4): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 8 FE ์š”๊ตฌ์‚ฌํ•ญ~** + + - Next.js๋ฅผ ์‚ฌ์šฉํ•ด ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)๊ณผ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG) ๋“ฑ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. + - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 8๋ถ€ํ„ฐ** ์‹œ์ž‘ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. + - ๋งŒ์•ฝ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 9๋ถ€ํ„ฐ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ React๊ฐ€ ์•„๋‹Œ Next๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด next ๋ธŒ๋žœ์น˜๋ฅผ ์‚ฌ์šฉํ•ด์š”. + +> _์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ ๋‚ด ๋ฐฑ์—”๋“œ ์š”๊ตฌ์‚ฌํ•ญ์€ [๋ฐฑ์—”๋“œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ](https://github.com/codeit-sprint-fullstack/8-sprint-mission-be)์˜ ๋ธŒ๋žœ์น˜์—์„œ ๊ด€๋ฆฌํ•ด์ฃผ์„ธ์š”_ + +--- + +๋ณธ ํ”„๋กœ์ ํŠธ๋Š” [์ฝ”๋“œ์ž‡](https://www.codeit.kr)์˜ ์†Œ์œ ์ด๋ฉฐ, ๊ต์œก ๋ชฉ์ ์œผ๋กœ๋งŒ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ยฉ 2024 Codeit. All rights reserved. From c9f279cd7c6620c8ebea15c45c34ae73ca2d4a38 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 14 Jul 2025 11:07:38 +0900 Subject: [PATCH 02/63] =?UTF-8?q?add:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?= =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- img/feature-img-01.svg | 67 +++++++++++++++++++++++++ img/feature-img-02.svg | 23 +++++++++ img/feature-img-03.svg | 53 ++++++++++++++++++++ img/footer-icon-01.svg | 3 ++ img/footer-icon-02.svg | 3 ++ img/footer-icon-03.svg | 10 ++++ img/footer-icon-04.svg | 3 ++ img/google-icon.svg | 10 ++++ img/hero-img-02.svg | 111 +++++++++++++++++++++++++++++++++++++++++ img/hero-img.svg | 78 +++++++++++++++++++++++++++++ img/kakao-icon.svg | 12 +++++ img/logo-lg.svg | 15 ++++++ img/logo.svg | 15 ++++++ img/visible-icon.svg | 10 ++++ 14 files changed, 413 insertions(+) create mode 100644 img/feature-img-01.svg create mode 100644 img/feature-img-02.svg create mode 100644 img/feature-img-03.svg create mode 100644 img/footer-icon-01.svg create mode 100644 img/footer-icon-02.svg create mode 100644 img/footer-icon-03.svg create mode 100644 img/footer-icon-04.svg create mode 100644 img/google-icon.svg create mode 100644 img/hero-img-02.svg create mode 100644 img/hero-img.svg create mode 100644 img/kakao-icon.svg create mode 100644 img/logo-lg.svg create mode 100644 img/logo.svg create mode 100644 img/visible-icon.svg diff --git a/img/feature-img-01.svg b/img/feature-img-01.svg new file mode 100644 index 000000000..37458c53e --- /dev/null +++ b/img/feature-img-01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/feature-img-02.svg b/img/feature-img-02.svg new file mode 100644 index 000000000..b628fc1f8 --- /dev/null +++ b/img/feature-img-02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/feature-img-03.svg b/img/feature-img-03.svg new file mode 100644 index 000000000..7f8beb438 --- /dev/null +++ b/img/feature-img-03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/footer-icon-01.svg b/img/footer-icon-01.svg new file mode 100644 index 000000000..8491c2f83 --- /dev/null +++ b/img/footer-icon-01.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/footer-icon-02.svg b/img/footer-icon-02.svg new file mode 100644 index 000000000..14a6069a1 --- /dev/null +++ b/img/footer-icon-02.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/footer-icon-03.svg b/img/footer-icon-03.svg new file mode 100644 index 000000000..7836e3e0c --- /dev/null +++ b/img/footer-icon-03.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/footer-icon-04.svg b/img/footer-icon-04.svg new file mode 100644 index 000000000..c83306f84 --- /dev/null +++ b/img/footer-icon-04.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/google-icon.svg b/img/google-icon.svg new file mode 100644 index 000000000..894796b04 --- /dev/null +++ b/img/google-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/hero-img-02.svg b/img/hero-img-02.svg new file mode 100644 index 000000000..8d124a0e9 --- /dev/null +++ b/img/hero-img-02.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/hero-img.svg b/img/hero-img.svg new file mode 100644 index 000000000..a6c978fae --- /dev/null +++ b/img/hero-img.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/kakao-icon.svg b/img/kakao-icon.svg new file mode 100644 index 000000000..e546fa573 --- /dev/null +++ b/img/kakao-icon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/img/logo-lg.svg b/img/logo-lg.svg new file mode 100644 index 000000000..298030d2e --- /dev/null +++ b/img/logo-lg.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 000000000..763adc2c1 --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/visible-icon.svg b/img/visible-icon.svg new file mode 100644 index 000000000..b879d5a74 --- /dev/null +++ b/img/visible-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + From c00fcf8c52442c15432386a9447948f2759b7d6f Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 14 Jul 2025 11:15:21 +0900 Subject: [PATCH 03/63] =?UTF-8?q?docs:=20readme=20=ED=8C=8C=EC=9D=BC=20?= =?UTF-8?q?=EB=82=B4=EC=9A=A9=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 55 +++++++++---------------------------------------------- 1 file changed, 9 insertions(+), 46 deletions(-) diff --git a/README.md b/README.md index 5f4047bce..48533bb03 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,13 @@ -# ๐Ÿผ ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ +# ํŒ๋‹ค๋งˆ์ผ“ -> _์ด ์ €์žฅ์†Œ๋Š” ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ์˜ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ณณ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ํด๋ก ํ•˜์—ฌ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์„ค์ •ํ•˜๊ณ , ๊ฐ ๋ธŒ๋žœ์น˜์—์„œ ํ•ด๋‹น ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์„ ์ˆ˜ํ–‰ํ•ด ์ฃผ์„ธ์š”!_ ๐Ÿ› ๏ธ +- ๋ฐฐํฌ์ฃผ์†Œ : https://panda-market-kr.netlify.app/ -## ์†Œ๊ฐœ +์ด ํ”„๋กœ์ ํŠธ๋Š” ์ฃผ๋กœ HTML, CSS, JavaScript๋กœ ์ž‘์„ฑ๋œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. -์•ˆ๋…•ํ•˜์„ธ์š”! ํŒ๋‹ค๋งˆ์ผ“ ํ”„๋กœ์ ํŠธ์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค! ๐Ÿฅณ -ํŒ๋‹ค๋งˆ์ผ“์€ ๋”ฐ๋œปํ•œ ์ค‘๊ณ ๊ฑฐ๋ž˜๋ฅผ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ์ด์—์š”. ์—ฌ๋Ÿฌ๋ถ„์€ ์ด๊ณณ์—์„œ ์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜๊ณ , ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž๋“ค๊ณผ ์†Œํ†ตํ•˜๋ฉฐ, ์ž์œ ๋กญ๊ฒŒ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์–ด์š”. ๋งค์ฃผ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์„ ํ†ตํ•ด ๊ธฐ๋Šฅ์„ ํ•˜๋‚˜์”ฉ ๋งŒ๋“ค์–ด ๊ฐ€๋ฉฐ ์„ฑ์žฅํ•ด ๋‚˜๊ฐ€๋Š” ์—ฌ์ •์„ ํ•จ๊ป˜ํ•ด์š”. ๐Ÿš€ +- `index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ๋ฉ”์ธ ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ƒํ’ˆ์„ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์ฃผ์š” ์„น์…˜์œผ๋กœ๋Š” ํžˆ์–ด๋กœ ์„น์…˜, ์ธ๊ธฐ ์ƒํ’ˆ, ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ, ์ƒํ’ˆ ๋“ฑ๋ก ๊ธฐ๋Šฅ ๋“ฑ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. +- `login/index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฉ”์ผ๊ณผ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์žˆ๋Š” ํผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ตฌ๊ธ€๊ณผ ์นด์นด์˜ค๋ฅผ ํ†ตํ•œ ๊ฐ„ํŽธ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. +- `signup/index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ํšŒ์›๊ฐ€์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ํผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ๊ธฐ๋Šฅ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. +- `css/login.css`: ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ์„ ์ •์˜ํ•œ CSS ํŒŒ์ผ์ž…๋‹ˆ๋‹ค. ๋กœ๊ทธ์ธ ํผ, ๊ฐ„ํŽธ ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ๋งํฌ ๋“ฑ์˜ ์Šคํƒ€์ผ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. +- `css/common.css`: ๊ณตํ†ต ์Šคํƒ€์ผ์„ ์ •์˜ํ•œ CSS ํŒŒ์ผ๋กœ, ๋‹ค์–‘ํ•œ ์ปดํฌ๋„ŒํŠธ์˜ ์Šคํƒ€์ผ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. -![PandaMarket](https://github.com/user-attachments/assets/3784b99f-73c9-4349-a9a9-92b2a7563574) -_์œ„ ์ด๋ฏธ์ง€๋Š” ํŒ๋‹ค๋งˆ์ผ“์˜ ๋Œ€ํ‘œ ์ด๋ฏธ์ง€์ž…๋‹ˆ๋‹ค._ ๐Ÿ“ธ - -## ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์ด๋ž€? ๐Ÿค” - -์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์€ **ํ•˜๋‚˜์˜ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ธธ๊ฒŒ ์ง„ํ–‰ํ•˜๋ฉด์„œ, ๊ทธ ๊ณผ์ •์—์„œ ์ฃผ๊ธฐ์ ์œผ๋กœ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ์‹œ์Šคํ…œ**์ด์—์š”. ๊ฐ ์Šคํ”„๋ฆฐํŠธ๋งˆ๋‹ค ๋ฐฐ์šด ์ด๋ก ์„ ์ ์šฉํ•ด ๋ณด๊ณ , **๋ฉ˜ํ† ๋‹˜๊ป˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ›์•„๊ฐ€๋ฉฐ ์‹ค๋ ฅ์„ ์‘ฅ์‘ฅ ํ‚ค์›Œ๊ฐˆ ์ˆ˜ ์žˆ๋Š” ์ค‘์š”ํ•œ ๊ฐœ์ธ ๊ณผ์ œ**๋ž๋‹ˆ๋‹ค. ๐Ÿ’ช - -## ์ฃผ์š” ๊ธฐ๋Šฅ โœจ - -1. **์ƒํ’ˆ ๋“ฑ๋ก**: ๋‚ด๊ฐ€ ๊ฐ€์ง„ ๋ฌผ๊ฑด์„ ์˜ฌ๋ฆฌ๊ณ , ์‚ฌ์ง„๊ณผ ์„ค๋ช…์„ ์ถ”๊ฐ€ํ•ด ์ง์ ‘ ํŒ๋งคํ•  ์ˆ˜ ์žˆ์–ด์š”! -2. **๋ฌธ์˜ ๋Œ“๊ธ€**: ์ƒํ’ˆ์— ๋Œ€ํ•œ ๊ถ๊ธˆํ•œ ์ ์ด๋‚˜ ์˜๊ฒฌ์„ ์ž์œ ๋กญ๊ฒŒ ๋‚จ๊ธธ ์ˆ˜ ์žˆ๋‹ต๋‹ˆ๋‹ค. ๐Ÿ“ -3. **์ž์œ ๊ฒŒ์‹œํŒ**: ๋‹ค์–‘ํ•œ ์ฃผ์ œ๋กœ ์นœ๊ตฌ๋“ค๊ณผ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆ„๊ณ , ์ •๋ณด๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ด์—์š”! ๐Ÿ—ฃ๏ธ - -## ํ”„๋กœ์ ํŠธ ๋ธŒ๋žœ์น˜ ๊ตฌ์กฐ ๐Ÿ—๏ธ - -ํ”„๋กœ์ ํŠธ๋Š” ๋‹จ๊ณ„๋ณ„๋กœ ๋‚˜๋‰˜์–ด ์žˆ๊ณ , ๊ฐ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜์— ๋งž๋Š” ๋ธŒ๋žœ์น˜๊ฐ€ ์žˆ์–ด์š”. ๊ฐ ๋ธŒ๋žœ์น˜๋ฅผ ํ†ตํ•ด ์ฒด๊ณ„์ ์œผ๋กœ ๊ฐœ๋ฐœํ•˜๋ฉฐ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์–ด์š”. ๐ŸŽฏ - -### ๋ธŒ๋žœ์น˜ ์„ค๋ช… - -1. **basic (part1): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 1 ~ 4 FE ์š”๊ตฌ์‚ฌํ•ญ** - - - ๊ธฐ๋ณธ์ ์ธ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ธฐ๋Šฅ ๊ตฌํ˜„์„ ์œ„ํ•œ ์ดˆ๊ธฐ ๋ธŒ๋žœ์น˜์ž…๋‹ˆ๋‹ค. HTML, CSS, JavaScript ๋“ฑ์„ ์‚ฌ์šฉํ•ด ๊ธฐ๋ณธ์„ ๋‹ค์ง‘๋‹ˆ๋‹ค. - - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 1๋ถ€ํ„ฐ 4๊นŒ์ง€**์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. - -2. **react (part2): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 5 ~ 7 FE ์š”๊ตฌ์‚ฌํ•ญ** - - - React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ธŒ๋žœ์น˜์ž…๋‹ˆ๋‹ค. ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜์™€ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ๋ฐฐ์›๋‹ˆ๋‹ค. - - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 5๋ถ€ํ„ฐ 7๊นŒ์ง€, ๊ทธ ์ดํ›„**์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. - - ๋งŒ์•ฝ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 9๋ถ€ํ„ฐ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ Next๊ฐ€ ์•„๋‹Œ React๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด react ๋ธŒ๋žœ์น˜๋ฅผ ์‚ฌ์šฉํ•ด์š”. - -3. **next (part3,4): ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 8 FE ์š”๊ตฌ์‚ฌํ•ญ~** - - - Next.js๋ฅผ ์‚ฌ์šฉํ•ด ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)๊ณผ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG) ๋“ฑ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. - - **์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 8๋ถ€ํ„ฐ** ์‹œ์ž‘ํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๋‚ด์šฉ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์–ด์š”. - - ๋งŒ์•ฝ ์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ 9๋ถ€ํ„ฐ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ๋ฅผ React๊ฐ€ ์•„๋‹Œ Next๋กœ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด next ๋ธŒ๋žœ์น˜๋ฅผ ์‚ฌ์šฉํ•ด์š”. - -> _์Šคํ”„๋ฆฐํŠธ ๋ฏธ์…˜ ๋‚ด ๋ฐฑ์—”๋“œ ์š”๊ตฌ์‚ฌํ•ญ์€ [๋ฐฑ์—”๋“œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ](https://github.com/codeit-sprint-fullstack/8-sprint-mission-be)์˜ ๋ธŒ๋žœ์น˜์—์„œ ๊ด€๋ฆฌํ•ด์ฃผ์„ธ์š”_ - ---- - -๋ณธ ํ”„๋กœ์ ํŠธ๋Š” [์ฝ”๋“œ์ž‡](https://www.codeit.kr)์˜ ์†Œ์œ ์ด๋ฉฐ, ๊ต์œก ๋ชฉ์ ์œผ๋กœ๋งŒ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ยฉ 2024 Codeit. All rights reserved. +์ด ํ”„๋กœ์ ํŠธ๋Š” ํŒ๋‹ค๋งˆ์ผ“์ด๋ผ๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ์„ ์œ„ํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ, ์‚ฌ์šฉ์ž์—๊ฒŒ ์•ˆ์ „ํ•˜๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑฐ๋ž˜ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. \ No newline at end of file From 1aa907d294c5001b5f5f06e9fb58fe7e83371e7a Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 14 Jul 2025 11:16:20 +0900 Subject: [PATCH 04/63] =?UTF-8?q?feat:=20=EC=8A=A4=ED=94=84=EB=A6=B0?= =?UTF-8?q?=ED=8A=B81&2=20=EA=B0=81=20=ED=8E=98=EC=9D=B4=EC=A7=80=20html?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- faq/index.html | 12 +++++ index.html | 128 +++++++++++++++++++++++++++++++++++++++++++++ items/index.html | 12 +++++ login/index.html | 72 +++++++++++++++++++++++++ privacy/index.html | 13 +++++ signup/index.html | 85 ++++++++++++++++++++++++++++++ 6 files changed, 322 insertions(+) create mode 100644 faq/index.html create mode 100644 index.html create mode 100644 items/index.html create mode 100644 login/index.html create mode 100644 privacy/index.html create mode 100644 signup/index.html diff --git a/faq/index.html b/faq/index.html new file mode 100644 index 000000000..2225c8442 --- /dev/null +++ b/faq/index.html @@ -0,0 +1,12 @@ + + + + + + FAQ - ํŒ๋‹ค๋งˆ์ผ“ + + + +

FAQ ํŽ˜์ด์ง€

+ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 000000000..902cf73cd --- /dev/null +++ b/index.html @@ -0,0 +1,128 @@ + + + + + + + + ํŒ๋‹ค๋งˆ์ผ“ + + + + + + + + + + + + + + + + + + +
+ +
+ +
+
+
+
+

์ผ์ƒ์˜ ๋ชจ๋“  ๋ฌผ๊ฑด์„
๊ฑฐ๋ž˜ํ•ด ๋ณด์„ธ์š”

+ ๊ตฌ๊ฒฝํ•˜๋Ÿฌ ๊ฐ€๊ธฐ +
+
+ +
+
+ ์ธ๊ธฐ ์ƒํ’ˆ ์•„์ด์ฝ˜ +
+

Hot Item

+

์ธ๊ธฐ ์ƒํ’ˆ์„
ํ™•์ธํ•ด ๋ณด์„ธ์š”

+

+ ๊ฐ€์žฅ HOTํ•œ ์ค‘๊ณ ๊ฑฐ๋ž˜ ๋ฌผํ’ˆ์„
+ ํŒ๋‹ค ๋งˆ์ผ“์—์„œ ํ™•์ธํ•ด ๋ณด์„ธ์š” +

+
+
+ +
+
+

Search

+

๊ตฌ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”

+

+ ๊ตฌ๋งคํ•˜๊ณ  ์‹ถ์€ ๋ฌผํ’ˆ์€ ๊ฒ€์ƒ‰ํ•ด์„œ
+ ์‰ฝ๊ฒŒ ์ฐพ์•„๋ณด์„ธ์š” +

+
+ ๊ฒ€์ƒ‰ ์•„์ด์ฝ˜ +
+ +
+ ๋“ฑ๋ก ์•„์ด์ฝ˜ +
+

Register

+

ํŒ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜์„ธ์š”

+

+ ์–ด๋–ค ๋ฌผ๊ฑด์ด๋“  ํŒ๋งคํ•˜๊ณ  ์‹ถ์€ ์ƒํ’ˆ์„
+ ์‰ฝ๊ฒŒ ๋“ฑ๋กํ•˜์„ธ์š” +

+
+
+
+
+ +
+
+

๋ฏฟ์„ ์ˆ˜ ์žˆ๋Š”
ํŒ๋‹ค๋งˆ์ผ“ ์ค‘๊ณ  ๊ฑฐ๋ž˜

+
+
+
+ + + + diff --git a/items/index.html b/items/index.html new file mode 100644 index 000000000..c0f671878 --- /dev/null +++ b/items/index.html @@ -0,0 +1,12 @@ + + + + + + ์ƒํ’ˆ ๋ชฉ๋ก - ํŒ๋‹ค๋งˆ์ผ“ + + + +

์ƒํ’ˆ ๋ชฉ๋ก ํŽ˜์ด์ง€

+ + \ No newline at end of file diff --git a/login/index.html b/login/index.html new file mode 100644 index 000000000..0fe5904c0 --- /dev/null +++ b/login/index.html @@ -0,0 +1,72 @@ + + + + + + ๋กœ๊ทธ์ธ - ํŒ๋‹ค๋งˆ์ผ“ + + + + + + + + + + + + + +
+ +
+ + diff --git a/privacy/index.html b/privacy/index.html new file mode 100644 index 000000000..6bad91899 --- /dev/null +++ b/privacy/index.html @@ -0,0 +1,13 @@ + + + + + + ๊ฐœ์ธ์ •๋ณด ์ฒ˜๋ฆฌ๋ฐฉ์นจ - ํŒ๋‹ค๋งˆ์ผ“ + + + + +

๊ฐœ์ธ์ •๋ณด ์ฒ˜๋ฆฌ๋ฐฉ์นจ ํŽ˜์ด์ง€

+ + \ No newline at end of file diff --git a/signup/index.html b/signup/index.html new file mode 100644 index 000000000..2a14631b0 --- /dev/null +++ b/signup/index.html @@ -0,0 +1,85 @@ + + + + + + ํšŒ์›๊ฐ€์ž… - ํŒ๋‹ค๋งˆ์ผ“ + + + + + + + + + + + + + +
+ +
+ + From 42432f0aa060a8a39f56a78b3d537bbb8e41a9fe Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 14 Jul 2025 11:16:54 +0900 Subject: [PATCH 05/63] =?UTF-8?q?feat:=20=EC=8A=A4=ED=94=84=EB=A6=B0?= =?UTF-8?q?=ED=8A=B81&2=20=EA=B0=81=20=ED=8E=98=EC=9D=B4=EC=A7=80=EC=9D=98?= =?UTF-8?q?=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/common.css | 239 +++++++++++++++++++++++++++++++++++++++++++++++++ css/login.css | 30 +++++++ css/reset.css | 65 ++++++++++++++ css/style.css | 92 +++++++++++++++++++ 4 files changed, 426 insertions(+) create mode 100644 css/common.css create mode 100644 css/login.css create mode 100644 css/reset.css create mode 100644 css/style.css diff --git a/css/common.css b/css/common.css new file mode 100644 index 000000000..9462a0f72 --- /dev/null +++ b/css/common.css @@ -0,0 +1,239 @@ +@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); + +:root { + --primary-color-100: #3692ff; + --primary-color-200: #1967D6; + --primary-color-300: #1251AA; + + --error-color: #F74747; + + --secondary-color-50: #F9FAFB; + --secondary-color-100: #F3F4F6; + --secondary-color-200: #E5E7EB; + --secondary-color-400: #9CA3AF; + --secondary-color-500: #6B7280; + --secondary-color-600: #4B5563; + --secondary-color-700: #374151; + --secondary-color-800: #1F2937; + --secondary-color-900: #111827; + + --background-color: #FCFCFC; + --white-color: #fff; +} + +body { + font-family: "Pretendard", sans-serif; +} + +/* header ์Šคํƒ€์ผ */ +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: var(--background-color); + border-bottom: 1px solid #DFDFDF; + z-index: 1000; +} + +/* nav ์Šคํƒ€์ผ */ +.nav { + width: 100%; + max-width: 116rem; + padding: 0.9rem 1.6rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + cursor: pointer; +} + +/* footer ์Šคํƒ€์ผ */ +footer { + background-color: var(--secondary-color-900); +} + +.footer-container { + width: 100%; + padding: 3.2rem 20rem 10.8rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.copyright { + font-size: 1.4rem; + color: var(--secondary-color-400); +} + +.footer-nav { + display: flex; + gap: 3rem; +} + +.footer-nav a { + font-size: 1.4rem; + color: var(--secondary-color-200); + cursor: pointer; +} + +.social-links { + display: flex; + gap: 1.2rem; +} + +.social-links a { + cursor: pointer; +} + +/* ๋ฒ„ํŠผ ์Šคํƒ€์ผ */ +.btn-large { + display: inline-block; + height: 5.6rem; + font-size: 2rem; + line-height: 1.2; + font-weight: 600; + padding: 1.6rem 12.4rem; + border-radius: 4rem; + background: var(--primary-color-100); + color: var(--white-color); + cursor: pointer; +} + +.btn-large:hover { + background: var(--primary-color-200); +} + +.btn-large:active { + background: var(--primary-color-300); +} + +.btn-large:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); + cursor: not-allowed; +} + +.btn-small-40{ + display: inline-block; + height: 4.2rem; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.2; + padding: 1.2rem 2.3rem; + border-radius: 0.8rem; + background: var(--primary-color-100); + color: var(--secondary-color-100); + cursor: pointer; +} + +.btn-small-40:hover { + background: var(--primary-color-200); +} + +.btn-small-40:active { + background: var(--primary-color-300); +} + +.btn-small-40:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); +} + +/* input ์Šคํƒ€์ผ */ + +.input-label { + display: block; + font-size: 1.8rem; + font-weight: 700; + line-height: 2.6rem; + color: var(--secondary-color-800); + margin-bottom: 1.2rem; +} + +.input-common { + width: 100%; + height: 5.6rem; + padding: 0 1.6rem; + border-radius: 1.2rem; + font-size: 1.6rem; + color: var(--secondary-color-800); + background-color: var(--secondary-color-100); + border: 0.1rem solid transparent; +} + +.input-common::placeholder { + color: var(--secondary-color-400); +} + +.input-common:focus { + border: 0.1rem solid var(--primary-color-100); + outline: none; +} + +.input-password-group { + position: relative; +} + +.input-password-toggle { + position: absolute; + right: 2.4rem; + top: 50%; + transform: translateY(-50%); + cursor: pointer; +} + +/* ๊ฐ„ํŽธ๋กœ๊ทธ์ธ ์Šคํƒ€์ผ */ + +.social-login { + display : flex; + justify-content: space-between; + align-items: center; + gap: 1.6rem; + padding: 1.6rem 2.3rem; + border-radius: 0.8rem; + background-color: #E6F2FF; +} + +.social-login p { + font-size: 1.6rem; + font-weight: 500; + line-height: 2.6rem; + color: var(--secondary-color-800); +} + +.social-buttons { + display: flex; + justify-content: center; + gap: 1.6rem; +} + + +/* auth ์ปดํฌ๋„ŒํŠธ */ +.signup-link { + font-size: 1.4rem; + font-weight: 500; + margin-top: 2.4rem; + color: var(--secondary-color-800); +} + +.signup-link p{ + display: flex; + justify-content: center; + gap: 0.4rem; +} + +.signup-link a { + color: var(--primary-color-100); + text-decoration: underline; + text-underline-offset: 0.3rem; + font-weight: 600; +} + +.signup-link a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/css/login.css b/css/login.css new file mode 100644 index 000000000..150108209 --- /dev/null +++ b/css/login.css @@ -0,0 +1,30 @@ +/* ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์Šคํƒ€์ผ */ +.login-container { + display: flex; + justify-content: center; + align-items: center; + height: 100dvh; + background-color: var(--background-color); +} + +.login-wrapper { + width: 100%; + max-width: 64rem; +} + +.logo-container{ + text-align: center; + margin-bottom: 4rem; +} + +.login-form { + margin-bottom: 2.4rem; +} + +.input-group { + margin-bottom: 2.4rem; +} + +.btn-large { + width: 100%; +} diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 000000000..e560329be --- /dev/null +++ b/css/reset.css @@ -0,0 +1,65 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video, input, button { + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: middle; + box-sizing: border-box; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +html, body { + font-size: 62.5%; + line-height: 1.4; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +a { + text-decoration: none; + color: inherit; +} + +input { + border: none; + outline: none; +} + +button { + border: none; + outline: none; + background: none; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 000000000..e8c53c81a --- /dev/null +++ b/css/style.css @@ -0,0 +1,92 @@ + +.main { + margin-top: 7rem; +} + +.main-container{ + background-color: var(--background-color); + padding-bottom: 13.8rem; +} + +.hero-section { + background-color: #CFE5FF; +} + +.hero-text-container{ + width: 100%; + max-width : 112rem; + margin: 0 auto; + padding: 24rem 0 10rem; + background-image: url("../img/hero-img.svg"); + background-position: right 0rem bottom; + background-repeat: no-repeat; +} + +.hero-section-2 .hero-text-container { + background-image: url("../img/hero-img-02.svg"); +} + +.hero-section h1 { + font-size: 4rem; + font-weight: bold; + margin-bottom: 3.2rem; + color: var(--secondary-color-700); +} + +.go-to-button { + display: inline-block; + width: 35.7rem; + height: 5.6rem; + text-align: center; + line-height: 5.6rem; + background-color: var(--primary-color-100); + color: #fff; + border-radius: 2.8rem; + font-size: 1.8rem; + cursor: pointer; +} + +.features-section { + background-color: #fff; + padding-bottom: 13.8rem; +} + +.feature-item { + display : flex; + align-items: center; + justify-content: center; + width : 100%; + max-width: 98.8rem; + margin: 13.8rem auto; + gap: 6.2rem; + color : var(--gray-color-700); + background-color: var(--background-color); +} + +.feature-item:nth-child(3) { + margin-bottom: 0; +} + +.item-img-container { + border-radius: 1.6rem; +} + +.text-tag { + font-size: 1.8rem; + color: var(--primary-color-100); + font-weight: 700; + margin-bottom: 1.2rem; +} + +.feature-item h2 { + font-size: 4rem; + font-weight: 700; + margin-bottom: 2.4rem; + color: var(--secondary-color-700); +} + +.feature-item .item-text { + font-size: 2.4rem; + font-weight: 500; + color: var(--secondary-color-700); +} \ No newline at end of file From b6dce5655ff8b1698ffae62e3e316b8993351d14 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 17 Jul 2025 18:08:25 +0900 Subject: [PATCH 06/63] =?UTF-8?q?etc:=20=ED=8F=B4=EB=8D=94=20=EA=B5=AC?= =?UTF-8?q?=EC=A1=B0=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- {css => assets/css}/reset.css | 0 {img => assets/img}/feature-img-01.svg | 0 {img => assets/img}/feature-img-02.svg | 0 {img => assets/img}/feature-img-03.svg | 0 {img => assets/img}/footer-icon-01.svg | 0 {img => assets/img}/footer-icon-02.svg | 0 {img => assets/img}/footer-icon-03.svg | 0 {img => assets/img}/footer-icon-04.svg | 0 {img => assets/img}/google-icon.svg | 0 {img => assets/img}/hero-img-02.svg | 0 {img => assets/img}/hero-img.svg | 0 .../img/hidden-icon.svg | 0 {img => assets/img}/kakao-icon.svg | 0 {img => assets/img}/logo-lg.svg | 0 assets/img/logo-sm.svg | 3 + {img => assets/img}/logo.svg | 0 assets/img/og-img.svg | 53 ++++ assets/img/visible-icon.svg | 3 + css/common.css | 239 ------------------ css/login.css | 30 --- css/style.css | 92 ------- 21 files changed, 59 insertions(+), 361 deletions(-) rename {css => assets/css}/reset.css (100%) rename {img => assets/img}/feature-img-01.svg (100%) rename {img => assets/img}/feature-img-02.svg (100%) rename {img => assets/img}/feature-img-03.svg (100%) rename {img => assets/img}/footer-icon-01.svg (100%) rename {img => assets/img}/footer-icon-02.svg (100%) rename {img => assets/img}/footer-icon-03.svg (100%) rename {img => assets/img}/footer-icon-04.svg (100%) rename {img => assets/img}/google-icon.svg (100%) rename {img => assets/img}/hero-img-02.svg (100%) rename {img => assets/img}/hero-img.svg (100%) rename img/visible-icon.svg => assets/img/hidden-icon.svg (100%) rename {img => assets/img}/kakao-icon.svg (100%) rename {img => assets/img}/logo-lg.svg (100%) create mode 100644 assets/img/logo-sm.svg rename {img => assets/img}/logo.svg (100%) create mode 100644 assets/img/og-img.svg create mode 100644 assets/img/visible-icon.svg delete mode 100644 css/common.css delete mode 100644 css/login.css delete mode 100644 css/style.css diff --git a/css/reset.css b/assets/css/reset.css similarity index 100% rename from css/reset.css rename to assets/css/reset.css diff --git a/img/feature-img-01.svg b/assets/img/feature-img-01.svg similarity index 100% rename from img/feature-img-01.svg rename to assets/img/feature-img-01.svg diff --git a/img/feature-img-02.svg b/assets/img/feature-img-02.svg similarity index 100% rename from img/feature-img-02.svg rename to assets/img/feature-img-02.svg diff --git a/img/feature-img-03.svg b/assets/img/feature-img-03.svg similarity index 100% rename from img/feature-img-03.svg rename to assets/img/feature-img-03.svg diff --git a/img/footer-icon-01.svg b/assets/img/footer-icon-01.svg similarity index 100% rename from img/footer-icon-01.svg rename to assets/img/footer-icon-01.svg diff --git a/img/footer-icon-02.svg b/assets/img/footer-icon-02.svg similarity index 100% rename from img/footer-icon-02.svg rename to assets/img/footer-icon-02.svg diff --git a/img/footer-icon-03.svg b/assets/img/footer-icon-03.svg similarity index 100% rename from img/footer-icon-03.svg rename to assets/img/footer-icon-03.svg diff --git a/img/footer-icon-04.svg b/assets/img/footer-icon-04.svg similarity index 100% rename from img/footer-icon-04.svg rename to assets/img/footer-icon-04.svg diff --git a/img/google-icon.svg b/assets/img/google-icon.svg similarity index 100% rename from img/google-icon.svg rename to assets/img/google-icon.svg diff --git a/img/hero-img-02.svg b/assets/img/hero-img-02.svg similarity index 100% rename from img/hero-img-02.svg rename to assets/img/hero-img-02.svg diff --git a/img/hero-img.svg b/assets/img/hero-img.svg similarity index 100% rename from img/hero-img.svg rename to assets/img/hero-img.svg diff --git a/img/visible-icon.svg b/assets/img/hidden-icon.svg similarity index 100% rename from img/visible-icon.svg rename to assets/img/hidden-icon.svg diff --git a/img/kakao-icon.svg b/assets/img/kakao-icon.svg similarity index 100% rename from img/kakao-icon.svg rename to assets/img/kakao-icon.svg diff --git a/img/logo-lg.svg b/assets/img/logo-lg.svg similarity index 100% rename from img/logo-lg.svg rename to assets/img/logo-lg.svg diff --git a/assets/img/logo-sm.svg b/assets/img/logo-sm.svg new file mode 100644 index 000000000..1866199e1 --- /dev/null +++ b/assets/img/logo-sm.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/logo.svg b/assets/img/logo.svg similarity index 100% rename from img/logo.svg rename to assets/img/logo.svg diff --git a/assets/img/og-img.svg b/assets/img/og-img.svg new file mode 100644 index 000000000..96b105631 --- /dev/null +++ b/assets/img/og-img.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/visible-icon.svg b/assets/img/visible-icon.svg new file mode 100644 index 000000000..35a75305e --- /dev/null +++ b/assets/img/visible-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/css/common.css b/css/common.css deleted file mode 100644 index 9462a0f72..000000000 --- a/css/common.css +++ /dev/null @@ -1,239 +0,0 @@ -@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); - -:root { - --primary-color-100: #3692ff; - --primary-color-200: #1967D6; - --primary-color-300: #1251AA; - - --error-color: #F74747; - - --secondary-color-50: #F9FAFB; - --secondary-color-100: #F3F4F6; - --secondary-color-200: #E5E7EB; - --secondary-color-400: #9CA3AF; - --secondary-color-500: #6B7280; - --secondary-color-600: #4B5563; - --secondary-color-700: #374151; - --secondary-color-800: #1F2937; - --secondary-color-900: #111827; - - --background-color: #FCFCFC; - --white-color: #fff; -} - -body { - font-family: "Pretendard", sans-serif; -} - -/* header ์Šคํƒ€์ผ */ -.header { - position: fixed; - top: 0; - left: 0; - right: 0; - background-color: var(--background-color); - border-bottom: 1px solid #DFDFDF; - z-index: 1000; -} - -/* nav ์Šคํƒ€์ผ */ -.nav { - width: 100%; - max-width: 116rem; - padding: 0.9rem 1.6rem; - margin: 0 auto; - display: flex; - justify-content: space-between; - align-items: center; -} - -.logo { - cursor: pointer; -} - -/* footer ์Šคํƒ€์ผ */ -footer { - background-color: var(--secondary-color-900); -} - -.footer-container { - width: 100%; - padding: 3.2rem 20rem 10.8rem; - margin: 0 auto; - display: flex; - justify-content: space-between; - align-items: center; -} - -.copyright { - font-size: 1.4rem; - color: var(--secondary-color-400); -} - -.footer-nav { - display: flex; - gap: 3rem; -} - -.footer-nav a { - font-size: 1.4rem; - color: var(--secondary-color-200); - cursor: pointer; -} - -.social-links { - display: flex; - gap: 1.2rem; -} - -.social-links a { - cursor: pointer; -} - -/* ๋ฒ„ํŠผ ์Šคํƒ€์ผ */ -.btn-large { - display: inline-block; - height: 5.6rem; - font-size: 2rem; - line-height: 1.2; - font-weight: 600; - padding: 1.6rem 12.4rem; - border-radius: 4rem; - background: var(--primary-color-100); - color: var(--white-color); - cursor: pointer; -} - -.btn-large:hover { - background: var(--primary-color-200); -} - -.btn-large:active { - background: var(--primary-color-300); -} - -.btn-large:disabled { - background: var(--secondary-color-400); - color: var(--secondary-color-100); - cursor: not-allowed; -} - -.btn-small-40{ - display: inline-block; - height: 4.2rem; - font-size: 1.6rem; - font-weight: 600; - line-height: 1.2; - padding: 1.2rem 2.3rem; - border-radius: 0.8rem; - background: var(--primary-color-100); - color: var(--secondary-color-100); - cursor: pointer; -} - -.btn-small-40:hover { - background: var(--primary-color-200); -} - -.btn-small-40:active { - background: var(--primary-color-300); -} - -.btn-small-40:disabled { - background: var(--secondary-color-400); - color: var(--secondary-color-100); -} - -/* input ์Šคํƒ€์ผ */ - -.input-label { - display: block; - font-size: 1.8rem; - font-weight: 700; - line-height: 2.6rem; - color: var(--secondary-color-800); - margin-bottom: 1.2rem; -} - -.input-common { - width: 100%; - height: 5.6rem; - padding: 0 1.6rem; - border-radius: 1.2rem; - font-size: 1.6rem; - color: var(--secondary-color-800); - background-color: var(--secondary-color-100); - border: 0.1rem solid transparent; -} - -.input-common::placeholder { - color: var(--secondary-color-400); -} - -.input-common:focus { - border: 0.1rem solid var(--primary-color-100); - outline: none; -} - -.input-password-group { - position: relative; -} - -.input-password-toggle { - position: absolute; - right: 2.4rem; - top: 50%; - transform: translateY(-50%); - cursor: pointer; -} - -/* ๊ฐ„ํŽธ๋กœ๊ทธ์ธ ์Šคํƒ€์ผ */ - -.social-login { - display : flex; - justify-content: space-between; - align-items: center; - gap: 1.6rem; - padding: 1.6rem 2.3rem; - border-radius: 0.8rem; - background-color: #E6F2FF; -} - -.social-login p { - font-size: 1.6rem; - font-weight: 500; - line-height: 2.6rem; - color: var(--secondary-color-800); -} - -.social-buttons { - display: flex; - justify-content: center; - gap: 1.6rem; -} - - -/* auth ์ปดํฌ๋„ŒํŠธ */ -.signup-link { - font-size: 1.4rem; - font-weight: 500; - margin-top: 2.4rem; - color: var(--secondary-color-800); -} - -.signup-link p{ - display: flex; - justify-content: center; - gap: 0.4rem; -} - -.signup-link a { - color: var(--primary-color-100); - text-decoration: underline; - text-underline-offset: 0.3rem; - font-weight: 600; -} - -.signup-link a:hover { - text-decoration: underline; -} \ No newline at end of file diff --git a/css/login.css b/css/login.css deleted file mode 100644 index 150108209..000000000 --- a/css/login.css +++ /dev/null @@ -1,30 +0,0 @@ -/* ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์Šคํƒ€์ผ */ -.login-container { - display: flex; - justify-content: center; - align-items: center; - height: 100dvh; - background-color: var(--background-color); -} - -.login-wrapper { - width: 100%; - max-width: 64rem; -} - -.logo-container{ - text-align: center; - margin-bottom: 4rem; -} - -.login-form { - margin-bottom: 2.4rem; -} - -.input-group { - margin-bottom: 2.4rem; -} - -.btn-large { - width: 100%; -} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index e8c53c81a..000000000 --- a/css/style.css +++ /dev/null @@ -1,92 +0,0 @@ - -.main { - margin-top: 7rem; -} - -.main-container{ - background-color: var(--background-color); - padding-bottom: 13.8rem; -} - -.hero-section { - background-color: #CFE5FF; -} - -.hero-text-container{ - width: 100%; - max-width : 112rem; - margin: 0 auto; - padding: 24rem 0 10rem; - background-image: url("../img/hero-img.svg"); - background-position: right 0rem bottom; - background-repeat: no-repeat; -} - -.hero-section-2 .hero-text-container { - background-image: url("../img/hero-img-02.svg"); -} - -.hero-section h1 { - font-size: 4rem; - font-weight: bold; - margin-bottom: 3.2rem; - color: var(--secondary-color-700); -} - -.go-to-button { - display: inline-block; - width: 35.7rem; - height: 5.6rem; - text-align: center; - line-height: 5.6rem; - background-color: var(--primary-color-100); - color: #fff; - border-radius: 2.8rem; - font-size: 1.8rem; - cursor: pointer; -} - -.features-section { - background-color: #fff; - padding-bottom: 13.8rem; -} - -.feature-item { - display : flex; - align-items: center; - justify-content: center; - width : 100%; - max-width: 98.8rem; - margin: 13.8rem auto; - gap: 6.2rem; - color : var(--gray-color-700); - background-color: var(--background-color); -} - -.feature-item:nth-child(3) { - margin-bottom: 0; -} - -.item-img-container { - border-radius: 1.6rem; -} - -.text-tag { - font-size: 1.8rem; - color: var(--primary-color-100); - font-weight: 700; - margin-bottom: 1.2rem; -} - -.feature-item h2 { - font-size: 4rem; - font-weight: 700; - margin-bottom: 2.4rem; - color: var(--secondary-color-700); -} - -.feature-item .item-text { - font-size: 2.4rem; - font-weight: 500; - color: var(--secondary-color-700); -} \ No newline at end of file From fbc0bf87e5d29920b3c534f17aa666a1be3e3bf1 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 17 Jul 2025 18:09:37 +0900 Subject: [PATCH 07/63] =?UTF-8?q?design:=20=EB=B0=98=EC=9D=91=ED=98=95=20?= =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/common.css | 289 ++++++++++++++++++++++++++++++++++++++++++ assets/css/login.css | 41 ++++++ assets/css/style.css | 216 +++++++++++++++++++++++++++++++ index.html | 35 ++--- 4 files changed, 565 insertions(+), 16 deletions(-) create mode 100644 assets/css/common.css create mode 100644 assets/css/login.css create mode 100644 assets/css/style.css diff --git a/assets/css/common.css b/assets/css/common.css new file mode 100644 index 000000000..2fdf7440c --- /dev/null +++ b/assets/css/common.css @@ -0,0 +1,289 @@ +@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); + +:root { + --primary-color-100: #3692ff; + --primary-color-200: #1967D6; + --primary-color-300: #1251AA; + + --error-color: #F74747; + + --secondary-color-50: #F9FAFB; + --secondary-color-100: #F3F4F6; + --secondary-color-200: #E5E7EB; + --secondary-color-400: #9CA3AF; + --secondary-color-500: #6B7280; + --secondary-color-600: #4B5563; + --secondary-color-700: #374151; + --secondary-color-800: #1F2937; + --secondary-color-900: #111827; + + --background-color: #FCFCFC; + --white-color: #fff; +} + +body { + font-family: "Pretendard", sans-serif; +} + +/* header ์Šคํƒ€์ผ */ +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: var(--background-color); + border-bottom: 1px solid #DFDFDF; + z-index: 1000; +} + +/* nav ์Šคํƒ€์ผ */ +.nav { + width: 100%; + max-width: 116rem; + padding: 0.9rem 1.6rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + cursor: pointer; +} + +/* footer ์Šคํƒ€์ผ */ +footer { + background-color: var(--secondary-color-900); +} + +.footer-container { + width: 100%; + padding: 3.2rem 20rem 10.8rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.copyright { + font-size: 1.4rem; + color: var(--secondary-color-400); +} + +.footer-nav { + display: flex; + gap: 3rem; +} + +.footer-nav a { + font-size: 1.4rem; + color: var(--secondary-color-200); + cursor: pointer; +} + +.social-links { + display: flex; + gap: 1.2rem; +} + +.social-links a { + cursor: pointer; +} + +/* ๋ฒ„ํŠผ ์Šคํƒ€์ผ */ +.btn-large { + display: inline-block; + height: 5.6rem; + font-size: 2rem; + line-height: 1.2; + font-weight: 600; + padding: 1.6rem 12.4rem; + border-radius: 4rem; + background: var(--primary-color-100); + color: var(--white-color); + cursor: pointer; +} + +.btn-large:hover { + background: var(--primary-color-200); +} + +.btn-large:active { + background: var(--primary-color-300); +} + +.btn-large:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); + cursor: not-allowed; +} + +.btn-small-40{ + display: inline-block; + height: 4.2rem; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.2; + padding: 1.2rem 2.3rem; + border-radius: 0.8rem; + background: var(--primary-color-100); + color: var(--secondary-color-100); + cursor: pointer; +} + +.btn-small-40:hover { + background: var(--primary-color-200); +} + +.btn-small-40:active { + background: var(--primary-color-300); +} + +.btn-small-40:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); +} + +/* input ์Šคํƒ€์ผ */ + +.input-label { + display: block; + font-size: 1.8rem; + font-weight: 700; + line-height: 2.6rem; + color: var(--secondary-color-800); + margin-bottom: 1.2rem; +} + +.input-common { + width: 100%; + height: 5.6rem; + padding: 0 1.6rem; + border-radius: 1.2rem; + font-size: 1.6rem; + color: var(--secondary-color-800); + background-color: var(--secondary-color-100); + border: 0.1rem solid transparent; +} + +.input-common::placeholder { + color: var(--secondary-color-400); +} + +.input-common:focus { + border: 0.1rem solid var(--primary-color-100); + outline: none; +} + +.input-common.error { + border: 0.1rem solid var(--error-color); +} + +.input-common.error + p { + font-size: 1.5rem; + margin: 0.8rem 1.4rem; + color: var(--error-color); +} + +.input-password-group { + position: relative; +} + +.input-password-toggle { + position: absolute; + right: 2.4rem; + top: 50%; + transform: translateY(-50%); + cursor: pointer; +} + +/* ๊ฐ„ํŽธ๋กœ๊ทธ์ธ ์Šคํƒ€์ผ */ + +.social-login { + display : flex; + justify-content: space-between; + align-items: center; + gap: 1.6rem; + padding: 1.6rem 2.3rem; + border-radius: 0.8rem; + background-color: #E6F2FF; +} + +.social-login p { + font-size: 1.6rem; + font-weight: 500; + line-height: 2.6rem; + color: var(--secondary-color-800); +} + +.social-buttons { + display: flex; + justify-content: center; + gap: 1.6rem; +} + + +/* auth ์ปดํฌ๋„ŒํŠธ */ +.signup-link { + font-size: 1.4rem; + font-weight: 500; + margin-top: 2.4rem; + color: var(--secondary-color-800); +} + +.signup-link p{ + display: flex; + justify-content: center; + gap: 0.4rem; +} + +.signup-link a { + color: var(--primary-color-100); + text-decoration: underline; + text-underline-offset: 0.3rem; + font-weight: 600; +} + +.signup-link a:hover { + text-decoration: underline; +} + +/* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ +@media (max-width: 1199px) { + .nav { + padding: 0.9rem 2.4rem; + } + + .footer-container { + padding: 3.2rem 2.4rem 8rem; + } + +} + +@media (max-width: 743px) { + .nav { + padding: 0.9rem 1.6rem; + } + + .btn-large { + width : 24rem; + height: 4.8rem; + font-size: 1.8rem; + padding: 1.2rem 0; + text-align: center; + margin: 0 auto; + } + + + .footer-container { + flex-wrap : wrap; + gap: 2.4rem; + padding: 3.2rem 1.6rem 6.5rem; + } + + .copyright { + order : 1; + flex-basis: 100%; + } + +} \ No newline at end of file diff --git a/assets/css/login.css b/assets/css/login.css new file mode 100644 index 000000000..8311f6f21 --- /dev/null +++ b/assets/css/login.css @@ -0,0 +1,41 @@ +/* ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์Šคํƒ€์ผ */ +.login-container { + display: flex; + justify-content: center; + align-items: center; + height: 100dvh; + background-color: var(--background-color); +} + +.login-wrapper { + width: 100%; + max-width: 64rem; +} + +.logo-container{ + text-align: center; + margin-bottom: 4rem; +} + +.login-form { + margin-bottom: 2.4rem; +} + +.input-group { + margin-bottom: 2.4rem; +} + +.btn-large { + width: 100%; +} + +@media (max-width: 743px) { + .login-wrapper{ + max-width: calc(40rem + 3.2rem); + padding: 0 1.6rem; + } + + .logo-container img{ + width: 19.8rem; + } +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 000000000..b28720753 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,216 @@ + +.main { + margin-top: 7rem; +} + +.main-container{ + background-color: var(--background-color); + padding-bottom: 13.8rem; +} + +.hero-section { + background-color: #CFE5FF; +} + +.hero-text-container{ + width: 100%; + max-width : 112rem; + margin: 0 auto; + padding: 24rem 0 10rem; + background-image: url("../img/hero-img.svg"); + background-position: right 0rem bottom; + background-repeat: no-repeat; +} + +.hero-section-2 .hero-text-container { + background-image: url("../img/hero-img-02.svg"); +} + +.hero-section h1 { + font-size: 4rem; + font-weight: bold; + margin-bottom: 3.2rem; + color: var(--secondary-color-700); +} + +.go-to-button { + display: inline-block; + width: 35.7rem; + height: 5.6rem; + text-align: center; + line-height: 5.6rem; + background-color: var(--primary-color-100); + color: #fff; + border-radius: 2.8rem; + font-size: 1.8rem; + cursor: pointer; +} + +.features-section { + background-color: #fff; + padding-bottom: 13.8rem; +} + +.feature-item { + display : flex; + align-items: center; + justify-content: center; + width : 100%; + max-width: 98.8rem; + margin: 13.8rem auto; + gap: 6.2rem; + color : var(--gray-color-700); + background-color: var(--background-color); +} + +.feature-item:nth-child(3) { + margin-bottom: 0; +} + +.item-img-container { + border-radius: 1.6rem; +} + +.text-tag { + font-size: 1.8rem; + color: var(--primary-color-100); + font-weight: 700; + margin-bottom: 1.2rem; +} + +.feature-item h2 { + font-size: 4rem; + font-weight: 700; + margin-bottom: 2.4rem; + color: var(--secondary-color-700); +} + +.feature-item .item-text { + font-size: 2.4rem; + font-weight: 500; + color: var(--secondary-color-700); +} + +/* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ +@media (max-width: 1199px) { + + .main-container { + padding-bottom: 0; + } + + .hero-text-container { + padding: 8.4rem 0rem 50rem; + text-align: center; + background-size: 100%; + } + + .hero-section-2 .hero-text-container { + padding: 20rem 0 61.4rem; + } + + .hero-section h1 { + font-size: 4rem; + margin-bottom: 2.4rem; + } + + .features-section { + margin-top: 5.2rem; + padding-bottom: 0; + } + + .feature-item { + width:100%; + gap: 2.4rem; + margin: 0 auto; + padding: 0 2.4rem 5.2rem; + flex-direction: column; + } + + .feature-item .item-text-container { + width : 100%; + max-width: 58.8rem; + margin: 0 auto; + } + + .feature-item h2 { + font-size: 3.2rem; + } + + .feature-item:nth-child(2){ + text-align: right; + } + + .feature-item:nth-child(2) img { + order: -1; + } + + .feature-item .item-text { + font-size: 1.8rem; + } + + .tablet-none { + display: none; + } + + .desktop-only{ + display: none; + } +} + +@media (max-width: 743px) { + + .main { + margin-top: 6rem; + } + + .hero-text-container { + padding: 4.8rem 0rem 33.6rem; + } + + .hero-section-2 .hero-text-container { + padding: 12rem 0 30rem; + } + + .hero-section h1 { + font-size: 2.8rem; + margin-bottom: 2rem; + text-align: center; + } + + .go-to-button { + width: 100%; + max-width: 31.1rem; + margin: 0 auto; + display: block; + } + + .feature-item { + padding: 0 1.6rem 4rem; + } + + .feature-item:last-child { + padding-bottom: 8rem; + } + + .feature-item:nth-child(2) { + flex-direction: column; + } + + .feature-item img { + width: 100%; + height: auto; + } + + .feature-item h2 { + font-size: 2.4rem; + margin-bottom: 1.6rem; + } + + .feature-item .item-text { + font-size: 1.8rem; + } + + .tablet-none { + display: block; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 902cf73cd..cced67d36 100644 --- a/index.html +++ b/index.html @@ -11,9 +11,9 @@ ํŒ๋‹ค๋งˆ์ผ“ - - - + + + @@ -21,7 +21,7 @@ property="og:description" content="ํŒ๋‹ค๋งˆ์ผ“์—์„œ ๋‹น์‹ ์˜ ์ƒํ’ˆ์„ ๊ฑฐ๋ž˜ํ•˜์„ธ์š”. ์•ˆ์ „ํ•˜๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค." /> - + @@ -40,7 +40,10 @@
@@ -50,17 +53,17 @@
-

์ผ์ƒ์˜ ๋ชจ๋“  ๋ฌผ๊ฑด์„
๊ฑฐ๋ž˜ํ•ด ๋ณด์„ธ์š”

+

์ผ์ƒ์˜ ๋ชจ๋“  ๋ฌผ๊ฑด์„
๊ฑฐ๋ž˜ํ•ด ๋ณด์„ธ์š”

๊ตฌ๊ฒฝํ•˜๋Ÿฌ ๊ฐ€๊ธฐ
- ์ธ๊ธฐ ์ƒํ’ˆ ์•„์ด์ฝ˜ + ์ธ๊ธฐ ์ƒํ’ˆ ์•„์ด์ฝ˜

Hot Item

-

์ธ๊ธฐ ์ƒํ’ˆ์„
ํ™•์ธํ•ด ๋ณด์„ธ์š”

+

์ธ๊ธฐ ์ƒํ’ˆ์„
ํ™•์ธํ•ด ๋ณด์„ธ์š”

๊ฐ€์žฅ HOTํ•œ ์ค‘๊ณ ๊ฑฐ๋ž˜ ๋ฌผํ’ˆ์„
ํŒ๋‹ค ๋งˆ์ผ“์—์„œ ํ™•์ธํ•ด ๋ณด์„ธ์š” @@ -71,20 +74,20 @@

์ธ๊ธฐ ์ƒํ’ˆ์„
ํ™•์ธํ•ด ๋ณด์„ธ์š”

Search

-

๊ตฌ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”

+

๊ตฌ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”

๊ตฌ๋งคํ•˜๊ณ  ์‹ถ์€ ๋ฌผํ’ˆ์€ ๊ฒ€์ƒ‰ํ•ด์„œ
์‰ฝ๊ฒŒ ์ฐพ์•„๋ณด์„ธ์š”

- ๊ฒ€์ƒ‰ ์•„์ด์ฝ˜ + ๊ฒ€์ƒ‰ ์•„์ด์ฝ˜
- ๋“ฑ๋ก ์•„์ด์ฝ˜ + ๋“ฑ๋ก ์•„์ด์ฝ˜

Register

-

ํŒ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜์„ธ์š”

+

ํŒ๋งค๋ฅผ ์›ํ•˜๋Š”
์ƒํ’ˆ์„ ๋“ฑ๋กํ•˜์„ธ์š”

์–ด๋–ค ๋ฌผ๊ฑด์ด๋“  ํŒ๋งคํ•˜๊ณ  ์‹ถ์€ ์ƒํ’ˆ์„
์‰ฝ๊ฒŒ ๋“ฑ๋กํ•˜์„ธ์š” @@ -110,16 +113,16 @@

๋ฏฟ์„ ์ˆ˜ ์žˆ๋Š”
ํŒ๋‹ค๋งˆ์ผ“ ์ค‘๊ณ  ๊ฑฐ๋ž˜

From 2f185217362706b282d026d5e6c085958cdaca2b Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 21 Jul 2025 15:57:53 +0900 Subject: [PATCH 08/63] =?UTF-8?q?fix:=20=EC=BD=94=EB=93=9C=EB=A6=AC?= =?UTF-8?q?=EB=B7=B0=20=EB=B0=98=EC=98=81=20(=EA=B4=80=EC=8B=AC=EC=82=AC?= =?UTF-8?q?=20=EB=B6=84=EB=A6=AC)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 4 +- assets/img/{ => auth}/google-icon.svg | 0 assets/img/{ => auth}/hidden-icon.svg | 0 assets/img/{ => auth}/kakao-icon.svg | 0 assets/img/{ => auth}/visible-icon.svg | 0 assets/img/{ => common}/og-img.svg | 0 assets/img/{ => footer}/footer-icon-01.svg | 0 assets/img/{ => footer}/footer-icon-02.svg | 0 assets/img/{ => footer}/footer-icon-03.svg | 0 assets/img/{ => footer}/footer-icon-04.svg | 0 assets/img/{ => header}/logo-lg.svg | 0 assets/img/{ => header}/logo-sm.svg | 0 assets/img/{ => header}/logo.svg | 0 assets/img/{ => main-page}/feature-img-01.svg | 0 assets/img/{ => main-page}/feature-img-02.svg | 0 assets/img/{ => main-page}/feature-img-03.svg | 0 assets/img/{ => main-page}/hero-img-02.svg | 0 assets/img/{ => main-page}/hero-img.svg | 0 index.html | 55 +++++++++++++------ login/index.html | 16 +++--- signup/index.html | 32 +++++++---- 21 files changed, 72 insertions(+), 35 deletions(-) rename assets/img/{ => auth}/google-icon.svg (100%) rename assets/img/{ => auth}/hidden-icon.svg (100%) rename assets/img/{ => auth}/kakao-icon.svg (100%) rename assets/img/{ => auth}/visible-icon.svg (100%) rename assets/img/{ => common}/og-img.svg (100%) rename assets/img/{ => footer}/footer-icon-01.svg (100%) rename assets/img/{ => footer}/footer-icon-02.svg (100%) rename assets/img/{ => footer}/footer-icon-03.svg (100%) rename assets/img/{ => footer}/footer-icon-04.svg (100%) rename assets/img/{ => header}/logo-lg.svg (100%) rename assets/img/{ => header}/logo-sm.svg (100%) rename assets/img/{ => header}/logo.svg (100%) rename assets/img/{ => main-page}/feature-img-01.svg (100%) rename assets/img/{ => main-page}/feature-img-02.svg (100%) rename assets/img/{ => main-page}/feature-img-03.svg (100%) rename assets/img/{ => main-page}/hero-img-02.svg (100%) rename assets/img/{ => main-page}/hero-img.svg (100%) diff --git a/assets/css/style.css b/assets/css/style.css index b28720753..9afbb3de4 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -17,13 +17,13 @@ max-width : 112rem; margin: 0 auto; padding: 24rem 0 10rem; - background-image: url("../img/hero-img.svg"); + background-image: url("../img/main-page/hero-img.svg"); background-position: right 0rem bottom; background-repeat: no-repeat; } .hero-section-2 .hero-text-container { - background-image: url("../img/hero-img-02.svg"); + background-image: url("../img/main-page/hero-img-02.svg"); } .hero-section h1 { diff --git a/assets/img/google-icon.svg b/assets/img/auth/google-icon.svg similarity index 100% rename from assets/img/google-icon.svg rename to assets/img/auth/google-icon.svg diff --git a/assets/img/hidden-icon.svg b/assets/img/auth/hidden-icon.svg similarity index 100% rename from assets/img/hidden-icon.svg rename to assets/img/auth/hidden-icon.svg diff --git a/assets/img/kakao-icon.svg b/assets/img/auth/kakao-icon.svg similarity index 100% rename from assets/img/kakao-icon.svg rename to assets/img/auth/kakao-icon.svg diff --git a/assets/img/visible-icon.svg b/assets/img/auth/visible-icon.svg similarity index 100% rename from assets/img/visible-icon.svg rename to assets/img/auth/visible-icon.svg diff --git a/assets/img/og-img.svg b/assets/img/common/og-img.svg similarity index 100% rename from assets/img/og-img.svg rename to assets/img/common/og-img.svg diff --git a/assets/img/footer-icon-01.svg b/assets/img/footer/footer-icon-01.svg similarity index 100% rename from assets/img/footer-icon-01.svg rename to assets/img/footer/footer-icon-01.svg diff --git a/assets/img/footer-icon-02.svg b/assets/img/footer/footer-icon-02.svg similarity index 100% rename from assets/img/footer-icon-02.svg rename to assets/img/footer/footer-icon-02.svg diff --git a/assets/img/footer-icon-03.svg b/assets/img/footer/footer-icon-03.svg similarity index 100% rename from assets/img/footer-icon-03.svg rename to assets/img/footer/footer-icon-03.svg diff --git a/assets/img/footer-icon-04.svg b/assets/img/footer/footer-icon-04.svg similarity index 100% rename from assets/img/footer-icon-04.svg rename to assets/img/footer/footer-icon-04.svg diff --git a/assets/img/logo-lg.svg b/assets/img/header/logo-lg.svg similarity index 100% rename from assets/img/logo-lg.svg rename to assets/img/header/logo-lg.svg diff --git a/assets/img/logo-sm.svg b/assets/img/header/logo-sm.svg similarity index 100% rename from assets/img/logo-sm.svg rename to assets/img/header/logo-sm.svg diff --git a/assets/img/logo.svg b/assets/img/header/logo.svg similarity index 100% rename from assets/img/logo.svg rename to assets/img/header/logo.svg diff --git a/assets/img/feature-img-01.svg b/assets/img/main-page/feature-img-01.svg similarity index 100% rename from assets/img/feature-img-01.svg rename to assets/img/main-page/feature-img-01.svg diff --git a/assets/img/feature-img-02.svg b/assets/img/main-page/feature-img-02.svg similarity index 100% rename from assets/img/feature-img-02.svg rename to assets/img/main-page/feature-img-02.svg diff --git a/assets/img/feature-img-03.svg b/assets/img/main-page/feature-img-03.svg similarity index 100% rename from assets/img/feature-img-03.svg rename to assets/img/main-page/feature-img-03.svg diff --git a/assets/img/hero-img-02.svg b/assets/img/main-page/hero-img-02.svg similarity index 100% rename from assets/img/hero-img-02.svg rename to assets/img/main-page/hero-img-02.svg diff --git a/assets/img/hero-img.svg b/assets/img/main-page/hero-img.svg similarity index 100% rename from assets/img/hero-img.svg rename to assets/img/main-page/hero-img.svg diff --git a/index.html b/index.html index cced67d36..7b36050f2 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@ property="og:description" content="ํŒ๋‹ค๋งˆ์ผ“์—์„œ ๋‹น์‹ ์˜ ์ƒํ’ˆ์„ ๊ฑฐ๋ž˜ํ•˜์„ธ์š”. ์•ˆ์ „ํ•˜๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค." /> - + @@ -41,8 +41,8 @@
diff --git a/login/index.html b/login/index.html index 0fe5904c0..0a268d192 100644 --- a/login/index.html +++ b/login/index.html @@ -4,9 +4,9 @@ ๋กœ๊ทธ์ธ - ํŒ๋‹ค๋งˆ์ผ“ - - - + + + @@ -21,7 +21,7 @@ @@ -54,10 +54,10 @@

๊ฐ„ํŽธ ๋กœ๊ทธ์ธ ํ•˜๊ธฐ

@@ -68,5 +68,7 @@ + + diff --git a/signup/index.html b/signup/index.html index 2a14631b0..f0af1acda 100644 --- a/signup/index.html +++ b/signup/index.html @@ -4,9 +4,9 @@ ํšŒ์›๊ฐ€์ž… - ํŒ๋‹ค๋งˆ์ผ“ - - - + + + @@ -21,7 +21,7 @@ @@ -53,7 +53,7 @@
@@ -66,11 +66,23 @@ From 0f7fc7000084aa73117868e028a3e9065a364f65 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Mon, 21 Jul 2025 15:58:19 +0900 Subject: [PATCH 09/63] =?UTF-8?q?fix:=20=EC=BD=94=EB=93=9C=EB=A6=AC?= =?UTF-8?q?=EB=B7=B0=20=EB=B0=98=EC=98=81=20(=EA=B0=84=EA=B2=A9=20?= =?UTF-8?q?=EC=A1=B0=EC=A0=95)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/common.css | 8 ++++++++ assets/css/login.css | 12 +++++++++++- 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/assets/css/common.css b/assets/css/common.css index 2fdf7440c..0fc78bb30 100644 --- a/assets/css/common.css +++ b/assets/css/common.css @@ -58,6 +58,7 @@ footer { .footer-container { width: 100%; + max-width: 152rem; padding: 3.2rem 20rem 10.8rem; margin: 0 auto; display: flex; @@ -249,6 +250,13 @@ footer { } /* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ +@media (max-width: 1920px) { + .nav { + max-width : none; + padding: 0.9rem 20rem; + } +} + @media (max-width: 1199px) { .nav { padding: 0.9rem 2.4rem; diff --git a/assets/css/login.css b/assets/css/login.css index 8311f6f21..1507bf96a 100644 --- a/assets/css/login.css +++ b/assets/css/login.css @@ -2,9 +2,9 @@ .login-container { display: flex; justify-content: center; - align-items: center; height: 100dvh; background-color: var(--background-color); + padding-top: 6rem; } .login-wrapper { @@ -29,7 +29,17 @@ width: 100%; } +@media (max-width: 1199px) { + .login-container { + padding-top: 4.8rem; + } +} + @media (max-width: 743px) { + .login-container { + padding-top: 2.4rem; + } + .login-wrapper{ max-width: calc(40rem + 3.2rem); padding: 0 1.6rem; From e4afaa0c524f218d4abbf2ef0b97e9725dc82acf Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Tue, 22 Jul 2025 18:32:52 +0900 Subject: [PATCH 10/63] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,=20?= =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EC=9C=A0=ED=9A=A8?= =?UTF-8?q?=EC=84=B1=20=EA=B2=80=EC=82=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/auth.js | 104 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 104 insertions(+) create mode 100644 assets/js/auth.js diff --git a/assets/js/auth.js b/assets/js/auth.js new file mode 100644 index 000000000..55880d9e8 --- /dev/null +++ b/assets/js/auth.js @@ -0,0 +1,104 @@ +document.addEventListener('DOMContentLoaded', () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ + + const loginForm = document.querySelector('.login-form'); // ๋กœ๊ทธ์ธ ํผ + const emailInput = document.querySelector('#email'); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ + const nicknameInput = document.querySelector('#nickname'); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ + const passwordInput = document.querySelector('#password'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ + const passwordCheckInput = document.querySelector('#password-check'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ + const passwordToggleButton = document.querySelector('.input-password-toggle'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ + + // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ + passwordToggleButton.addEventListener('click', () => { + const passwordType = passwordInput.type === 'password'; + passwordInput.type = passwordType ? 'text' : 'password'; + + const iconSrc = passwordType + ? '../assets/img/auth/visible-icon.svg' + : '../assets/img/auth/hidden-icon.svg'; + + passwordToggleButton.querySelector('img').src = iconSrc; + }); + + // ์ด๋ฉ”์ผ ๋ฐ ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + const validateInput = (inputElement, type) => { + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ + const loginButton = document.querySelector('.btn-large'); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ + + // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ + const showError = (message) => { + inputElement.classList.add('error'); + let errorMessage = inputElement.parentElement.querySelector('p'); + + if (!errorMessage) { // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ + errorMessage = document.createElement('p'); + inputElement.parentElement.appendChild(errorMessage); + } + + errorMessage.textContent = message; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. + }; + + // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ + const removeError = () => { + inputElement.classList.remove('error'); + const errorMessage = inputElement.parentElement.querySelector('p'); + errorMessage?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ + }; + + // ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ + const isBtnDisabled = () => { + const emailError = emailInput.classList.contains('error'); + const passwordError = passwordInput.classList.contains('error'); + const emailValue = emailInput.value; + const passwordValue = passwordInput.value; + + // 4๊ฐ€์ง€ ์กฐ๊ฑด์ด ๋ชจ๋‘ ๋งŒ์กฑํ–ˆ์„ ์‹œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”, ๊ฒฐ๊ณผ๊ฐ’์ด ๋ชจ๋‘ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ex) disabled=false + return emailError || passwordError || emailValue === '' || passwordValue === ''; + } + + // ์ž…๋ ฅ ๊ฐ’ ๊ฒ€์ฆ + if (inputElement.value === '') { // ๊ฐ’์ด ์—†์„ ๊ฒฝ์šฐ + showError(type === 'email' ? '์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.' : type === 'nickname' ? '๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.' : '๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.'); + } else if (type === 'email' && !emailRegex.test(inputElement.value)) { // ์ด๋ฉ”์ผ ํ˜•์‹์— ๋งž์ง€ ์•Š์„ ๊ฒฝ์šฐ + showError('์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค.'); + } else if (type === 'password' && inputElement.value.length < 8) { // ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ 8์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ + showError('๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.'); + } else if (type === 'password-check' && inputElement.value !== passwordInput.value) { // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๋‹ค๋ฅผ ๊ฒฝ์šฐ + showError('๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.'); + } else { // ๊ฐ’์ด ์žˆ๊ณ  ํ˜•์‹์— ๋งž์„ ๊ฒฝ์šฐ + removeError(); // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ + } + + loginButton.disabled = isBtnDisabled(); // disabled๊ฐ€ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ๋จ + } + + emailInput.addEventListener('blur', () => validateInput(emailInput, 'email')); + nicknameInput?.addEventListener('blur', () => validateInput(nicknameInput, 'nickname')); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + passwordInput.addEventListener('blur', () => validateInput(passwordInput, 'password')); + passwordCheckInput?.addEventListener('blur', () => validateInput(passwordCheckInput, 'password-check')); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + + // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ + loginForm.addEventListener('submit', (e) => { + e.preventDefault(); + window.location.href = '/items'; + }); + + // ํŒ์—… ๊ด€๋ จ ํ•จ์ˆ˜ + window.showPopup = (message) => { + const popup = document.getElementById('popup'); + const content = popup.querySelector('.popup-content'); + content.textContent = message; + popup.style.display = 'flex'; + } + + window.closePopup = () => { + const popup = document.getElementById('popup'); + popup.style.display = 'none'; + } + + // ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ + document.getElementById('popup').addEventListener('click', (e) => { + if (e.target.classList.contains('popup-overlay')) { + closePopup(); + } + }); +}); \ No newline at end of file From f34b70cc5678a8b24eab2c5dcbd75b26498659a3 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Wed, 23 Jul 2025 09:47:04 +0900 Subject: [PATCH 11/63] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,=20?= =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EC=A7=84=ED=96=89=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EB=B0=8F=20=ED=8C=9D=EC=97=85=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/common.css | 97 ++++++++++++++++++--- assets/css/login.css | 2 +- assets/data/userData.js | 8 ++ assets/js/auth.js | 184 +++++++++++++++++++++++++++------------- login/index.html | 47 ++++++---- signup/index.html | 81 ++++++++++++------ 6 files changed, 308 insertions(+), 111 deletions(-) create mode 100644 assets/data/userData.js diff --git a/assets/css/common.css b/assets/css/common.css index 0fc78bb30..50c2b4a80 100644 --- a/assets/css/common.css +++ b/assets/css/common.css @@ -58,7 +58,6 @@ footer { .footer-container { width: 100%; - max-width: 152rem; padding: 3.2rem 20rem 10.8rem; margin: 0 auto; display: flex; @@ -145,6 +144,38 @@ footer { color: var(--secondary-color-100); } +.btn-small-48 { + display: inline-block; + height: 4.8rem; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.2; + padding: 1.2rem 4.6rem; + border-radius: 0.8rem; + background: var(--primary-color-100); + color: var(--secondary-color-100); + cursor: pointer; +} + +.btn-small-48:hover { + background: var(--primary-color-200); +} + +.btn-small-48:active { + background: var(--primary-color-300); +} + +.btn-small-48:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); +} + +.popup-btn { + position: absolute; + bottom: 2.8rem; + right: 2.8rem; +} + /* input ์Šคํƒ€์ผ */ .input-label { @@ -180,7 +211,7 @@ footer { border: 0.1rem solid var(--error-color); } -.input-common.error + p { +.input-common.error ~ p { font-size: 1.5rem; margin: 0.8rem 1.4rem; color: var(--error-color); @@ -193,8 +224,7 @@ footer { .input-password-toggle { position: absolute; right: 2.4rem; - top: 50%; - transform: translateY(-50%); + top: 16px; cursor: pointer; } @@ -249,14 +279,48 @@ footer { text-decoration: underline; } -/* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ -@media (max-width: 1920px) { - .nav { - max-width : none; - padding: 0.9rem 20rem; - } + +/* ํŒ์—… ์Šคํƒ€์ผ */ +.popup-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + display: none; +} + +.popup-overlay.active { + display: flex; +} + +.popup-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + max-width: 54rem; + height: 25rem; + border-radius: 1.2rem; + display : flex; + justify-content: center; + align-items: center; + background-color: var(--white-color); + z-index: 11; +} + +.popup-content { + font-size: 1.6rem; + padding-bottom: 2.8rem; } +/* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ @media (max-width: 1199px) { .nav { padding: 0.9rem 2.4rem; @@ -294,4 +358,15 @@ footer { flex-basis: 100%; } -} \ No newline at end of file + .popup-container { + width: calc(100% - 4.8rem); + } + + .popup-btn{ + left: 50%; + transform: translateX(-50%); + bottom : 2.3rem; + min-width: 12rem; + } + +} diff --git a/assets/css/login.css b/assets/css/login.css index 1507bf96a..7065c0523 100644 --- a/assets/css/login.css +++ b/assets/css/login.css @@ -17,7 +17,7 @@ margin-bottom: 4rem; } -.login-form { +.auth-form { margin-bottom: 2.4rem; } diff --git a/assets/data/userData.js b/assets/data/userData.js new file mode 100644 index 000000000..7b71ef0ee --- /dev/null +++ b/assets/data/userData.js @@ -0,0 +1,8 @@ +export const USER_DATA = [ + { email: 'codeit1@codeit.com', password: "codeit101!" }, + { email: 'codeit2@codeit.com', password: "codeit202!" }, + { email: 'codeit3@codeit.com', password: "codeit303!" }, + { email: 'codeit4@codeit.com', password: "codeit404!" }, + { email: 'codeit5@codeit.com', password: "codeit505!" }, + { email: 'codeit6@codeit.com', password: "codeit606!" }, +] \ No newline at end of file diff --git a/assets/js/auth.js b/assets/js/auth.js index 55880d9e8..64015e331 100644 --- a/assets/js/auth.js +++ b/assets/js/auth.js @@ -1,36 +1,43 @@ -document.addEventListener('DOMContentLoaded', () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ +import { USER_DATA } from "../data/userData.js"; - const loginForm = document.querySelector('.login-form'); // ๋กœ๊ทธ์ธ ํผ - const emailInput = document.querySelector('#email'); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ - const nicknameInput = document.querySelector('#nickname'); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ - const passwordInput = document.querySelector('#password'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordCheckInput = document.querySelector('#password-check'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordToggleButton = document.querySelector('.input-password-toggle'); // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ +document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ - // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ - passwordToggleButton.addEventListener('click', () => { - const passwordType = passwordInput.type === 'password'; - passwordInput.type = passwordType ? 'text' : 'password'; - - const iconSrc = passwordType - ? '../assets/img/auth/visible-icon.svg' - : '../assets/img/auth/hidden-icon.svg'; + const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ + const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ + const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ + const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ + const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ + const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ + const passwordToggleButtons = document.querySelectorAll(".input-password-toggle"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ - passwordToggleButton.querySelector('img').src = iconSrc; + // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ + passwordToggleButtons.forEach((button) => { + const passwordInputs = button.parentElement.querySelector(".input-password"); + button.addEventListener("click", () => { + const passwordType = passwordInputs.type === "password"; + passwordInputs.type = passwordType ? "text" : "password"; + + const iconSrc = passwordType + ? "../assets/img/auth/visible-icon.svg" + : "../assets/img/auth/hidden-icon.svg"; + + button.querySelector("img").src = iconSrc; + }); }); // ์ด๋ฉ”์ผ ๋ฐ ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ const validateInput = (inputElement, type) => { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ - const loginButton = document.querySelector('.btn-large'); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ + const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ const showError = (message) => { - inputElement.classList.add('error'); - let errorMessage = inputElement.parentElement.querySelector('p'); - - if (!errorMessage) { // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ - errorMessage = document.createElement('p'); + inputElement.classList.add("error"); + let errorMessage = inputElement.parentElement.querySelector("p"); + + if (!errorMessage) { + // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ + errorMessage = document.createElement("p"); inputElement.parentElement.appendChild(errorMessage); } @@ -39,66 +46,129 @@ document.addEventListener('DOMContentLoaded', () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹ค // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ const removeError = () => { - inputElement.classList.remove('error'); - const errorMessage = inputElement.parentElement.querySelector('p'); + inputElement.classList.remove("error"); + const errorMessage = inputElement.parentElement.querySelector("p"); errorMessage?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ }; // ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ const isBtnDisabled = () => { - const emailError = emailInput.classList.contains('error'); - const passwordError = passwordInput.classList.contains('error'); + const emailError = emailInput.classList.contains("error"); + const passwordError = passwordInput.classList.contains("error"); const emailValue = emailInput.value; const passwordValue = passwordInput.value; // 4๊ฐ€์ง€ ์กฐ๊ฑด์ด ๋ชจ๋‘ ๋งŒ์กฑํ–ˆ์„ ์‹œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”, ๊ฒฐ๊ณผ๊ฐ’์ด ๋ชจ๋‘ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ex) disabled=false - return emailError || passwordError || emailValue === '' || passwordValue === ''; - } + return emailError || passwordError || emailValue === "" || passwordValue === ""; + }; // ์ž…๋ ฅ ๊ฐ’ ๊ฒ€์ฆ - if (inputElement.value === '') { // ๊ฐ’์ด ์—†์„ ๊ฒฝ์šฐ - showError(type === 'email' ? '์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.' : type === 'nickname' ? '๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.' : '๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.'); - } else if (type === 'email' && !emailRegex.test(inputElement.value)) { // ์ด๋ฉ”์ผ ํ˜•์‹์— ๋งž์ง€ ์•Š์„ ๊ฒฝ์šฐ - showError('์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค.'); - } else if (type === 'password' && inputElement.value.length < 8) { // ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ 8์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ - showError('๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.'); - } else if (type === 'password-check' && inputElement.value !== passwordInput.value) { // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๋‹ค๋ฅผ ๊ฒฝ์šฐ - showError('๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.'); - } else { // ๊ฐ’์ด ์žˆ๊ณ  ํ˜•์‹์— ๋งž์„ ๊ฒฝ์šฐ + if (inputElement.value === "") { // ๊ฐ’์ด ์—†์„ ๊ฒฝ์šฐ + showError( + type === "email" + ? "์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." + : type === "nickname" + ? "๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." + : "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." + ); + } else if (type === "email" && !emailRegex.test(inputElement.value)) { + // ์ด๋ฉ”์ผ ํ˜•์‹์— ๋งž์ง€ ์•Š์„ ๊ฒฝ์šฐ + showError("์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค."); + } else if (type === "password" && inputElement.value.length < 8) { + // ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ 8์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ + showError("๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”."); + } else if (type === "password-check" && inputElement.value !== passwordInput.value) { + // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๋‹ค๋ฅผ ๊ฒฝ์šฐ + showError("๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); + } else { + // ๊ฐ’์ด ์žˆ๊ณ  ํ˜•์‹์— ๋งž์„ ๊ฒฝ์šฐ removeError(); // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ } loginButton.disabled = isBtnDisabled(); // disabled๊ฐ€ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ๋จ - } + }; - emailInput.addEventListener('blur', () => validateInput(emailInput, 'email')); - nicknameInput?.addEventListener('blur', () => validateInput(nicknameInput, 'nickname')); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - passwordInput.addEventListener('blur', () => validateInput(passwordInput, 'password')); - passwordCheckInput?.addEventListener('blur', () => validateInput(passwordCheckInput, 'password-check')); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + // ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + emailInput.addEventListener("blur", () => validateInput(emailInput, "email")); + nicknameInput?.addEventListener("blur", () => validateInput(nicknameInput, "nickname")); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + passwordInput.addEventListener("blur", () => validateInput(passwordInput, "password")); + passwordCheckInput?.addEventListener("blur", () => validateInput(passwordCheckInput, "password-check")); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ + const userData = USER_DATA; // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ - loginForm.addEventListener('submit', (e) => { + + const handleSubmit = (e) => { e.preventDefault(); - window.location.href = '/items'; - }); + + const formType = e.target.dataset.formType; + + if (formType === "login") { + handleLogin(); + } else if (formType === "signup") { + handleSignup(); + } + }; + + loginForm?.addEventListener("submit", handleSubmit); + signupForm?.addEventListener("submit", handleSubmit); + + // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ + const handleLogin = () => { + + // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ + const isLoginSuccess = userData.some((user) => { + return user.email === emailInput.value && user.password === passwordInput.value; + }); + + // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ + if (isLoginSuccess) { + location.href = "/items"; + } else { + showPopup("์ด๋ฉ”์ผ ๋˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); + emailInput.value = ""; + passwordInput.value = ""; + } + }; + + // ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ํ™•์ธ + const handleSignup = () => { + + const isEmailExist = userData.some((user) => { + return user.email === emailInput.value; + }); + + if (isEmailExist) { + showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); + emailInput.value = ""; + nicknameInput.value = ""; + passwordInput.value = ""; + passwordCheckInput.value = ""; + } else { + location.href="/login"; + } + }; // ํŒ์—… ๊ด€๋ จ ํ•จ์ˆ˜ - window.showPopup = (message) => { - const popup = document.getElementById('popup'); - const content = popup.querySelector('.popup-content'); + const showPopup = (message) => { + const popup = document.querySelector("#popup"); + const content = popup.querySelector(".popup-content"); content.textContent = message; - popup.style.display = 'flex'; - } + popup.classList.add("active"); + }; - window.closePopup = () => { - const popup = document.getElementById('popup'); - popup.style.display = 'none'; - } + const closePopup = () => { + const popup = document.querySelector("#popup"); + popup.classList.remove("active"); + }; // ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ - document.getElementById('popup').addEventListener('click', (e) => { - if (e.target.classList.contains('popup-overlay')) { + document.getElementById("popup").addEventListener("click", (e) => { + if (e.target.classList.contains("popup-overlay")) { closePopup(); } }); -}); \ No newline at end of file + + const popupBtn = document.querySelector(".popup-btn"); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ + popupBtn.addEventListener("click", closePopup); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ +}); diff --git a/login/index.html b/login/index.html index 0a268d192..7176b0e8d 100644 --- a/login/index.html +++ b/login/index.html @@ -9,38 +9,47 @@ - - - - - - + + + + + +
@@ -69,6 +78,14 @@
- + + + + diff --git a/signup/index.html b/signup/index.html index f0af1acda..cf181bcf6 100644 --- a/signup/index.html +++ b/signup/index.html @@ -9,41 +9,51 @@ - - - - - - + + + + + +
+ + + + + From aadab38126705769ee3abbf290fe16b503889795 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Fri, 25 Jul 2025 13:40:50 +0900 Subject: [PATCH 12/63] =?UTF-8?q?refactor:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,?= =?UTF-8?q?=20=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EB=A1=9C=EC=A7=81=20?= =?UTF-8?q?=EA=B4=80=EC=8B=AC=EC=82=AC=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/auth.js | 174 ----------------------------------- assets/js/auth/auth.js | 10 ++ assets/js/auth/handler.js | 68 ++++++++++++++ assets/js/auth/ui.js | 115 +++++++++++++++++++++++ assets/js/auth/validation.js | 70 ++++++++++++++ login/index.html | 2 +- signup/index.html | 4 +- 7 files changed, 266 insertions(+), 177 deletions(-) delete mode 100644 assets/js/auth.js create mode 100644 assets/js/auth/auth.js create mode 100644 assets/js/auth/handler.js create mode 100644 assets/js/auth/ui.js create mode 100644 assets/js/auth/validation.js diff --git a/assets/js/auth.js b/assets/js/auth.js deleted file mode 100644 index 64015e331..000000000 --- a/assets/js/auth.js +++ /dev/null @@ -1,174 +0,0 @@ -import { USER_DATA } from "../data/userData.js"; - -document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ - - const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ - const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ - const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ - const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ - const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordToggleButtons = document.querySelectorAll(".input-password-toggle"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ - - // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ - passwordToggleButtons.forEach((button) => { - const passwordInputs = button.parentElement.querySelector(".input-password"); - button.addEventListener("click", () => { - const passwordType = passwordInputs.type === "password"; - passwordInputs.type = passwordType ? "text" : "password"; - - const iconSrc = passwordType - ? "../assets/img/auth/visible-icon.svg" - : "../assets/img/auth/hidden-icon.svg"; - - button.querySelector("img").src = iconSrc; - }); - }); - - // ์ด๋ฉ”์ผ ๋ฐ ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ - const validateInput = (inputElement, type) => { - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ - const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ - - // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ - const showError = (message) => { - inputElement.classList.add("error"); - let errorMessage = inputElement.parentElement.querySelector("p"); - - if (!errorMessage) { - // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ - errorMessage = document.createElement("p"); - inputElement.parentElement.appendChild(errorMessage); - } - - errorMessage.textContent = message; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. - }; - - // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ - const removeError = () => { - inputElement.classList.remove("error"); - const errorMessage = inputElement.parentElement.querySelector("p"); - errorMessage?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ - }; - - // ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ - const isBtnDisabled = () => { - const emailError = emailInput.classList.contains("error"); - const passwordError = passwordInput.classList.contains("error"); - const emailValue = emailInput.value; - const passwordValue = passwordInput.value; - - // 4๊ฐ€์ง€ ์กฐ๊ฑด์ด ๋ชจ๋‘ ๋งŒ์กฑํ–ˆ์„ ์‹œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”, ๊ฒฐ๊ณผ๊ฐ’์ด ๋ชจ๋‘ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ex) disabled=false - return emailError || passwordError || emailValue === "" || passwordValue === ""; - }; - - // ์ž…๋ ฅ ๊ฐ’ ๊ฒ€์ฆ - if (inputElement.value === "") { // ๊ฐ’์ด ์—†์„ ๊ฒฝ์šฐ - showError( - type === "email" - ? "์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - : type === "nickname" - ? "๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - : "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - ); - } else if (type === "email" && !emailRegex.test(inputElement.value)) { - // ์ด๋ฉ”์ผ ํ˜•์‹์— ๋งž์ง€ ์•Š์„ ๊ฒฝ์šฐ - showError("์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค."); - } else if (type === "password" && inputElement.value.length < 8) { - // ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ 8์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ - showError("๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”."); - } else if (type === "password-check" && inputElement.value !== passwordInput.value) { - // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๋‹ค๋ฅผ ๊ฒฝ์šฐ - showError("๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); - } else { - // ๊ฐ’์ด ์žˆ๊ณ  ํ˜•์‹์— ๋งž์„ ๊ฒฝ์šฐ - removeError(); // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ - } - - loginButton.disabled = isBtnDisabled(); // disabled๊ฐ€ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ๋จ - }; - - // ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ - emailInput.addEventListener("blur", () => validateInput(emailInput, "email")); - nicknameInput?.addEventListener("blur", () => validateInput(nicknameInput, "nickname")); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - passwordInput.addEventListener("blur", () => validateInput(passwordInput, "password")); - passwordCheckInput?.addEventListener("blur", () => validateInput(passwordCheckInput, "password-check")); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - - // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ - const userData = USER_DATA; - // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ - - const handleSubmit = (e) => { - e.preventDefault(); - - const formType = e.target.dataset.formType; - - if (formType === "login") { - handleLogin(); - } else if (formType === "signup") { - handleSignup(); - } - }; - - loginForm?.addEventListener("submit", handleSubmit); - signupForm?.addEventListener("submit", handleSubmit); - - // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ - const handleLogin = () => { - - // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ - const isLoginSuccess = userData.some((user) => { - return user.email === emailInput.value && user.password === passwordInput.value; - }); - - // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ - if (isLoginSuccess) { - location.href = "/items"; - } else { - showPopup("์ด๋ฉ”์ผ ๋˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); - emailInput.value = ""; - passwordInput.value = ""; - } - }; - - // ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ํ™•์ธ - const handleSignup = () => { - - const isEmailExist = userData.some((user) => { - return user.email === emailInput.value; - }); - - if (isEmailExist) { - showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); - emailInput.value = ""; - nicknameInput.value = ""; - passwordInput.value = ""; - passwordCheckInput.value = ""; - } else { - location.href="/login"; - } - }; - - // ํŒ์—… ๊ด€๋ จ ํ•จ์ˆ˜ - const showPopup = (message) => { - const popup = document.querySelector("#popup"); - const content = popup.querySelector(".popup-content"); - content.textContent = message; - popup.classList.add("active"); - }; - - const closePopup = () => { - const popup = document.querySelector("#popup"); - popup.classList.remove("active"); - }; - - // ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ - document.getElementById("popup").addEventListener("click", (e) => { - if (e.target.classList.contains("popup-overlay")) { - closePopup(); - } - }); - - const popupBtn = document.querySelector(".popup-btn"); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ - popupBtn.addEventListener("click", closePopup); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ -}); diff --git a/assets/js/auth/auth.js b/assets/js/auth/auth.js new file mode 100644 index 000000000..3044545d1 --- /dev/null +++ b/assets/js/auth/auth.js @@ -0,0 +1,10 @@ +import { togglePasswordVisibility, closeClickOverlay } from "./ui.js"; +import { handleSubmitEvent } from "./handler.js"; +import { validateBlurEvent } from "./validation.js"; + +document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ + togglePasswordVisibility(); + handleSubmitEvent(); + validateBlurEvent(); + closeClickOverlay(); +}); diff --git a/assets/js/auth/handler.js b/assets/js/auth/handler.js new file mode 100644 index 000000000..aace54223 --- /dev/null +++ b/assets/js/auth/handler.js @@ -0,0 +1,68 @@ +import { USER_DATA } from "../../data/userData.js"; +import { emailInput, passwordInput } from "./validation.js"; +import { showPopup } from "./ui.js"; + +const userData = USER_DATA; // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ + +/** + * ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ + * @returns {void} + */ +const handleLogin = () => { + // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ + const isLoginSuccess = userData.some((user) => { + return user.email === emailInput.value && user.password === passwordInput.value; + }); + + // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ + if(isLoginSuccess) { + location.href = "/items"; + } else { + showPopup("์ด๋ฉ”์ผ ๋˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); + } +}; + +/** + * ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ๊ฒ€์ฆ + * @returns {void} + */ +const handleSignup = () => { + const isEmailExist = userData.some((user) => { + return user.email === emailInput.value; + }); + + // ์ด๋ฉ”์ผ ์ค‘๋ณต ์‹œ ํŒ์—… ์‹คํ–‰ / ์ค‘๋ณต ์•„๋‹ ์‹œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™ + if(isEmailExist) { + showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); + } else { + location.href="/login"; + } +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ํ•จ์ˆ˜ + * @param {Event} e + * @returns {void} + */ +const handleSubmit = (e) => { + e.preventDefault(); // ํผ ๊ธฐ๋ณธ ๋™์ž‘ ๋ฐฉ์ง€ + const formType = e.target.dataset.formType; + const handleForm = { + login: handleLogin, + signup: handleSignup, + }[formType]; + + handleForm(); +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ + * @returns {void} + */ +export const handleSubmitEvent = () => { + const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ + const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ + + loginForm?.addEventListener("submit", handleSubmit); + signupForm?.addEventListener("submit", handleSubmit); +}; \ No newline at end of file diff --git a/assets/js/auth/ui.js b/assets/js/auth/ui.js new file mode 100644 index 000000000..7ecddc522 --- /dev/null +++ b/assets/js/auth/ui.js @@ -0,0 +1,115 @@ +import { emailInput, passwordInput, nicknameInput, passwordCheckInput } from "./validation.js"; + +/** + * ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ + * @returns {void} + */ +export const togglePasswordVisibility = () => { + const toggleButtons = document.querySelectorAll(".input-password-toggle"); + const commonPath = "../assets/img/auth/"; + + toggleButtons.forEach((toggleButton) => { + const passwordInput = toggleButton.parentElement.querySelector(".input-password"); + + toggleButton.addEventListener("click", () => { + // input type ํ† ๊ธ€ + const passwordType = passwordInput.type === "password"; + passwordInput.type = passwordType ? "text" : "password"; + + // ๋น„๋ฐ€๋ฒˆํ˜ธ ์•„์ด์ฝ˜ ํ† ๊ธ€ + const iconSrc = passwordType ? "visible-icon.svg" : "hidden-icon.svg"; + toggleButton.querySelector("img").src = `${commonPath}${iconSrc}`; + }); + }); +}; + +/** + * ํŒ์—… ํ‘œ์‹œ + * @param {string} errorMessage + * @returns {void} + */ +export const showPopup = (errorMessage) => { + const popup = document.querySelector("#popup"); + const content = popup.querySelector(".popup-content"); + content.textContent = errorMessage; + popup.classList.add("active"); +}; + +/** + * ํŒ์—… ๋‹ซ๊ธฐ + * @returns {void} + */ +const closePopup = () => { + const popup = document.querySelector("#popup"); + popup.classList.remove("active"); +}; + +/** + * ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ + * @returns {void} + */ +export const closeClickOverlay = () => { + const popup = document.querySelector("#popup"); + const popupBtn = document.querySelector(".popup-btn"); + + popup.addEventListener("click", (e) => { + if (e.target.classList.contains("popup-overlay")) { + closePopup(); + } + }); + + popupBtn.addEventListener("click", closePopup); +}; + +/** + * ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ + * @param {HTMLInputElement} inputElement + * @param {string} errorMessage + * @returns {void} + */ +export const showError = (inputElement, errorMessage) => { + inputElement.classList.add("error"); + let messageElement = inputElement.parentElement.querySelector("p"); + + if (!messageElement) { + // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ + messageElement = document.createElement("p"); + inputElement.parentElement.appendChild(messageElement); + } + + messageElement.textContent = errorMessage; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. +}; + +/** + * ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ + * @param {HTMLInputElement} inputElement + * @returns {void} + */ +export const removeError = (inputElement) => { + inputElement.classList.remove("error"); + const messageElement = inputElement.parentElement.querySelector("p"); + messageElement?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ +}; + +/** + * ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ + * @returns {boolean} + */ +export const isBtnDisabled = () => { + const authInputs = [ + { element: emailInput }, + { element: passwordInput }, + { element: nicknameInput }, + { element: passwordCheckInput } + ]; + + /** + * some ๋ฉ”์„œ๋“œ๋ฅผ ํ†ตํ•ด ์—๋Ÿฌ ํด๋ž˜์Šค๋ช…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ฑฐ๋‚˜ ๊ฐ’์ด ๋น„์–ด์žˆ๋Š” ๊ฒฝ์šฐ true๋ฅผ ๋ฐ˜ํ™˜ + * ๋ชจ๋‘ ๋งŒ์กฑํ•˜์ง€ ์•Š์•„์•ผ false๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ  disabled ์†์„ฑ์ด ๋น„ํ™œ์„ฑํ™” ๋จ. + */ + const isInputHasErrorOrEmpty = authInputs.some(({element}) => { + return element?.classList.contains("error") || element?.value === ""; + }); + + return isInputHasErrorOrEmpty; +}; \ No newline at end of file diff --git a/assets/js/auth/validation.js b/assets/js/auth/validation.js new file mode 100644 index 000000000..b736a1d9d --- /dev/null +++ b/assets/js/auth/validation.js @@ -0,0 +1,70 @@ +import { showError, removeError, isBtnDisabled } from "./ui.js"; + +export const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ +export const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ +export const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ +export const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ +const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ +const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ + +const errorMessages = { + email: "์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + nickname: "๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + password: "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + passwordCheck: "๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.", + emailFormat: "์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค.", + passwordLength: "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", +} + +/** + * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ ๊ทœ์น™ + */ +const validationRules = { + email: (value) => { + if (!value) return errorMessages.email; + if (!emailRegex.test(value)) return errorMessages.emailFormat; + return null; + }, + nickname: (value) => { + if (!value) return errorMessages.nickname; + return null; + }, + password: (value) => { + if (!value) return errorMessages.password; + if (value.length < 8) return errorMessages.passwordLength; + return null; + }, + passwordCheck: (value) => { + if (!value) return errorMessages.password; + if (value !== passwordInput.value) return errorMessages.passwordCheck; + return null; + }, +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ์œ ํšจ์„ฑ ๊ฒ€์ฆ ํ•จ์ˆ˜ + * @param {HTMLInputElement} inputElement + * @returns {void} + */ +const validateInput = (inputElement) => { + const inputType = inputElement.name; + const inputValue = inputElement.value; + const errorMessage = validationRules[inputType](inputValue); + + errorMessage + ? showError(inputElement, errorMessage) + : removeError(inputElement); + + loginButton.disabled = isBtnDisabled(); +}; + +/** + * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @returns {void} + */ +export const validateBlurEvent = () => { + emailInput.addEventListener("blur", () => {validateInput(emailInput)}); + nicknameInput?.addEventListener("blur", () => {validateInput(nicknameInput)}); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + passwordInput.addEventListener("blur", () => {validateInput(passwordInput)}); + passwordCheckInput?.addEventListener("blur", () => {validateInput(passwordCheckInput)}); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ +} \ No newline at end of file diff --git a/login/index.html b/login/index.html index 7176b0e8d..4c410825b 100644 --- a/login/index.html +++ b/login/index.html @@ -86,6 +86,6 @@ - + diff --git a/signup/index.html b/signup/index.html index cf181bcf6..8b27430d8 100644 --- a/signup/index.html +++ b/signup/index.html @@ -62,7 +62,7 @@
- + From 123b54e2d9898411f83add5a2a19143425a878bb Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Fri, 25 Jul 2025 14:05:13 +0900 Subject: [PATCH 13/63] =?UTF-8?q?refactor:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,?= =?UTF-8?q?=20=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EB=A1=9C=EC=A7=81=20?= =?UTF-8?q?=EA=B4=80=EC=8B=AC=EC=82=AC=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/auth.js | 174 ----------------------------------- assets/js/auth/auth.js | 10 ++ assets/js/auth/handler.js | 68 ++++++++++++++ assets/js/auth/ui.js | 115 +++++++++++++++++++++++ assets/js/auth/validation.js | 71 ++++++++++++++ login/index.html | 2 +- signup/index.html | 4 +- 7 files changed, 267 insertions(+), 177 deletions(-) delete mode 100644 assets/js/auth.js create mode 100644 assets/js/auth/auth.js create mode 100644 assets/js/auth/handler.js create mode 100644 assets/js/auth/ui.js create mode 100644 assets/js/auth/validation.js diff --git a/assets/js/auth.js b/assets/js/auth.js deleted file mode 100644 index 64015e331..000000000 --- a/assets/js/auth.js +++ /dev/null @@ -1,174 +0,0 @@ -import { USER_DATA } from "../data/userData.js"; - -document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ - - const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ - const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ - const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ - const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ - const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ - const passwordToggleButtons = document.querySelectorAll(".input-password-toggle"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ - - // ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ - passwordToggleButtons.forEach((button) => { - const passwordInputs = button.parentElement.querySelector(".input-password"); - button.addEventListener("click", () => { - const passwordType = passwordInputs.type === "password"; - passwordInputs.type = passwordType ? "text" : "password"; - - const iconSrc = passwordType - ? "../assets/img/auth/visible-icon.svg" - : "../assets/img/auth/hidden-icon.svg"; - - button.querySelector("img").src = iconSrc; - }); - }); - - // ์ด๋ฉ”์ผ ๋ฐ ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ - const validateInput = (inputElement, type) => { - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ - const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ - - // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ - const showError = (message) => { - inputElement.classList.add("error"); - let errorMessage = inputElement.parentElement.querySelector("p"); - - if (!errorMessage) { - // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ - errorMessage = document.createElement("p"); - inputElement.parentElement.appendChild(errorMessage); - } - - errorMessage.textContent = message; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. - }; - - // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ - const removeError = () => { - inputElement.classList.remove("error"); - const errorMessage = inputElement.parentElement.querySelector("p"); - errorMessage?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ - }; - - // ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ - const isBtnDisabled = () => { - const emailError = emailInput.classList.contains("error"); - const passwordError = passwordInput.classList.contains("error"); - const emailValue = emailInput.value; - const passwordValue = passwordInput.value; - - // 4๊ฐ€์ง€ ์กฐ๊ฑด์ด ๋ชจ๋‘ ๋งŒ์กฑํ–ˆ์„ ์‹œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”, ๊ฒฐ๊ณผ๊ฐ’์ด ๋ชจ๋‘ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ex) disabled=false - return emailError || passwordError || emailValue === "" || passwordValue === ""; - }; - - // ์ž…๋ ฅ ๊ฐ’ ๊ฒ€์ฆ - if (inputElement.value === "") { // ๊ฐ’์ด ์—†์„ ๊ฒฝ์šฐ - showError( - type === "email" - ? "์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - : type === "nickname" - ? "๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - : "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." - ); - } else if (type === "email" && !emailRegex.test(inputElement.value)) { - // ์ด๋ฉ”์ผ ํ˜•์‹์— ๋งž์ง€ ์•Š์„ ๊ฒฝ์šฐ - showError("์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค."); - } else if (type === "password" && inputElement.value.length < 8) { - // ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ 8์ž ๋ฏธ๋งŒ์ผ ๊ฒฝ์šฐ - showError("๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”."); - } else if (type === "password-check" && inputElement.value !== passwordInput.value) { - // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ๋น„๋ฐ€๋ฒˆํ˜ธ์™€ ๋‹ค๋ฅผ ๊ฒฝ์šฐ - showError("๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); - } else { - // ๊ฐ’์ด ์žˆ๊ณ  ํ˜•์‹์— ๋งž์„ ๊ฒฝ์šฐ - removeError(); // ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ - } - - loginButton.disabled = isBtnDisabled(); // disabled๊ฐ€ false์ผ ๋•Œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ๋จ - }; - - // ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ - emailInput.addEventListener("blur", () => validateInput(emailInput, "email")); - nicknameInput?.addEventListener("blur", () => validateInput(nicknameInput, "nickname")); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - passwordInput.addEventListener("blur", () => validateInput(passwordInput, "password")); - passwordCheckInput?.addEventListener("blur", () => validateInput(passwordCheckInput, "password-check")); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - - // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ - const userData = USER_DATA; - // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ - - const handleSubmit = (e) => { - e.preventDefault(); - - const formType = e.target.dataset.formType; - - if (formType === "login") { - handleLogin(); - } else if (formType === "signup") { - handleSignup(); - } - }; - - loginForm?.addEventListener("submit", handleSubmit); - signupForm?.addEventListener("submit", handleSubmit); - - // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ - const handleLogin = () => { - - // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ - const isLoginSuccess = userData.some((user) => { - return user.email === emailInput.value && user.password === passwordInput.value; - }); - - // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ - if (isLoginSuccess) { - location.href = "/items"; - } else { - showPopup("์ด๋ฉ”์ผ ๋˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); - emailInput.value = ""; - passwordInput.value = ""; - } - }; - - // ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ํ™•์ธ - const handleSignup = () => { - - const isEmailExist = userData.some((user) => { - return user.email === emailInput.value; - }); - - if (isEmailExist) { - showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); - emailInput.value = ""; - nicknameInput.value = ""; - passwordInput.value = ""; - passwordCheckInput.value = ""; - } else { - location.href="/login"; - } - }; - - // ํŒ์—… ๊ด€๋ จ ํ•จ์ˆ˜ - const showPopup = (message) => { - const popup = document.querySelector("#popup"); - const content = popup.querySelector(".popup-content"); - content.textContent = message; - popup.classList.add("active"); - }; - - const closePopup = () => { - const popup = document.querySelector("#popup"); - popup.classList.remove("active"); - }; - - // ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ - document.getElementById("popup").addEventListener("click", (e) => { - if (e.target.classList.contains("popup-overlay")) { - closePopup(); - } - }); - - const popupBtn = document.querySelector(".popup-btn"); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ - popupBtn.addEventListener("click", closePopup); // ํŒ์—… ํ™•์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ -}); diff --git a/assets/js/auth/auth.js b/assets/js/auth/auth.js new file mode 100644 index 000000000..3044545d1 --- /dev/null +++ b/assets/js/auth/auth.js @@ -0,0 +1,10 @@ +import { togglePasswordVisibility, closeClickOverlay } from "./ui.js"; +import { handleSubmitEvent } from "./handler.js"; +import { validateBlurEvent } from "./validation.js"; + +document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ + togglePasswordVisibility(); + handleSubmitEvent(); + validateBlurEvent(); + closeClickOverlay(); +}); diff --git a/assets/js/auth/handler.js b/assets/js/auth/handler.js new file mode 100644 index 000000000..aace54223 --- /dev/null +++ b/assets/js/auth/handler.js @@ -0,0 +1,68 @@ +import { USER_DATA } from "../../data/userData.js"; +import { emailInput, passwordInput } from "./validation.js"; +import { showPopup } from "./ui.js"; + +const userData = USER_DATA; // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ + +/** + * ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ + * @returns {void} + */ +const handleLogin = () => { + // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ + const isLoginSuccess = userData.some((user) => { + return user.email === emailInput.value && user.password === passwordInput.value; + }); + + // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ + if(isLoginSuccess) { + location.href = "/items"; + } else { + showPopup("์ด๋ฉ”์ผ ๋˜๋Š” ๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค."); + } +}; + +/** + * ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ๊ฒ€์ฆ + * @returns {void} + */ +const handleSignup = () => { + const isEmailExist = userData.some((user) => { + return user.email === emailInput.value; + }); + + // ์ด๋ฉ”์ผ ์ค‘๋ณต ์‹œ ํŒ์—… ์‹คํ–‰ / ์ค‘๋ณต ์•„๋‹ ์‹œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™ + if(isEmailExist) { + showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); + } else { + location.href="/login"; + } +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ํ•จ์ˆ˜ + * @param {Event} e + * @returns {void} + */ +const handleSubmit = (e) => { + e.preventDefault(); // ํผ ๊ธฐ๋ณธ ๋™์ž‘ ๋ฐฉ์ง€ + const formType = e.target.dataset.formType; + const handleForm = { + login: handleLogin, + signup: handleSignup, + }[formType]; + + handleForm(); +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ + * @returns {void} + */ +export const handleSubmitEvent = () => { + const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ + const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ + + loginForm?.addEventListener("submit", handleSubmit); + signupForm?.addEventListener("submit", handleSubmit); +}; \ No newline at end of file diff --git a/assets/js/auth/ui.js b/assets/js/auth/ui.js new file mode 100644 index 000000000..7ecddc522 --- /dev/null +++ b/assets/js/auth/ui.js @@ -0,0 +1,115 @@ +import { emailInput, passwordInput, nicknameInput, passwordCheckInput } from "./validation.js"; + +/** + * ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ + * @returns {void} + */ +export const togglePasswordVisibility = () => { + const toggleButtons = document.querySelectorAll(".input-password-toggle"); + const commonPath = "../assets/img/auth/"; + + toggleButtons.forEach((toggleButton) => { + const passwordInput = toggleButton.parentElement.querySelector(".input-password"); + + toggleButton.addEventListener("click", () => { + // input type ํ† ๊ธ€ + const passwordType = passwordInput.type === "password"; + passwordInput.type = passwordType ? "text" : "password"; + + // ๋น„๋ฐ€๋ฒˆํ˜ธ ์•„์ด์ฝ˜ ํ† ๊ธ€ + const iconSrc = passwordType ? "visible-icon.svg" : "hidden-icon.svg"; + toggleButton.querySelector("img").src = `${commonPath}${iconSrc}`; + }); + }); +}; + +/** + * ํŒ์—… ํ‘œ์‹œ + * @param {string} errorMessage + * @returns {void} + */ +export const showPopup = (errorMessage) => { + const popup = document.querySelector("#popup"); + const content = popup.querySelector(".popup-content"); + content.textContent = errorMessage; + popup.classList.add("active"); +}; + +/** + * ํŒ์—… ๋‹ซ๊ธฐ + * @returns {void} + */ +const closePopup = () => { + const popup = document.querySelector("#popup"); + popup.classList.remove("active"); +}; + +/** + * ํŒ์—… ์˜ค๋ฒ„๋ ˆ์ด ํด๋ฆญ ์‹œ ํŒ์—… ๋‹ซ๊ธฐ + * @returns {void} + */ +export const closeClickOverlay = () => { + const popup = document.querySelector("#popup"); + const popupBtn = document.querySelector(".popup-btn"); + + popup.addEventListener("click", (e) => { + if (e.target.classList.contains("popup-overlay")) { + closePopup(); + } + }); + + popupBtn.addEventListener("click", closePopup); +}; + +/** + * ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถ”๊ฐ€ + * @param {HTMLInputElement} inputElement + * @param {string} errorMessage + * @returns {void} + */ +export const showError = (inputElement, errorMessage) => { + inputElement.classList.add("error"); + let messageElement = inputElement.parentElement.querySelector("p"); + + if (!messageElement) { + // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ + messageElement = document.createElement("p"); + inputElement.parentElement.appendChild(messageElement); + } + + messageElement.textContent = errorMessage; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. +}; + +/** + * ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ œ๊ฑฐ + * @param {HTMLInputElement} inputElement + * @returns {void} + */ +export const removeError = (inputElement) => { + inputElement.classList.remove("error"); + const messageElement = inputElement.parentElement.querySelector("p"); + messageElement?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ +}; + +/** + * ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ + * @returns {boolean} + */ +export const isBtnDisabled = () => { + const authInputs = [ + { element: emailInput }, + { element: passwordInput }, + { element: nicknameInput }, + { element: passwordCheckInput } + ]; + + /** + * some ๋ฉ”์„œ๋“œ๋ฅผ ํ†ตํ•ด ์—๋Ÿฌ ํด๋ž˜์Šค๋ช…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ฑฐ๋‚˜ ๊ฐ’์ด ๋น„์–ด์žˆ๋Š” ๊ฒฝ์šฐ true๋ฅผ ๋ฐ˜ํ™˜ + * ๋ชจ๋‘ ๋งŒ์กฑํ•˜์ง€ ์•Š์•„์•ผ false๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ  disabled ์†์„ฑ์ด ๋น„ํ™œ์„ฑํ™” ๋จ. + */ + const isInputHasErrorOrEmpty = authInputs.some(({element}) => { + return element?.classList.contains("error") || element?.value === ""; + }); + + return isInputHasErrorOrEmpty; +}; \ No newline at end of file diff --git a/assets/js/auth/validation.js b/assets/js/auth/validation.js new file mode 100644 index 000000000..03cffb35f --- /dev/null +++ b/assets/js/auth/validation.js @@ -0,0 +1,71 @@ +import { showError, removeError, isBtnDisabled } from "./ui.js"; + +export const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ +export const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ +export const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ +export const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ +const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ +const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ +const MIN_PASSWORD_LENGTH = 8; // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ตœ์†Œ ๊ธธ์ด + +const errorMessages = { + email: "์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + nickname: "๋‹‰๋„ค์ž„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + password: "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", + passwordCheck: "๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.", + emailFormat: "์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค.", + passwordLength: "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", +} + +/** + * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ ๊ทœ์น™ + */ +const validationRules = { + email: (value) => { + if (!value) return errorMessages.email; + if (!emailRegex.test(value)) return errorMessages.emailFormat; + return null; + }, + nickname: (value) => { + if (!value) return errorMessages.nickname; + return null; + }, + password: (value) => { + if (!value) return errorMessages.password; + if (value.length < MIN_PASSWORD_LENGTH) return errorMessages.passwordLength; + return null; + }, + passwordCheck: (value) => { + if (!value) return errorMessages.password; + if (value !== passwordInput.value) return errorMessages.passwordCheck; + return null; + }, +}; + +/** + * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ์œ ํšจ์„ฑ ๊ฒ€์ฆ ํ•จ์ˆ˜ + * @param {HTMLInputElement} inputElement + * @returns {void} + */ +const validateInput = (inputElement) => { + const inputType = inputElement.name; + const inputValue = inputElement.value; + const errorMessage = validationRules[inputType](inputValue); + + errorMessage + ? showError(inputElement, errorMessage) + : removeError(inputElement); + + loginButton.disabled = isBtnDisabled(); +}; + +/** + * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @returns {void} + */ +export const validateBlurEvent = () => { + emailInput.addEventListener("blur", () => {validateInput(emailInput)}); + nicknameInput?.addEventListener("blur", () => {validateInput(nicknameInput)}); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ + passwordInput.addEventListener("blur", () => {validateInput(passwordInput)}); + passwordCheckInput?.addEventListener("blur", () => {validateInput(passwordCheckInput)}); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ +} \ No newline at end of file diff --git a/login/index.html b/login/index.html index 7176b0e8d..4c410825b 100644 --- a/login/index.html +++ b/login/index.html @@ -86,6 +86,6 @@ - + diff --git a/signup/index.html b/signup/index.html index cf181bcf6..8b27430d8 100644 --- a/signup/index.html +++ b/signup/index.html @@ -62,7 +62,7 @@
- + From 01e6c805b41d0ae1625a3ca995af317880165ec2 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 31 Jul 2025 10:53:36 +0900 Subject: [PATCH 14/63] =?UTF-8?q?rename:=20=EB=B6=88=EB=AA=85=ED=99=95?= =?UTF-8?q?=ED=95=9C=20=ED=8C=8C=EC=9D=BC=EB=AA=85=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/{login.css => auth.css} | 0 assets/css/{style.css => main.css} | 3 ++- index.html | 4 ++-- login/index.html | 2 +- signup/index.html | 2 +- 5 files changed, 6 insertions(+), 5 deletions(-) rename assets/css/{login.css => auth.css} (100%) rename assets/css/{style.css => main.css} (97%) diff --git a/assets/css/login.css b/assets/css/auth.css similarity index 100% rename from assets/css/login.css rename to assets/css/auth.css diff --git a/assets/css/style.css b/assets/css/main.css similarity index 97% rename from assets/css/style.css rename to assets/css/main.css index 9afbb3de4..993ae1938 100644 --- a/assets/css/style.css +++ b/assets/css/main.css @@ -101,7 +101,7 @@ .hero-text-container { padding: 8.4rem 0rem 50rem; text-align: center; - background-size: 100%; + background-position: center bottom 0rem; } .hero-section-2 .hero-text-container { @@ -165,6 +165,7 @@ .hero-text-container { padding: 4.8rem 0rem 33.6rem; + background-size: calc(100% - 6.4rem); } .hero-section-2 .hero-text-container { diff --git a/index.html b/index.html index 7b36050f2..dea257c1b 100644 --- a/index.html +++ b/index.html @@ -13,13 +13,13 @@ - + diff --git a/login/index.html b/login/index.html index 4c410825b..93f032d2d 100644 --- a/login/index.html +++ b/login/index.html @@ -6,7 +6,7 @@ ๋กœ๊ทธ์ธ - ํŒ๋‹ค๋งˆ์ผ“ - + diff --git a/signup/index.html b/signup/index.html index 8b27430d8..f8e056f68 100644 --- a/signup/index.html +++ b/signup/index.html @@ -6,7 +6,7 @@ ํšŒ์›๊ฐ€์ž… - ํŒ๋‹ค๋งˆ์ผ“ - + From 74cf3f2aa8cf080263505c6d961cbf3717c9bcac Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 31 Jul 2025 10:59:40 +0900 Subject: [PATCH 15/63] =?UTF-8?q?refactor:=20=EA=B4=80=EC=8B=AC=EC=82=AC?= =?UTF-8?q?=EB=B6=84=EB=A6=AC,=20=EC=88=9C=ED=99=98=EC=B0=B8=EC=A1=B0=20?= =?UTF-8?q?=EC=B5=9C=EC=A0=81=ED=99=94,=20=EB=AA=A8=EB=93=88=ED=99=94=20?= =?UTF-8?q?=EC=A7=84=ED=96=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/auth/auth.js | 13 +++-- assets/js/auth/dom.js | 13 +++++ assets/js/auth/handler.js | 92 ++++++++++++++++++++++++++++++------ assets/js/auth/popup.js | 39 +++++++++++++++ assets/js/auth/ui.js | 29 ++++-------- assets/js/auth/validation.js | 82 +++++++++++++------------------- 6 files changed, 177 insertions(+), 91 deletions(-) create mode 100644 assets/js/auth/dom.js create mode 100644 assets/js/auth/popup.js diff --git a/assets/js/auth/auth.js b/assets/js/auth/auth.js index 3044545d1..d86b4f5b2 100644 --- a/assets/js/auth/auth.js +++ b/assets/js/auth/auth.js @@ -1,10 +1,9 @@ -import { togglePasswordVisibility, closeClickOverlay } from "./ui.js"; -import { handleSubmitEvent } from "./handler.js"; -import { validateBlurEvent } from "./validation.js"; +import { togglePasswordVisibility } from "./ui.js"; +import { initEventHandlers } from "./handler.js"; +import { initPopupEvents } from "./popup.js"; -document.addEventListener("DOMContentLoaded", () => { // dom์ด ๋กœ๋“œ๋˜๋ฉด ์‹คํ–‰ +document.addEventListener("DOMContentLoaded", () => { togglePasswordVisibility(); - handleSubmitEvent(); - validateBlurEvent(); - closeClickOverlay(); + initEventHandlers(); + initPopupEvents(); }); diff --git a/assets/js/auth/dom.js b/assets/js/auth/dom.js new file mode 100644 index 000000000..9d6edb334 --- /dev/null +++ b/assets/js/auth/dom.js @@ -0,0 +1,13 @@ +// DOM ์š”์†Œ ์„ ํƒ +export const getAuthElements = () => { + return { + emailInput: document.querySelector("#email"), + nicknameInput: document.querySelector("#nickname"), + passwordInput: document.querySelector("#password"), + passwordCheckInput: document.querySelector("#password-check"), + loginButton: document.querySelector(".btn-large"), + loginForm: document.querySelector("#login-form"), + signupForm: document.querySelector("#signup-form"), + toggleButtons: document.querySelectorAll(".input-password-toggle") + }; +}; \ No newline at end of file diff --git a/assets/js/auth/handler.js b/assets/js/auth/handler.js index aace54223..7dc8876ff 100644 --- a/assets/js/auth/handler.js +++ b/assets/js/auth/handler.js @@ -1,20 +1,70 @@ import { USER_DATA } from "../../data/userData.js"; -import { emailInput, passwordInput } from "./validation.js"; -import { showPopup } from "./ui.js"; +import { getAuthElements } from "./dom.js"; +import { showPopup } from "./popup.js"; +import { validateEmail, validatePassword, validateNickname, validatePasswordCheck } from "./validation.js"; +import { showError, removeError, checkButtonDisabled } from "./ui.js"; -const userData = USER_DATA; // ์œ ์ € ๋ฐ์ดํ„ฐ ๋ฐฐ์—ด ๊ฐ€์ ธ์˜ค๊ธฐ +const userData = USER_DATA; /** - * ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๊ฐ’ ๊ฒ€์ฆ + * ์ž…๋ ฅ ํ•„๋“œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @param {HTMLInputElement} inputElement + * @returns {void} + */ +const validateInput = (inputElement) => { + const { passwordInput } = getAuthElements(); + const value = inputElement.value; + let errorMessage = null; + + switch (inputElement.name) { + case "email": + errorMessage = validateEmail(value); + break; + case "nickname": + errorMessage = validateNickname(value); + break; + case "password": + errorMessage = validatePassword(value); + break; + case "passwordCheck": + errorMessage = validatePasswordCheck(value, passwordInput.value); + break; + } + + if (errorMessage) { + showError(inputElement, errorMessage); + } else { + removeError(inputElement); + } + + updateButtonState(); +}; + +/** + * ๋ฒ„ํŠผ ์ƒํƒœ ์—…๋ฐ์ดํŠธ + * @returns {void} + */ +const updateButtonState = () => { + const { emailInput, passwordInput, nicknameInput, passwordCheckInput, loginButton } = getAuthElements(); + const inputs = [emailInput, passwordInput]; + + if (nicknameInput) inputs.push(nicknameInput); + if (passwordCheckInput) inputs.push(passwordCheckInput); + + loginButton.disabled = checkButtonDisabled(inputs); +}; + +/** + * ๋กœ๊ทธ์ธ ์ฒ˜๋ฆฌ * @returns {void} */ const handleLogin = () => { - // ์œ ์ € ๋ฐ์ดํ„ฐ์—์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ๊ฐ’๊ณผ ๋™์ผํ•œ ๊ฒƒ์ด ์žˆ๋‹ค๋ฉด True๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์ฝ”๋“œ + const { emailInput, passwordInput } = getAuthElements(); + const isLoginSuccess = userData.some((user) => { return user.email === emailInput.value && user.password === passwordInput.value; }); - // ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์‹œ ํŽ˜์ด์ง€ ์ด๋™ / ์‹คํŒจ ์‹œ ํŒ์—… ์‹คํ–‰ if(isLoginSuccess) { location.href = "/items"; } else { @@ -23,15 +73,16 @@ const handleLogin = () => { }; /** - * ํšŒ์›๊ฐ€์ž… ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ด๋ฉ”์ผ ์ค‘๋ณต ์—ฌ๋ถ€ ๊ฒ€์ฆ + * ํšŒ์›๊ฐ€์ž… ์ฒ˜๋ฆฌ * @returns {void} */ const handleSignup = () => { + const { emailInput } = getAuthElements(); + const isEmailExist = userData.some((user) => { return user.email === emailInput.value; }); - // ์ด๋ฉ”์ผ ์ค‘๋ณต ์‹œ ํŒ์—… ์‹คํ–‰ / ์ค‘๋ณต ์•„๋‹ ์‹œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™ if(isEmailExist) { showPopup("์‚ฌ์šฉ ์ค‘์ธ ์ด๋ฉ”์ผ์ž…๋‹ˆ๋‹ค."); } else { @@ -40,12 +91,12 @@ const handleSignup = () => { }; /** - * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ํ•จ์ˆ˜ + * ํผ ์ œ์ถœ ์ฒ˜๋ฆฌ * @param {Event} e * @returns {void} */ const handleSubmit = (e) => { - e.preventDefault(); // ํผ ๊ธฐ๋ณธ ๋™์ž‘ ๋ฐฉ์ง€ + e.preventDefault(); const formType = e.target.dataset.formType; const handleForm = { login: handleLogin, @@ -56,13 +107,26 @@ const handleSubmit = (e) => { }; /** - * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ํผ ์ œ์ถœ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ + * ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์ดˆ๊ธฐํ™” * @returns {void} */ -export const handleSubmitEvent = () => { - const loginForm = document.querySelector("#login-form"); // ๋กœ๊ทธ์ธ ํผ - const signupForm = document.querySelector("#signup-form"); // ํšŒ์›๊ฐ€์ž… ํผ +export const initEventHandlers = () => { + const { + emailInput, + passwordInput, + nicknameInput, + passwordCheckInput, + loginForm, + signupForm + } = getAuthElements(); + + // Blur ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ + emailInput?.addEventListener("blur", () => validateInput(emailInput)); + passwordInput?.addEventListener("blur", () => validateInput(passwordInput)); + nicknameInput?.addEventListener("blur", () => validateInput(nicknameInput)); + passwordCheckInput?.addEventListener("blur", () => validateInput(passwordCheckInput)); + // ํผ ์ œ์ถœ ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ loginForm?.addEventListener("submit", handleSubmit); signupForm?.addEventListener("submit", handleSubmit); }; \ No newline at end of file diff --git a/assets/js/auth/popup.js b/assets/js/auth/popup.js new file mode 100644 index 000000000..95d3e9fc7 --- /dev/null +++ b/assets/js/auth/popup.js @@ -0,0 +1,39 @@ +const popup = document.querySelector("#popup"); +const popupContent = popup?.querySelector(".popup-content"); +const popupBtn = popup?.querySelector(".popup-btn"); + +/** + * ํŒ์—… ํ‘œ์‹œ + * @param {string} message + * @returns {void} + */ +export const showPopup = (message) => { + if (!popup || !popupContent) return; + popupContent.textContent = message; + popup.classList.add("active"); +}; + +/** + * ํŒ์—… ๋‹ซ๊ธฐ + * @returns {void} + */ +const closePopup = () => { + if (!popup) return; + popup.classList.remove("active"); +}; + +/** + * ํŒ์—… ์ด๋ฒคํŠธ ์ดˆ๊ธฐํ™” + * @returns {void} + */ +export const initPopupEvents = () => { + if (!popup || !popupBtn) return; + + popup.addEventListener("click", (e) => { + if (e.target.classList.contains("popup-overlay")) { + closePopup(); + } + }); + + popupBtn.addEventListener("click", closePopup); +}; \ No newline at end of file diff --git a/assets/js/auth/ui.js b/assets/js/auth/ui.js index 7ecddc522..5b77329cb 100644 --- a/assets/js/auth/ui.js +++ b/assets/js/auth/ui.js @@ -1,11 +1,11 @@ -import { emailInput, passwordInput, nicknameInput, passwordCheckInput } from "./validation.js"; +import { getAuthElements } from "./dom.js"; /** * ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ๋น„๋ฐ€๋ฒˆํ˜ธ ํ‘œ์‹œ ์—ฌ๋ถ€ ํ† ๊ธ€ * @returns {void} */ export const togglePasswordVisibility = () => { - const toggleButtons = document.querySelectorAll(".input-password-toggle"); + const { toggleButtons } = getAuthElements(); const commonPath = "../assets/img/auth/"; toggleButtons.forEach((toggleButton) => { @@ -72,12 +72,11 @@ export const showError = (inputElement, errorMessage) => { let messageElement = inputElement.parentElement.querySelector("p"); if (!messageElement) { - // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์ƒ์„ฑ messageElement = document.createElement("p"); inputElement.parentElement.appendChild(messageElement); } - messageElement.textContent = errorMessage; // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋”๋ผ๋„ ๋‹ค๋ฅธ ์—๋Ÿฌ๊ฐ€ ์ž‘์„ฑ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ if๋ฌธ ๋ฐ–์— ์ž‘์„ฑ. + messageElement.textContent = errorMessage; }; /** @@ -88,28 +87,16 @@ export const showError = (inputElement, errorMessage) => { export const removeError = (inputElement) => { inputElement.classList.remove("error"); const messageElement = inputElement.parentElement.querySelector("p"); - messageElement?.remove(); // ์—๋Ÿฌ๋ฉ”์‹œ์ง€๊ฐ€ ์กด์žฌํ•˜๋ฉด ์ œ๊ฑฐ + messageElement?.remove(); }; /** * ๋ฒ„ํŠผ ํ™œ์„ฑํ™” ์—ฌ๋ถ€ ํ™•์ธ + * @param {HTMLInputElement[]} inputs - ๊ฒ€์‚ฌํ•  ์ž…๋ ฅ ํ•„๋“œ ๋ฐฐ์—ด * @returns {boolean} */ -export const isBtnDisabled = () => { - const authInputs = [ - { element: emailInput }, - { element: passwordInput }, - { element: nicknameInput }, - { element: passwordCheckInput } - ]; - - /** - * some ๋ฉ”์„œ๋“œ๋ฅผ ํ†ตํ•ด ์—๋Ÿฌ ํด๋ž˜์Šค๋ช…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ฑฐ๋‚˜ ๊ฐ’์ด ๋น„์–ด์žˆ๋Š” ๊ฒฝ์šฐ true๋ฅผ ๋ฐ˜ํ™˜ - * ๋ชจ๋‘ ๋งŒ์กฑํ•˜์ง€ ์•Š์•„์•ผ false๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ณ  disabled ์†์„ฑ์ด ๋น„ํ™œ์„ฑํ™” ๋จ. - */ - const isInputHasErrorOrEmpty = authInputs.some(({element}) => { - return element?.classList.contains("error") || element?.value === ""; +export const checkButtonDisabled = (inputs) => { + return inputs.some(input => { + return input?.classList.contains("error") || input?.value === ""; }); - - return isInputHasErrorOrEmpty; }; \ No newline at end of file diff --git a/assets/js/auth/validation.js b/assets/js/auth/validation.js index 03cffb35f..57f9d5aff 100644 --- a/assets/js/auth/validation.js +++ b/assets/js/auth/validation.js @@ -1,10 +1,3 @@ -import { showError, removeError, isBtnDisabled } from "./ui.js"; - -export const emailInput = document.querySelector("#email"); // ์ด๋ฉ”์ผ ์ž…๋ ฅ ํ•„๋“œ -export const nicknameInput = document.querySelector("#nickname"); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ -export const passwordInput = document.querySelector("#password"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ -export const passwordCheckInput = document.querySelector("#password-check"); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ -const loginButton = document.querySelector(".btn-large"); // ๋กœ๊ทธ์ธ ๋ฒ„ํŠผ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์ •๊ทœํ‘œํ˜„์‹ const MIN_PASSWORD_LENGTH = 8; // ๋น„๋ฐ€๋ฒˆํ˜ธ ์ตœ์†Œ ๊ธธ์ด @@ -15,57 +8,48 @@ const errorMessages = { passwordCheck: "๋น„๋ฐ€๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.", emailFormat: "์ž˜๋ชป๋œ ์ด๋ฉ”์ผ ํ˜•์‹์ž…๋‹ˆ๋‹ค.", passwordLength: "๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ 8์ž ์ด์ƒ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.", -} +}; /** - * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ ๊ทœ์น™ + * ์ด๋ฉ”์ผ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @param {string} value + * @returns {string|null} */ -const validationRules = { - email: (value) => { - if (!value) return errorMessages.email; - if (!emailRegex.test(value)) return errorMessages.emailFormat; - return null; - }, - nickname: (value) => { - if (!value) return errorMessages.nickname; - return null; - }, - password: (value) => { - if (!value) return errorMessages.password; - if (value.length < MIN_PASSWORD_LENGTH) return errorMessages.passwordLength; - return null; - }, - passwordCheck: (value) => { - if (!value) return errorMessages.password; - if (value !== passwordInput.value) return errorMessages.passwordCheck; - return null; - }, +export const validateEmail = (value) => { + if (!value) return errorMessages.email; + if (!emailRegex.test(value)) return errorMessages.emailFormat; + return null; }; /** - * ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ์œ ํšจ์„ฑ ๊ฒ€์ฆ ํ•จ์ˆ˜ - * @param {HTMLInputElement} inputElement - * @returns {void} + * ๋‹‰๋„ค์ž„ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @param {string} value + * @returns {string|null} */ -const validateInput = (inputElement) => { - const inputType = inputElement.name; - const inputValue = inputElement.value; - const errorMessage = validationRules[inputType](inputValue); - - errorMessage - ? showError(inputElement, errorMessage) - : removeError(inputElement); +export const validateNickname = (value) => { + if (!value) return errorMessages.nickname; + return null; +}; - loginButton.disabled = isBtnDisabled(); +/** + * ๋น„๋ฐ€๋ฒˆํ˜ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @param {string} value + * @returns {string|null} + */ +export const validatePassword = (value) => { + if (!value) return errorMessages.password; + if (value.length < MIN_PASSWORD_LENGTH) return errorMessages.passwordLength; + return null; }; /** - * ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅ ํ•„๋“œ ํฌ์ปค์Šค ์•„์›ƒ ์‹œ ์œ ํšจ์„ฑ ๊ฒ€์ฆ - * @returns {void} + * ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์œ ํšจ์„ฑ ๊ฒ€์ฆ + * @param {string} value + * @param {string} password + * @returns {string|null} */ -export const validateBlurEvent = () => { - emailInput.addEventListener("blur", () => {validateInput(emailInput)}); - nicknameInput?.addEventListener("blur", () => {validateInput(nicknameInput)}); // ๋‹‰๋„ค์ž„ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ - passwordInput.addEventListener("blur", () => {validateInput(passwordInput)}); - passwordCheckInput?.addEventListener("blur", () => {validateInput(passwordCheckInput)}); // ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ์ž…๋ ฅ ํ•„๋“œ๊ฐ€ ์—†์„ ๊ฒฝ์šฐ ์‹คํ–‰ํ•˜์ง€ ์•Š์Œ -} \ No newline at end of file +export const validatePasswordCheck = (value, password) => { + if (!value) return errorMessages.password; + if (value !== password) return errorMessages.passwordCheck; + return null; +}; \ No newline at end of file From 95af6852604a314007cd79c85054318325fd6aab Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 31 Jul 2025 10:59:57 +0900 Subject: [PATCH 16/63] =?UTF-8?q?docs:=20=EB=A6=AC=EB=93=9C=EB=AF=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 48533bb03..2f686496a 100644 --- a/README.md +++ b/README.md @@ -2,12 +2,11 @@ - ๋ฐฐํฌ์ฃผ์†Œ : https://panda-market-kr.netlify.app/ -์ด ํ”„๋กœ์ ํŠธ๋Š” ์ฃผ๋กœ HTML, CSS, JavaScript๋กœ ์ž‘์„ฑ๋œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. - -- `index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ๋ฉ”์ธ ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ƒํ’ˆ์„ ๊ฑฐ๋ž˜ํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์ฃผ์š” ์„น์…˜์œผ๋กœ๋Š” ํžˆ์–ด๋กœ ์„น์…˜, ์ธ๊ธฐ ์ƒํ’ˆ, ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ, ์ƒํ’ˆ ๋“ฑ๋ก ๊ธฐ๋Šฅ ๋“ฑ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. -- `login/index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฉ”์ผ๊ณผ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์žˆ๋Š” ํผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ตฌ๊ธ€๊ณผ ์นด์นด์˜ค๋ฅผ ํ†ตํ•œ ๊ฐ„ํŽธ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. -- `signup/index.html`: ํŒ๋‹ค๋งˆ์ผ“์˜ ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฉ”์ผ, ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ํšŒ์›๊ฐ€์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ํผ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ ๊ธฐ๋Šฅ๋„ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. -- `css/login.css`: ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ์„ ์ •์˜ํ•œ CSS ํŒŒ์ผ์ž…๋‹ˆ๋‹ค. ๋กœ๊ทธ์ธ ํผ, ๊ฐ„ํŽธ ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž… ๋งํฌ ๋“ฑ์˜ ์Šคํƒ€์ผ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. -- `css/common.css`: ๊ณตํ†ต ์Šคํƒ€์ผ์„ ์ •์˜ํ•œ CSS ํŒŒ์ผ๋กœ, ๋‹ค์–‘ํ•œ ์ปดํฌ๋„ŒํŠธ์˜ ์Šคํƒ€์ผ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. - -์ด ํ”„๋กœ์ ํŠธ๋Š” ํŒ๋‹ค๋งˆ์ผ“์ด๋ผ๋Š” ์ค‘๊ณ ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ์„ ์œ„ํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ, ์‚ฌ์šฉ์ž์—๊ฒŒ ์•ˆ์ „ํ•˜๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑฐ๋ž˜ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. \ No newline at end of file +## 2025.07.28. ์ฝ”๋“œ๋ฆฌ๋ทฐ ๋ฐ˜์˜ ๋‚ด์šฉ +1) ํšŒ์›๊ฐ€์ž… & ๋กœ๊ทธ์ธ login.css -> auth.css๋กœ ํŒŒ์ผ๋ช… ๋ณ€๊ฒฝ +2) style.css -> main.css ํŒŒ์ผ๋ช… ๋ณ€๊ฒฝ + +## 2025.07.31. ์ฝ”๋“œ๋ฆฌ๋ทฐ ๋ฐ˜์˜ ๋‚ด์šฉ +1) ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์„ค์ •์—์„œ ์„ค๋ช… ๋ถ€๋ถ„ ์ˆ˜์ • โ€œ์ผ์ƒ์—์„œ ๋ชจ๋“  ๋ฌผ๊ฑด์„ ๊ฑฐ๋ž˜ํ•ด๋ณด์„ธ์š”โ€ +2) ์ƒ๋‹จ ๋ฐฐ๋„ˆ ์ด๋ฏธ์ง€, ํ•˜๋‹จ ๋ฐฐ๋„ˆ ์ด๋ฏธ์ง€ : PC, Tablet ์‚ฌ์ด์ฆˆ์˜ ์ด๋ฏธ์ง€ ํฌ๊ธฐ ๊ณ ์ •์œผ๋กœ ์ˆ˜์ •. +3) ๊ด€์‹ฌ์‚ฌ ๋ถ„๋ฆฌ, ์ˆœํ™˜ ์ฐธ์กฐ ์ˆ˜์ •, ๋ชจ๋“ˆํ™” (๋ชจ๋‹ฌ) ๋“ฑ ์ „๋ฐ˜์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋กœ์ง ์ˆ˜์ • \ No newline at end of file From 19d7b67f2366946e85d99afb194fab4df2d2d313 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Thu, 31 Jul 2025 18:16:15 +0900 Subject: [PATCH 17/63] =?UTF-8?q?feat:=20Article,=20Product=20CRUD=20?= =?UTF-8?q?=EC=84=9C=EB=B2=84=20=ED=86=B5=EC=8B=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 9 + README.md | 4 +- assets/js/api/ArticleService.js | 77 +++++++++ assets/js/api/ProductService.js | 79 +++++++++ assets/js/api/main.js | 111 ++++++++++++ package-lock.json | 291 ++++++++++++++++++++++++++++++++ package.json | 6 + 7 files changed, 576 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 assets/js/api/ArticleService.js create mode 100644 assets/js/api/ProductService.js create mode 100644 assets/js/api/main.js create mode 100644 package-lock.json create mode 100644 package.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..c9981ba6b --- /dev/null +++ b/.gitignore @@ -0,0 +1,9 @@ +.DS_Store +.vscode +.idea +.env +.env.local +.env.development.local +.env.test.local +.env.production.local +/node_modules \ No newline at end of file diff --git a/README.md b/README.md index 2f686496a..215b8091c 100644 --- a/README.md +++ b/README.md @@ -9,4 +9,6 @@ ## 2025.07.31. ์ฝ”๋“œ๋ฆฌ๋ทฐ ๋ฐ˜์˜ ๋‚ด์šฉ 1) ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์„ค์ •์—์„œ ์„ค๋ช… ๋ถ€๋ถ„ ์ˆ˜์ • โ€œ์ผ์ƒ์—์„œ ๋ชจ๋“  ๋ฌผ๊ฑด์„ ๊ฑฐ๋ž˜ํ•ด๋ณด์„ธ์š”โ€ 2) ์ƒ๋‹จ ๋ฐฐ๋„ˆ ์ด๋ฏธ์ง€, ํ•˜๋‹จ ๋ฐฐ๋„ˆ ์ด๋ฏธ์ง€ : PC, Tablet ์‚ฌ์ด์ฆˆ์˜ ์ด๋ฏธ์ง€ ํฌ๊ธฐ ๊ณ ์ •์œผ๋กœ ์ˆ˜์ •. -3) ๊ด€์‹ฌ์‚ฌ ๋ถ„๋ฆฌ, ์ˆœํ™˜ ์ฐธ์กฐ ์ˆ˜์ •, ๋ชจ๋“ˆํ™” (๋ชจ๋‹ฌ) ๋“ฑ ์ „๋ฐ˜์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋กœ์ง ์ˆ˜์ • \ No newline at end of file +3) ๊ด€์‹ฌ์‚ฌ ๋ถ„๋ฆฌ, ์ˆœํ™˜ ์ฐธ์กฐ ์ˆ˜์ •, ๋ชจ๋“ˆํ™” (๋ชจ๋‹ฌ) ๋“ฑ ์ „๋ฐ˜์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋กœ์ง ์ˆ˜์ • + +## 2025.07.31. 17:52 ์Šคํ”„๋ฆฐํŠธ4 ์™„๋ฃŒ \ No newline at end of file diff --git a/assets/js/api/ArticleService.js b/assets/js/api/ArticleService.js new file mode 100644 index 000000000..c19274ae7 --- /dev/null +++ b/assets/js/api/ArticleService.js @@ -0,0 +1,77 @@ +import { pandaMarketApi } from './main.js' + +/** + * ์•„ํ‹ฐํด ๋ชฉ๋ก ์กฐํšŒ + * @returns {Promise} + */ +function getArticleList () { + return pandaMarketApi + .get(`/articles`, { + page: 1 , + pageSize: 10, + keyword: '' + }) + .then(res => res.data) + .catch(err => { + console.error(err.message) + }) +} + +/** + * ์•„ํ‹ฐํด ์กฐํšŒ + * @param {number} articleId + * @returns {Promise} + */ +function getArticle (articleId) { + return pandaMarketApi + .get(`/articles/${articleId}`) + .then(res => res.data) + .catch(err => { + console.error(err.message) + }) +} + +/** + * ์•„ํ‹ฐํด ์ƒ์„ฑ + * @param {object} createArticleBody + * @returns {Promise} + */ +function createArticle (createArticleBody) { + return pandaMarketApi + .post('/articles', createArticleBody) + .then(res => res.data) + .catch(err => { + console.error(err.message) + }) +} + +/** + * ์•„ํ‹ฐํด ์ˆ˜์ • + * @param {number} articleId + * @param {object} patchArticleBody + * @returns {Promise} + */ +function patchArticle (articleId, patchArticleBody) { + return pandaMarketApi + .patch(`/articles/${articleId}`, patchArticleBody) + .then(res => res.data) + .catch(err => { + console.error(err.message) + }) +} + +/** + * ์•„ํ‹ฐํด ์‚ญ์ œ + * @param {number} articleId + * @returns {Promise} + */ +function deleteArticle (articleId) { + return pandaMarketApi + .delete(`/articles/${articleId}`) + .then(res => res.data) + .catch(err => { + console.error(err.message) + }) +} + +export const articleService = { getArticleList, getArticle, createArticle, patchArticle, deleteArticle }; \ No newline at end of file diff --git a/assets/js/api/ProductService.js b/assets/js/api/ProductService.js new file mode 100644 index 000000000..ee7c8b227 --- /dev/null +++ b/assets/js/api/ProductService.js @@ -0,0 +1,79 @@ +import { pandaMarketApi } from './main.js' + +/** + * ์ œํ’ˆ ๋ชฉ๋ก ์กฐํšŒ + * @returns {Promise} + */ +async function getProductList () { + try { + const response = await pandaMarketApi.get('/products', { + params: { + page: 1, + pageSize: 10, + keyword: '' + } + }); + return response.data; + } catch (error) { + console.error(error.message); + } +} + +/** + * ์ œํ’ˆ ์กฐํšŒ + * @param {number} productId + * @returns {Promise} + */ +async function getProduct (productId) { + try { + const response = await pandaMarketApi.get(`/products/${productId}`); + return response.data; + } catch (error) { + console.error(error.message); + } +} + +/** + * ์ œํ’ˆ ์ƒ์„ฑ + * @param {object} createProductBody + * @returns {Promise} + */ +async function createProduct (createProductBody) { + try { + const response = await pandaMarketApi.post('/products', createProductBody) + return response.data; + } catch (error) { + console.error(error.message) + } +} + +/** + * ์ œํ’ˆ ์ˆ˜์ • + * @param {number} productId + * @param {object} patchProductBody + * @returns {Promise} + */ +async function patchProduct (productId, patchProductBody) { + try { + const response = await pandaMarketApi.patch(`/products/${productId}`, patchProductBody); + return response.data; + } catch (error) { + console.error(error.message) + } +} + +/** + * ์ œํ’ˆ ์‚ญ์ œ + * @param {number} productId + * @returns {Promise} + */ +async function deleteProduct (productId) { + try { + const response = await pandaMarketApi.delete(`/products/${productId}`) + return response.data; + } catch (error) { + console.error(error.message) + } +} + +export const productService = { getProductList, getProduct, createProduct, patchProduct, deleteProduct }; \ No newline at end of file diff --git a/assets/js/api/main.js b/assets/js/api/main.js new file mode 100644 index 000000000..a111252c0 --- /dev/null +++ b/assets/js/api/main.js @@ -0,0 +1,111 @@ +import axios from 'axios' +import { productService } from './ProductService.js' +import { articleService } from './ArticleService.js' + +export const pandaMarketApi = axios.create({ + baseURL: 'https://panda-market-api-crud.vercel.app', + timeout: 5000, +}) + +// ์ œํ’ˆ ๊ด€๋ จ ํ…Œ์ŠคํŠธ ํ•จ์ˆ˜๋“ค +async function testProductService() { + console.log('===== Product Service ํ…Œ์ŠคํŠธ ์‹œ์ž‘ =====') + + // 1. ์ œํ’ˆ ๋ชฉ๋ก ์กฐํšŒ ํ…Œ์ŠคํŠธ + console.log('1. ์ œํ’ˆ ๋ชฉ๋ก ์กฐํšŒ ํ…Œ์ŠคํŠธ') + const productList = await productService.getProductList() + console.log('์ œํ’ˆ ๋ชฉ๋ก:', productList) + + // 2. ์ œํ’ˆ ์ƒ์„ฑ ํ…Œ์ŠคํŠธ + console.log('2. ์ œํ’ˆ ์ƒ์„ฑ ํ…Œ์ŠคํŠธ') + const createProductBody = { + name: 'ํ’€์Šคํƒ 8๊ธฐ ํ…Œ์ŠคํŠธ ์ƒํ’ˆ', + price: 15000, + description: 'ํ…Œ์ŠคํŠธ ์ƒํ’ˆ ์„ค๋ช…์ž…๋‹ˆ๋‹ค.', + images: ['https://example.com/...'], + tags: ['ํ…Œ์ŠคํŠธ'] + } + const newProduct = await productService.createProduct(createProductBody) + console.log('์ƒ์„ฑ๋œ ์ œํ’ˆ:', newProduct) + + // 3. ํŠน์ • ์ œํ’ˆ ์กฐํšŒ ํ…Œ์ŠคํŠธ + console.log('3. ํŠน์ • ์ œํ’ˆ ์กฐํšŒ ํ…Œ์ŠคํŠธ') + const productId = newProduct.id // ๋ฐฉ๊ธˆ ์ƒ์„ฑํ•œ ์ œํ’ˆ์˜ ID ์‚ฌ์šฉ + const product = await productService.getProduct(productId) + console.log('์กฐํšŒ๋œ ์ œํ’ˆ:', product) + + // 4. ์ œํ’ˆ ์ˆ˜์ • ํ…Œ์ŠคํŠธ + console.log('4. ์ œํ’ˆ ์ˆ˜์ • ํ…Œ์ŠคํŠธ') + const patchProductBody = { + name: '์ˆ˜์ •๋œ ํ…Œ์ŠคํŠธ ์ƒํ’ˆ', + price: 20000, + description: '์ˆ˜์ •๋œ ์ƒํ’ˆ ์„ค๋ช…์ž…๋‹ˆ๋‹ค.', + images: ['https://example.com/...'], + tags: ['์ˆ˜์ •๋จ'] + } + const updatedProduct = await productService.patchProduct(productId, patchProductBody) + console.log('์ˆ˜์ •๋œ ์ œํ’ˆ:', updatedProduct) + + // 5. ์ œํ’ˆ ์‚ญ์ œ ํ…Œ์ŠคํŠธ + console.log('5. ์ œํ’ˆ ์‚ญ์ œ ํ…Œ์ŠคํŠธ') + const deleteResult = await productService.deleteProduct(productId) + console.log('์‚ญ์ œ ๊ฒฐ๊ณผ:', deleteResult) + + console.log('===== Product Service ํ…Œ์ŠคํŠธ ์™„๋ฃŒ =====') +} + +// ๊ฒŒ์‹œ๊ธ€ ๊ด€๋ จ ํ…Œ์ŠคํŠธ ํ•จ์ˆ˜๋“ค +async function testArticleService() { + console.log('===== Article Service ํ…Œ์ŠคํŠธ ์‹œ์ž‘ =====') + + // 1. ๊ฒŒ์‹œ๊ธ€ ๋ชฉ๋ก ์กฐํšŒ ํ…Œ์ŠคํŠธ + console.log('1. ๊ฒŒ์‹œ๊ธ€ ๋ชฉ๋ก ์กฐํšŒ ํ…Œ์ŠคํŠธ') + const articleList = await articleService.getArticleList() + console.log('๊ฒŒ์‹œ๊ธ€ ๋ชฉ๋ก:', articleList) + + // 2. ๊ฒŒ์‹œ๊ธ€ ์ƒ์„ฑ ํ…Œ์ŠคํŠธ + console.log('2. ๊ฒŒ์‹œ๊ธ€ ์ƒ์„ฑ ํ…Œ์ŠคํŠธ') + const createArticleBody = { + title: 'ํ…Œ์ŠคํŠธ ๊ฒŒ์‹œ๊ธ€ ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค.', + content: 'ํ…Œ์ŠคํŠธ ๊ฒŒ์‹œ๊ธ€ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.', + image: 'https://example.com/...' + } + const newArticle = await articleService.createArticle(createArticleBody) + console.log('์ƒ์„ฑ๋œ ๊ฒŒ์‹œ๊ธ€:', newArticle) + + // 3. ํŠน์ • ๊ฒŒ์‹œ๊ธ€ ์กฐํšŒ ํ…Œ์ŠคํŠธ + console.log('3. ํŠน์ • ๊ฒŒ์‹œ๊ธ€ ์กฐํšŒ ํ…Œ์ŠคํŠธ') + const articleId = newArticle.id // ๋ฐฉ๊ธˆ ์ƒ์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์˜ ID ์‚ฌ์šฉ + const article = await articleService.getArticle(articleId) + console.log('์กฐํšŒ๋œ ๊ฒŒ์‹œ๊ธ€:', article) + + // 4. ๊ฒŒ์‹œ๊ธ€ ์ˆ˜์ • ํ…Œ์ŠคํŠธ + console.log('4. ๊ฒŒ์‹œ๊ธ€ ์ˆ˜์ • ํ…Œ์ŠคํŠธ') + const patchArticleBody = { + title: '์ˆ˜์ •๋œ ํ…Œ์ŠคํŠธ ๊ฒŒ์‹œ๊ธ€ ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค.', + content: '์ˆ˜์ •๋œ ํ…Œ์ŠคํŠธ ๊ฒŒ์‹œ๊ธ€ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.', + image: 'https://example.com/...' + } + const updatedArticle = await articleService.patchArticle(articleId, patchArticleBody) + console.log('์ˆ˜์ •๋œ ๊ฒŒ์‹œ๊ธ€:', updatedArticle) + + // 5. ๊ฒŒ์‹œ๊ธ€ ์‚ญ์ œ ํ…Œ์ŠคํŠธ + console.log('5. ๊ฒŒ์‹œ๊ธ€ ์‚ญ์ œ ํ…Œ์ŠคํŠธ') + const deleteResult = await articleService.deleteArticle(articleId) + console.log('์‚ญ์ œ ๊ฒฐ๊ณผ:', deleteResult) + + console.log('===== Article Service ํ…Œ์ŠคํŠธ ์™„๋ฃŒ =====') +} + +// ๋ชจ๋“  ํ…Œ์ŠคํŠธ ์‹คํ–‰ +async function runAllTests() { + try { + await testProductService() + await testArticleService() + } catch (error) { + console.error(error) + } +} + +// ํ…Œ์ŠคํŠธ ์‹คํ–‰ +runAllTests() \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 000000000..bf3aa0f32 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,291 @@ +{ + "name": "8-sprint-mission-fe", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "dependencies": { + "axios": "^1.11.0" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "license": "MIT" + }, + "node_modules/axios": { + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz", + "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==", + "license": "MIT", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.4", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", + "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "license": "MIT", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "license": "MIT", + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/dunder-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", + "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-define-property": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", + "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-object-atoms": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", + "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/es-set-tostringtag": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz", + "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==", + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/follow-redirects": { + "version": "1.15.9", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz", + "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==", + "license": "MIT", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "es-set-tostringtag": "^2.1.0", + "hasown": "^2.0.2", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-intrinsic": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", + "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", + "license": "MIT", + "dependencies": { + "call-bind-apply-helpers": "^1.0.2", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.1", + "function-bind": "^1.1.2", + "get-proto": "^1.0.1", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-proto": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", + "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/gopd": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", + "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-symbols": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", + "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "license": "MIT", + "dependencies": { + "has-symbols": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "license": "MIT", + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/math-intrinsics": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", + "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "license": "MIT", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "license": "MIT", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "license": "MIT" + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 000000000..22a835e66 --- /dev/null +++ b/package.json @@ -0,0 +1,6 @@ +{ + "type": "module", + "dependencies": { + "axios": "^1.11.0" + } +} From 1e88277e596a89fd05df38e85be5e79dded39609 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Tue, 5 Aug 2025 14:26:26 +0900 Subject: [PATCH 18/63] =?UTF-8?q?rename:=20=EA=B8=B0=EC=A1=B4=20html,css,j?= =?UTF-8?q?s=20=EC=86=8C=EC=8A=A4=20legacy-sprint=20=ED=8F=B4=EB=8D=94?= =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 9 +-------- .vscode/settings.json | 3 +++ README.md => legacy-sprint/README.md | 0 {assets => legacy-sprint/assets}/css/auth.css | 0 {assets => legacy-sprint/assets}/css/common.css | 0 {assets => legacy-sprint/assets}/css/main.css | 0 {assets => legacy-sprint/assets}/css/reset.css | 0 {assets => legacy-sprint/assets}/data/userData.js | 0 .../assets}/img/auth/google-icon.svg | 0 .../assets}/img/auth/hidden-icon.svg | 0 {assets => legacy-sprint/assets}/img/auth/kakao-icon.svg | 0 .../assets}/img/auth/visible-icon.svg | 0 {assets => legacy-sprint/assets}/img/common/og-img.svg | 0 .../assets}/img/footer/footer-icon-01.svg | 0 .../assets}/img/footer/footer-icon-02.svg | 0 .../assets}/img/footer/footer-icon-03.svg | 0 .../assets}/img/footer/footer-icon-04.svg | 0 {assets => legacy-sprint/assets}/img/header/logo-lg.svg | 0 {assets => legacy-sprint/assets}/img/header/logo-sm.svg | 0 {assets => legacy-sprint/assets}/img/header/logo.svg | 0 .../assets}/img/main-page/feature-img-01.svg | 0 .../assets}/img/main-page/feature-img-02.svg | 0 .../assets}/img/main-page/feature-img-03.svg | 0 .../assets}/img/main-page/hero-img-02.svg | 0 .../assets}/img/main-page/hero-img.svg | 0 .../assets}/js/api/ArticleService.js | 0 .../assets}/js/api/ProductService.js | 0 {assets => legacy-sprint/assets}/js/api/main.js | 0 {assets => legacy-sprint/assets}/js/auth/auth.js | 0 {assets => legacy-sprint/assets}/js/auth/dom.js | 0 {assets => legacy-sprint/assets}/js/auth/handler.js | 0 {assets => legacy-sprint/assets}/js/auth/popup.js | 0 {assets => legacy-sprint/assets}/js/auth/ui.js | 0 {assets => legacy-sprint/assets}/js/auth/validation.js | 0 {faq => legacy-sprint/faq}/index.html | 0 index.html => legacy-sprint/index.html | 0 {items => legacy-sprint/items}/index.html | 0 {login => legacy-sprint/login}/index.html | 0 package-lock.json => legacy-sprint/package-lock.json | 0 package.json => legacy-sprint/package.json | 0 {privacy => legacy-sprint/privacy}/index.html | 0 {signup => legacy-sprint/signup}/index.html | 0 42 files changed, 4 insertions(+), 8 deletions(-) create mode 100644 .vscode/settings.json rename README.md => legacy-sprint/README.md (100%) rename {assets => legacy-sprint/assets}/css/auth.css (100%) rename {assets => legacy-sprint/assets}/css/common.css (100%) rename {assets => legacy-sprint/assets}/css/main.css (100%) rename {assets => legacy-sprint/assets}/css/reset.css (100%) rename {assets => legacy-sprint/assets}/data/userData.js (100%) rename {assets => legacy-sprint/assets}/img/auth/google-icon.svg (100%) rename {assets => legacy-sprint/assets}/img/auth/hidden-icon.svg (100%) rename {assets => legacy-sprint/assets}/img/auth/kakao-icon.svg (100%) rename {assets => legacy-sprint/assets}/img/auth/visible-icon.svg (100%) rename {assets => legacy-sprint/assets}/img/common/og-img.svg (100%) rename {assets => legacy-sprint/assets}/img/footer/footer-icon-01.svg (100%) rename {assets => legacy-sprint/assets}/img/footer/footer-icon-02.svg (100%) rename {assets => legacy-sprint/assets}/img/footer/footer-icon-03.svg (100%) rename {assets => legacy-sprint/assets}/img/footer/footer-icon-04.svg (100%) rename {assets => legacy-sprint/assets}/img/header/logo-lg.svg (100%) rename {assets => legacy-sprint/assets}/img/header/logo-sm.svg (100%) rename {assets => legacy-sprint/assets}/img/header/logo.svg (100%) rename {assets => legacy-sprint/assets}/img/main-page/feature-img-01.svg (100%) rename {assets => legacy-sprint/assets}/img/main-page/feature-img-02.svg (100%) rename {assets => legacy-sprint/assets}/img/main-page/feature-img-03.svg (100%) rename {assets => legacy-sprint/assets}/img/main-page/hero-img-02.svg (100%) rename {assets => legacy-sprint/assets}/img/main-page/hero-img.svg (100%) rename {assets => legacy-sprint/assets}/js/api/ArticleService.js (100%) rename {assets => legacy-sprint/assets}/js/api/ProductService.js (100%) rename {assets => legacy-sprint/assets}/js/api/main.js (100%) rename {assets => legacy-sprint/assets}/js/auth/auth.js (100%) rename {assets => legacy-sprint/assets}/js/auth/dom.js (100%) rename {assets => legacy-sprint/assets}/js/auth/handler.js (100%) rename {assets => legacy-sprint/assets}/js/auth/popup.js (100%) rename {assets => legacy-sprint/assets}/js/auth/ui.js (100%) rename {assets => legacy-sprint/assets}/js/auth/validation.js (100%) rename {faq => legacy-sprint/faq}/index.html (100%) rename index.html => legacy-sprint/index.html (100%) rename {items => legacy-sprint/items}/index.html (100%) rename {login => legacy-sprint/login}/index.html (100%) rename package-lock.json => legacy-sprint/package-lock.json (100%) rename package.json => legacy-sprint/package.json (100%) rename {privacy => legacy-sprint/privacy}/index.html (100%) rename {signup => legacy-sprint/signup}/index.html (100%) diff --git a/.gitignore b/.gitignore index c9981ba6b..444273232 100644 --- a/.gitignore +++ b/.gitignore @@ -1,9 +1,2 @@ .DS_Store -.vscode -.idea -.env -.env.local -.env.development.local -.env.test.local -.env.production.local -/node_modules \ No newline at end of file +.gitignore \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..aef844305 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/README.md b/legacy-sprint/README.md similarity index 100% rename from README.md rename to legacy-sprint/README.md diff --git a/assets/css/auth.css b/legacy-sprint/assets/css/auth.css similarity index 100% rename from assets/css/auth.css rename to legacy-sprint/assets/css/auth.css diff --git a/assets/css/common.css b/legacy-sprint/assets/css/common.css similarity index 100% rename from assets/css/common.css rename to legacy-sprint/assets/css/common.css diff --git a/assets/css/main.css b/legacy-sprint/assets/css/main.css similarity index 100% rename from assets/css/main.css rename to legacy-sprint/assets/css/main.css diff --git a/assets/css/reset.css b/legacy-sprint/assets/css/reset.css similarity index 100% rename from assets/css/reset.css rename to legacy-sprint/assets/css/reset.css diff --git a/assets/data/userData.js b/legacy-sprint/assets/data/userData.js similarity index 100% rename from assets/data/userData.js rename to legacy-sprint/assets/data/userData.js diff --git a/assets/img/auth/google-icon.svg b/legacy-sprint/assets/img/auth/google-icon.svg similarity index 100% rename from assets/img/auth/google-icon.svg rename to legacy-sprint/assets/img/auth/google-icon.svg diff --git a/assets/img/auth/hidden-icon.svg b/legacy-sprint/assets/img/auth/hidden-icon.svg similarity index 100% rename from assets/img/auth/hidden-icon.svg rename to legacy-sprint/assets/img/auth/hidden-icon.svg diff --git a/assets/img/auth/kakao-icon.svg b/legacy-sprint/assets/img/auth/kakao-icon.svg similarity index 100% rename from assets/img/auth/kakao-icon.svg rename to legacy-sprint/assets/img/auth/kakao-icon.svg diff --git a/assets/img/auth/visible-icon.svg b/legacy-sprint/assets/img/auth/visible-icon.svg similarity index 100% rename from assets/img/auth/visible-icon.svg rename to legacy-sprint/assets/img/auth/visible-icon.svg diff --git a/assets/img/common/og-img.svg b/legacy-sprint/assets/img/common/og-img.svg similarity index 100% rename from assets/img/common/og-img.svg rename to legacy-sprint/assets/img/common/og-img.svg diff --git a/assets/img/footer/footer-icon-01.svg b/legacy-sprint/assets/img/footer/footer-icon-01.svg similarity index 100% rename from assets/img/footer/footer-icon-01.svg rename to legacy-sprint/assets/img/footer/footer-icon-01.svg diff --git a/assets/img/footer/footer-icon-02.svg b/legacy-sprint/assets/img/footer/footer-icon-02.svg similarity index 100% rename from assets/img/footer/footer-icon-02.svg rename to legacy-sprint/assets/img/footer/footer-icon-02.svg diff --git a/assets/img/footer/footer-icon-03.svg b/legacy-sprint/assets/img/footer/footer-icon-03.svg similarity index 100% rename from assets/img/footer/footer-icon-03.svg rename to legacy-sprint/assets/img/footer/footer-icon-03.svg diff --git a/assets/img/footer/footer-icon-04.svg b/legacy-sprint/assets/img/footer/footer-icon-04.svg similarity index 100% rename from assets/img/footer/footer-icon-04.svg rename to legacy-sprint/assets/img/footer/footer-icon-04.svg diff --git a/assets/img/header/logo-lg.svg b/legacy-sprint/assets/img/header/logo-lg.svg similarity index 100% rename from assets/img/header/logo-lg.svg rename to legacy-sprint/assets/img/header/logo-lg.svg diff --git a/assets/img/header/logo-sm.svg b/legacy-sprint/assets/img/header/logo-sm.svg similarity index 100% rename from assets/img/header/logo-sm.svg rename to legacy-sprint/assets/img/header/logo-sm.svg diff --git a/assets/img/header/logo.svg b/legacy-sprint/assets/img/header/logo.svg similarity index 100% rename from assets/img/header/logo.svg rename to legacy-sprint/assets/img/header/logo.svg diff --git a/assets/img/main-page/feature-img-01.svg b/legacy-sprint/assets/img/main-page/feature-img-01.svg similarity index 100% rename from assets/img/main-page/feature-img-01.svg rename to legacy-sprint/assets/img/main-page/feature-img-01.svg diff --git a/assets/img/main-page/feature-img-02.svg b/legacy-sprint/assets/img/main-page/feature-img-02.svg similarity index 100% rename from assets/img/main-page/feature-img-02.svg rename to legacy-sprint/assets/img/main-page/feature-img-02.svg diff --git a/assets/img/main-page/feature-img-03.svg b/legacy-sprint/assets/img/main-page/feature-img-03.svg similarity index 100% rename from assets/img/main-page/feature-img-03.svg rename to legacy-sprint/assets/img/main-page/feature-img-03.svg diff --git a/assets/img/main-page/hero-img-02.svg b/legacy-sprint/assets/img/main-page/hero-img-02.svg similarity index 100% rename from assets/img/main-page/hero-img-02.svg rename to legacy-sprint/assets/img/main-page/hero-img-02.svg diff --git a/assets/img/main-page/hero-img.svg b/legacy-sprint/assets/img/main-page/hero-img.svg similarity index 100% rename from assets/img/main-page/hero-img.svg rename to legacy-sprint/assets/img/main-page/hero-img.svg diff --git a/assets/js/api/ArticleService.js b/legacy-sprint/assets/js/api/ArticleService.js similarity index 100% rename from assets/js/api/ArticleService.js rename to legacy-sprint/assets/js/api/ArticleService.js diff --git a/assets/js/api/ProductService.js b/legacy-sprint/assets/js/api/ProductService.js similarity index 100% rename from assets/js/api/ProductService.js rename to legacy-sprint/assets/js/api/ProductService.js diff --git a/assets/js/api/main.js b/legacy-sprint/assets/js/api/main.js similarity index 100% rename from assets/js/api/main.js rename to legacy-sprint/assets/js/api/main.js diff --git a/assets/js/auth/auth.js b/legacy-sprint/assets/js/auth/auth.js similarity index 100% rename from assets/js/auth/auth.js rename to legacy-sprint/assets/js/auth/auth.js diff --git a/assets/js/auth/dom.js b/legacy-sprint/assets/js/auth/dom.js similarity index 100% rename from assets/js/auth/dom.js rename to legacy-sprint/assets/js/auth/dom.js diff --git a/assets/js/auth/handler.js b/legacy-sprint/assets/js/auth/handler.js similarity index 100% rename from assets/js/auth/handler.js rename to legacy-sprint/assets/js/auth/handler.js diff --git a/assets/js/auth/popup.js b/legacy-sprint/assets/js/auth/popup.js similarity index 100% rename from assets/js/auth/popup.js rename to legacy-sprint/assets/js/auth/popup.js diff --git a/assets/js/auth/ui.js b/legacy-sprint/assets/js/auth/ui.js similarity index 100% rename from assets/js/auth/ui.js rename to legacy-sprint/assets/js/auth/ui.js diff --git a/assets/js/auth/validation.js b/legacy-sprint/assets/js/auth/validation.js similarity index 100% rename from assets/js/auth/validation.js rename to legacy-sprint/assets/js/auth/validation.js diff --git a/faq/index.html b/legacy-sprint/faq/index.html similarity index 100% rename from faq/index.html rename to legacy-sprint/faq/index.html diff --git a/index.html b/legacy-sprint/index.html similarity index 100% rename from index.html rename to legacy-sprint/index.html diff --git a/items/index.html b/legacy-sprint/items/index.html similarity index 100% rename from items/index.html rename to legacy-sprint/items/index.html diff --git a/login/index.html b/legacy-sprint/login/index.html similarity index 100% rename from login/index.html rename to legacy-sprint/login/index.html diff --git a/package-lock.json b/legacy-sprint/package-lock.json similarity index 100% rename from package-lock.json rename to legacy-sprint/package-lock.json diff --git a/package.json b/legacy-sprint/package.json similarity index 100% rename from package.json rename to legacy-sprint/package.json diff --git a/privacy/index.html b/legacy-sprint/privacy/index.html similarity index 100% rename from privacy/index.html rename to legacy-sprint/privacy/index.html diff --git a/signup/index.html b/legacy-sprint/signup/index.html similarity index 100% rename from signup/index.html rename to legacy-sprint/signup/index.html From ae288701e7379378f92dfef63a343268f36b1980 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Tue, 5 Aug 2025 14:34:15 +0900 Subject: [PATCH 19/63] =?UTF-8?q?init:=20=EB=A6=AC=EC=95=A1=ED=8A=B8=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=EC=A0=9D=ED=8A=B8=20=EC=B4=88=EA=B8=B0=20?= =?UTF-8?q?=EC=84=B8=ED=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- panda-market-react/README.md | 12 + panda-market-react/eslint.config.js | 29 + panda-market-react/index.html | 13 + panda-market-react/package-lock.json | 2850 +++++++++++++++++ panda-market-react/package.json | 28 + panda-market-react/public/vite.svg | 1 + panda-market-react/src/App.css | 42 + panda-market-react/src/App.jsx | 16 + panda-market-react/src/common.css | 372 +++ panda-market-react/src/main.jsx | 14 + .../src/pages/ProductListPage.jsx | 9 + .../src/pages/ProductListPage.module.css | 0 panda-market-react/src/reset.css | 65 + panda-market-react/vite.config.js | 7 + 14 files changed, 3458 insertions(+) create mode 100644 panda-market-react/README.md create mode 100644 panda-market-react/eslint.config.js create mode 100644 panda-market-react/index.html create mode 100644 panda-market-react/package-lock.json create mode 100644 panda-market-react/package.json create mode 100644 panda-market-react/public/vite.svg create mode 100644 panda-market-react/src/App.css create mode 100644 panda-market-react/src/App.jsx create mode 100644 panda-market-react/src/common.css create mode 100644 panda-market-react/src/main.jsx create mode 100644 panda-market-react/src/pages/ProductListPage.jsx create mode 100644 panda-market-react/src/pages/ProductListPage.module.css create mode 100644 panda-market-react/src/reset.css create mode 100644 panda-market-react/vite.config.js diff --git a/panda-market-react/README.md b/panda-market-react/README.md new file mode 100644 index 000000000..7059a962a --- /dev/null +++ b/panda-market-react/README.md @@ -0,0 +1,12 @@ +# React + Vite + +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. + +Currently, two official plugins are available: + +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh + +## Expanding the ESLint configuration + +If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. diff --git a/panda-market-react/eslint.config.js b/panda-market-react/eslint.config.js new file mode 100644 index 000000000..cee1e2c78 --- /dev/null +++ b/panda-market-react/eslint.config.js @@ -0,0 +1,29 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{js,jsx}'], + extends: [ + js.configs.recommended, + reactHooks.configs['recommended-latest'], + reactRefresh.configs.vite, + ], + languageOptions: { + ecmaVersion: 2020, + globals: globals.browser, + parserOptions: { + ecmaVersion: 'latest', + ecmaFeatures: { jsx: true }, + sourceType: 'module', + }, + }, + rules: { + 'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], + }, + }, +]) diff --git a/panda-market-react/index.html b/panda-market-react/index.html new file mode 100644 index 000000000..9dabd8b58 --- /dev/null +++ b/panda-market-react/index.html @@ -0,0 +1,13 @@ + + + + + + + ํŒ๋‹ค๋งˆ์ผ“ + + +
+ + + diff --git a/panda-market-react/package-lock.json b/panda-market-react/package-lock.json new file mode 100644 index 000000000..0cc8ce557 --- /dev/null +++ b/panda-market-react/package-lock.json @@ -0,0 +1,2850 @@ +{ + "name": "panda-market-react", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "panda-market-react", + "version": "0.0.0", + "dependencies": { + "react": "^19.1.0", + "react-dom": "^19.1.0", + "react-router-dom": "^7.7.1" + }, + "devDependencies": { + "@eslint/js": "^9.30.1", + "@types/react": "^19.1.8", + "@types/react-dom": "^19.1.6", + "@vitejs/plugin-react": "^4.6.0", + "eslint": "^9.30.1", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20", + "globals": "^16.3.0", + "vite": "^7.0.4" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", + "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz", + "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.27.1", + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz", + "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz", + "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.28.0", + "@babel/helper-compilation-targets": "^7.27.2", + "@babel/helper-module-transforms": "^7.27.3", + "@babel/helpers": "^7.27.6", + "@babel/parser": "^7.28.0", + "@babel/template": "^7.27.2", + "@babel/traverse": "^7.28.0", + "@babel/types": "^7.28.0", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/generator": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz", + "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.28.0", + "@babel/types": "^7.28.0", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.27.2", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz", + "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.27.2", + "@babel/helper-validator-option": "^7.27.1", + "browserslist": "^4.24.0", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-globals": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", + "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz", + "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/traverse": "^7.27.1", + "@babel/types": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz", + "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1", + "@babel/traverse": "^7.27.3" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz", + "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", + "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz", + "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz", + "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.28.2", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.2.tgz", + "integrity": "sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.27.2", + "@babel/types": "^7.28.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz", + "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.28.0" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz", + "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz", + "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-plugin-utils": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.27.2", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz", + "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.27.1", + "@babel/parser": "^7.27.2", + "@babel/types": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz", + "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.28.0", + "@babel/helper-globals": "^7.28.0", + "@babel/parser": "^7.28.0", + "@babel/template": "^7.27.2", + "@babel/types": "^7.28.0", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.28.2", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz", + "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.8.tgz", + "integrity": "sha512-urAvrUedIqEiFR3FYSLTWQgLu5tb+m0qZw0NBEasUeo6wuqatkMDaRT+1uABiGXEu5vqgPd7FGE1BhsAIy9QVA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.8.tgz", + "integrity": "sha512-RONsAvGCz5oWyePVnLdZY/HHwA++nxYWIX1atInlaW6SEkwq6XkP3+cb825EUcRs5Vss/lGh/2YxAb5xqc07Uw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.8.tgz", + "integrity": "sha512-OD3p7LYzWpLhZEyATcTSJ67qB5D+20vbtr6vHlHWSQYhKtzUYrETuWThmzFpZtFsBIxRvhO07+UgVA9m0i/O1w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.8.tgz", + "integrity": "sha512-yJAVPklM5+4+9dTeKwHOaA+LQkmrKFX96BM0A/2zQrbS6ENCmxc4OVoBs5dPkCCak2roAD+jKCdnmOqKszPkjA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.8.tgz", + "integrity": "sha512-Jw0mxgIaYX6R8ODrdkLLPwBqHTtYHJSmzzd+QeytSugzQ0Vg4c5rDky5VgkoowbZQahCbsv1rT1KW72MPIkevw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.8.tgz", + "integrity": "sha512-Vh2gLxxHnuoQ+GjPNvDSDRpoBCUzY4Pu0kBqMBDlK4fuWbKgGtmDIeEC081xi26PPjn+1tct+Bh8FjyLlw1Zlg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.8.tgz", + "integrity": "sha512-YPJ7hDQ9DnNe5vxOm6jaie9QsTwcKedPvizTVlqWG9GBSq+BuyWEDazlGaDTC5NGU4QJd666V0yqCBL2oWKPfA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.8.tgz", + "integrity": "sha512-MmaEXxQRdXNFsRN/KcIimLnSJrk2r5H8v+WVafRWz5xdSVmWLoITZQXcgehI2ZE6gioE6HirAEToM/RvFBeuhw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.8.tgz", + "integrity": "sha512-FuzEP9BixzZohl1kLf76KEVOsxtIBFwCaLupVuk4eFVnOZfU+Wsn+x5Ryam7nILV2pkq2TqQM9EZPsOBuMC+kg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.8.tgz", + "integrity": "sha512-WIgg00ARWv/uYLU7lsuDK00d/hHSfES5BzdWAdAig1ioV5kaFNrtK8EqGcUBJhYqotlUByUKz5Qo6u8tt7iD/w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.8.tgz", + "integrity": "sha512-A1D9YzRX1i+1AJZuFFUMP1E9fMaYY+GnSQil9Tlw05utlE86EKTUA7RjwHDkEitmLYiFsRd9HwKBPEftNdBfjg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.8.tgz", + "integrity": "sha512-O7k1J/dwHkY1RMVvglFHl1HzutGEFFZ3kNiDMSOyUrB7WcoHGf96Sh+64nTRT26l3GMbCW01Ekh/ThKM5iI7hQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.8.tgz", + "integrity": "sha512-uv+dqfRazte3BzfMp8PAQXmdGHQt2oC/y2ovwpTteqrMx2lwaksiFZ/bdkXJC19ttTvNXBuWH53zy/aTj1FgGw==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.8.tgz", + "integrity": "sha512-GyG0KcMi1GBavP5JgAkkstMGyMholMDybAf8wF5A70CALlDM2p/f7YFE7H92eDeH/VBtFJA5MT4nRPDGg4JuzQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.8.tgz", + "integrity": "sha512-rAqDYFv3yzMrq7GIcen3XP7TUEG/4LK86LUPMIz6RT8A6pRIDn0sDcvjudVZBiiTcZCY9y2SgYX2lgK3AF+1eg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.8.tgz", + "integrity": "sha512-Xutvh6VjlbcHpsIIbwY8GVRbwoviWT19tFhgdA7DlenLGC/mbc3lBoVb7jxj9Z+eyGqvcnSyIltYUrkKzWqSvg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.8.tgz", + "integrity": "sha512-ASFQhgY4ElXh3nDcOMTkQero4b1lgubskNlhIfJrsH5OKZXDpUAKBlNS0Kx81jwOBp+HCeZqmoJuihTv57/jvQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.8.tgz", + "integrity": "sha512-d1KfruIeohqAi6SA+gENMuObDbEjn22olAR7egqnkCD9DGBG0wsEARotkLgXDu6c4ncgWTZJtN5vcgxzWRMzcw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.8.tgz", + "integrity": "sha512-nVDCkrvx2ua+XQNyfrujIG38+YGyuy2Ru9kKVNyh5jAys6n+l44tTtToqHjino2My8VAY6Lw9H7RI73XFi66Cg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.8.tgz", + "integrity": "sha512-j8HgrDuSJFAujkivSMSfPQSAa5Fxbvk4rgNAS5i3K+r8s1X0p1uOO2Hl2xNsGFppOeHOLAVgYwDVlmxhq5h+SQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.8.tgz", + "integrity": "sha512-1h8MUAwa0VhNCDp6Af0HToI2TJFAn1uqT9Al6DJVzdIBAd21m/G0Yfc77KDM3uF3T/YaOgQq3qTJHPbTOInaIQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.8.tgz", + "integrity": "sha512-r2nVa5SIK9tSWd0kJd9HCffnDHKchTGikb//9c7HX+r+wHYCpQrSgxhlY6KWV1nFo1l4KFbsMlHk+L6fekLsUg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.8.tgz", + "integrity": "sha512-zUlaP2S12YhQ2UzUfcCuMDHQFJyKABkAjvO5YSndMiIkMimPmxA+BYSBikWgsRpvyxuRnow4nS5NPnf9fpv41w==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.8.tgz", + "integrity": "sha512-YEGFFWESlPva8hGL+zvj2z/SaK+pH0SwOM0Nc/d+rVnW7GSTFlLBGzZkuSU9kFIGIo8q9X3ucpZhu8PDN5A2sQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.8.tgz", + "integrity": "sha512-hiGgGC6KZ5LZz58OL/+qVVoZiuZlUYlYHNAmczOm7bs2oE1XriPFi5ZHHrS8ACpV5EjySrnoCKmcbQMN+ojnHg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.8.tgz", + "integrity": "sha512-cn3Yr7+OaaZq1c+2pe+8yxC8E144SReCQjN6/2ynubzYjvyqZjTXfQJpAcQpsdJq3My7XADANiYGHoFC69pLQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz", + "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==", + "dev": true, + "license": "MIT", + "dependencies": { + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.12.1", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz", + "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/config-array": { + "version": "0.21.0", + "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz", + "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/object-schema": "^2.1.6", + "debug": "^4.3.1", + "minimatch": "^3.1.2" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/config-helpers": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.0.tgz", + "integrity": "sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/core": { + "version": "0.15.1", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz", + "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@types/json-schema": "^7.0.15" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz", + "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^10.0.1", + "globals": "^14.0.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz", + "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/js": { + "version": "9.32.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.32.0.tgz", + "integrity": "sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + } + }, + "node_modules/@eslint/object-schema": { + "version": "2.1.6", + "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz", + "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/plugin-kit": { + "version": "0.3.4", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz", + "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.15.1", + "levn": "^0.4.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@humanfs/core": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", + "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node": { + "version": "0.16.6", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz", + "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.1", + "@humanwhocodes/retry": "^0.3.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz", + "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/retry": { + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz", + "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=18.18" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.12", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz", + "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz", + "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.29", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz", + "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.0-beta.27", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz", + "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.2.tgz", + "integrity": "sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.2.tgz", + "integrity": "sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.2.tgz", + "integrity": "sha512-HV7bW2Fb/F5KPdM/9bApunQh68YVDU8sO8BvcW9OngQVN3HHHkw99wFupuUJfGR9pYLLAjcAOA6iO+evsbBaPQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.2.tgz", + "integrity": "sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.2.tgz", + "integrity": "sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.2.tgz", + "integrity": "sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.2.tgz", + "integrity": "sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.2.tgz", + "integrity": "sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.2.tgz", + "integrity": "sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.2.tgz", + "integrity": "sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loongarch64-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.2.tgz", + "integrity": "sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.2.tgz", + "integrity": "sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.2.tgz", + "integrity": "sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.2.tgz", + "integrity": "sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.2.tgz", + "integrity": "sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.2.tgz", + "integrity": "sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.2.tgz", + "integrity": "sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.2.tgz", + "integrity": "sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.2.tgz", + "integrity": "sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.2.tgz", + "integrity": "sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.27.0", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", + "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz", + "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.28.2" + } + }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/react": { + "version": "19.1.9", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.9.tgz", + "integrity": "sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.1.7", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.7.tgz", + "integrity": "sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.0.0" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz", + "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.28.0", + "@babel/plugin-transform-react-jsx-self": "^7.27.1", + "@babel/plugin-transform-react-jsx-source": "^7.27.1", + "@rolldown/pluginutils": "1.0.0-beta.27", + "@types/babel__core": "^7.20.5", + "react-refresh": "^0.17.0" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, + "node_modules/acorn": { + "version": "8.15.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", + "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", + "dev": true, + "license": "MIT", + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "license": "MIT", + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true, + "license": "Python-2.0" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/brace-expansion": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/browserslist": { + "version": "4.25.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz", + "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "caniuse-lite": "^1.0.30001726", + "electron-to-chromium": "^1.5.173", + "node-releases": "^2.0.19", + "update-browserslist-db": "^1.1.3" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001731", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz", + "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "CC-BY-4.0" + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "license": "MIT" + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true, + "license": "MIT" + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/cookie": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz", + "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==", + "license": "MIT", + "engines": { + "node": ">=18" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "dev": true, + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "dev": true, + "license": "MIT" + }, + "node_modules/debug": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz", + "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "ms": "^2.1.3" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/electron-to-chromium": { + "version": "1.5.195", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.195.tgz", + "integrity": "sha512-URclP0iIaDUzqcAyV1v2PgduJ9N0IdXmWsnPzPfelvBmjmZzEy6xJcjb1cXj+TbYqXgtLrjHEoaSIdTYhw4ezg==", + "dev": true, + "license": "ISC" + }, + "node_modules/esbuild": { + "version": "0.25.8", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.8.tgz", + "integrity": "sha512-vVC0USHGtMi8+R4Kz8rt6JhEWLxsv9Rnu/lGYbPR8u47B+DCBksq9JarW0zOO7bs37hyOK1l2/oqtbciutL5+Q==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.8", + "@esbuild/android-arm": "0.25.8", + "@esbuild/android-arm64": "0.25.8", + "@esbuild/android-x64": "0.25.8", + "@esbuild/darwin-arm64": "0.25.8", + "@esbuild/darwin-x64": "0.25.8", + "@esbuild/freebsd-arm64": "0.25.8", + "@esbuild/freebsd-x64": "0.25.8", + "@esbuild/linux-arm": "0.25.8", + "@esbuild/linux-arm64": "0.25.8", + "@esbuild/linux-ia32": "0.25.8", + "@esbuild/linux-loong64": "0.25.8", + "@esbuild/linux-mips64el": "0.25.8", + "@esbuild/linux-ppc64": "0.25.8", + "@esbuild/linux-riscv64": "0.25.8", + "@esbuild/linux-s390x": "0.25.8", + "@esbuild/linux-x64": "0.25.8", + "@esbuild/netbsd-arm64": "0.25.8", + "@esbuild/netbsd-x64": "0.25.8", + "@esbuild/openbsd-arm64": "0.25.8", + "@esbuild/openbsd-x64": "0.25.8", + "@esbuild/openharmony-arm64": "0.25.8", + "@esbuild/sunos-x64": "0.25.8", + "@esbuild/win32-arm64": "0.25.8", + "@esbuild/win32-ia32": "0.25.8", + "@esbuild/win32-x64": "0.25.8" + } + }, + "node_modules/escalade": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint": { + "version": "9.32.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.32.0.tgz", + "integrity": "sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.12.1", + "@eslint/config-array": "^0.21.0", + "@eslint/config-helpers": "^0.3.0", + "@eslint/core": "^0.15.0", + "@eslint/eslintrc": "^3.3.1", + "@eslint/js": "9.32.0", + "@eslint/plugin-kit": "^0.3.4", + "@humanfs/node": "^0.16.6", + "@humanwhocodes/module-importer": "^1.0.1", + "@humanwhocodes/retry": "^0.4.2", + "@types/estree": "^1.0.6", + "@types/json-schema": "^7.0.15", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.6", + "debug": "^4.3.2", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^8.4.0", + "eslint-visitor-keys": "^4.2.1", + "espree": "^10.4.0", + "esquery": "^1.5.0", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^8.0.0", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "jiti": "*" + }, + "peerDependenciesMeta": { + "jiti": { + "optional": true + } + } + }, + "node_modules/eslint-plugin-react-hooks": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz", + "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" + } + }, + "node_modules/eslint-plugin-react-refresh": { + "version": "0.4.20", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.20.tgz", + "integrity": "sha512-XpbHQ2q5gUF8BGOX4dHe+71qoirYMhApEPZ7sfhF/dNnOF1UXnCMGZf79SFTBO7Bz5YEIT4TMieSlJBWhP9WBA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": ">=8.40" + } + }, + "node_modules/eslint-scope": { + "version": "8.4.0", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz", + "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz", + "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/espree": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz", + "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "acorn": "^8.15.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^4.2.1" + }, + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz", + "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true, + "license": "MIT" + }, + "node_modules/fdir": { + "version": "6.4.6", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz", + "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "picomatch": "^3 || ^4" + }, + "peerDependenciesMeta": { + "picomatch": { + "optional": true + } + } + }, + "node_modules/file-entry-cache": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", + "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "flat-cache": "^4.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "license": "MIT", + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat-cache": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz", + "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==", + "dev": true, + "license": "MIT", + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.4" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/flatted": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz", + "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==", + "dev": true, + "license": "ISC" + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "license": "ISC", + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/globals": { + "version": "16.3.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-16.3.0.tgz", + "integrity": "sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/ignore": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", + "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 4" + } + }, + "node_modules/import-fresh": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", + "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true, + "license": "ISC" + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "license": "MIT", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsesc": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", + "dev": true, + "license": "MIT", + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true, + "license": "MIT" + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true, + "license": "MIT" + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "license": "MIT", + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "license": "MIT", + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "license": "ISC", + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/ms": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, + "license": "MIT" + }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true, + "license": "MIT" + }, + "node_modules/node-releases": { + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", + "dev": true, + "license": "MIT" + }, + "node_modules/optionator": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", + "dev": true, + "license": "MIT", + "dependencies": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "license": "MIT", + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "license": "MIT", + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", + "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==", + "dev": true, + "license": "ISC" + }, + "node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/react": { + "version": "19.1.1", + "resolved": "https://registry.npmjs.org/react/-/react-19.1.1.tgz", + "integrity": "sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "19.1.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.1.tgz", + "integrity": "sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==", + "license": "MIT", + "dependencies": { + "scheduler": "^0.26.0" + }, + "peerDependencies": { + "react": "^19.1.1" + } + }, + "node_modules/react-refresh": { + "version": "0.17.0", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", + "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-router": { + "version": "7.7.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.7.1.tgz", + "integrity": "sha512-jVKHXoWRIsD/qS6lvGveckwb862EekvapdHJN/cGmzw40KnJH5gg53ujOJ4qX6EKIK9LSBfFed/xiQ5yeXNrUA==", + "license": "MIT", + "dependencies": { + "cookie": "^1.0.1", + "set-cookie-parser": "^2.6.0" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + }, + "peerDependenciesMeta": { + "react-dom": { + "optional": true + } + } + }, + "node_modules/react-router-dom": { + "version": "7.7.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.7.1.tgz", + "integrity": "sha512-bavdk2BA5r3MYalGKZ01u8PGuDBloQmzpBZVhDLrOOv1N943Wq6dcM9GhB3x8b7AbqPMEezauv4PeGkAJfy7FQ==", + "license": "MIT", + "dependencies": { + "react-router": "7.7.1" + }, + "engines": { + "node": ">=20.0.0" + }, + "peerDependencies": { + "react": ">=18", + "react-dom": ">=18" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, + "node_modules/rollup": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.2.tgz", + "integrity": "sha512-WMmLFI+Boh6xbop+OAGo9cQ3OgX9MIg7xOQjn+pTCwOkk+FNDAeAemXkJ3HzDJrVXleLOFVa1ipuc1AmEx1Dwg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.46.2", + "@rollup/rollup-android-arm64": "4.46.2", + "@rollup/rollup-darwin-arm64": "4.46.2", + "@rollup/rollup-darwin-x64": "4.46.2", + "@rollup/rollup-freebsd-arm64": "4.46.2", + "@rollup/rollup-freebsd-x64": "4.46.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.46.2", + "@rollup/rollup-linux-arm-musleabihf": "4.46.2", + "@rollup/rollup-linux-arm64-gnu": "4.46.2", + "@rollup/rollup-linux-arm64-musl": "4.46.2", + "@rollup/rollup-linux-loongarch64-gnu": "4.46.2", + "@rollup/rollup-linux-ppc64-gnu": "4.46.2", + "@rollup/rollup-linux-riscv64-gnu": "4.46.2", + "@rollup/rollup-linux-riscv64-musl": "4.46.2", + "@rollup/rollup-linux-s390x-gnu": "4.46.2", + "@rollup/rollup-linux-x64-gnu": "4.46.2", + "@rollup/rollup-linux-x64-musl": "4.46.2", + "@rollup/rollup-win32-arm64-msvc": "4.46.2", + "@rollup/rollup-win32-ia32-msvc": "4.46.2", + "@rollup/rollup-win32-x64-msvc": "4.46.2", + "fsevents": "~2.3.2" + } + }, + "node_modules/scheduler": { + "version": "0.26.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz", + "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==", + "license": "MIT" + }, + "node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/set-cookie-parser": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz", + "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==", + "license": "MIT" + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.14", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz", + "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.4.4", + "picomatch": "^4.0.2" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/SuperchupuDev" + } + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "license": "MIT", + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz", + "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "escalade": "^3.2.0", + "picocolors": "^1.1.1" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/vite": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.6.tgz", + "integrity": "sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.6", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.40.0", + "tinyglobby": "^0.2.14" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "lightningcss": "^1.21.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, + "license": "ISC" + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + } + } +} diff --git a/panda-market-react/package.json b/panda-market-react/package.json new file mode 100644 index 000000000..8783d39bc --- /dev/null +++ b/panda-market-react/package.json @@ -0,0 +1,28 @@ +{ + "name": "panda-market-react", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "react": "^19.1.0", + "react-dom": "^19.1.0", + "react-router-dom": "^7.7.1" + }, + "devDependencies": { + "@eslint/js": "^9.30.1", + "@types/react": "^19.1.8", + "@types/react-dom": "^19.1.6", + "@vitejs/plugin-react": "^4.6.0", + "eslint": "^9.30.1", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20", + "globals": "^16.3.0", + "vite": "^7.0.4" + } +} diff --git a/panda-market-react/public/vite.svg b/panda-market-react/public/vite.svg new file mode 100644 index 000000000..e7b8dfb1b --- /dev/null +++ b/panda-market-react/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/panda-market-react/src/App.css b/panda-market-react/src/App.css new file mode 100644 index 000000000..b9d355df2 --- /dev/null +++ b/panda-market-react/src/App.css @@ -0,0 +1,42 @@ +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} diff --git a/panda-market-react/src/App.jsx b/panda-market-react/src/App.jsx new file mode 100644 index 000000000..5ac1c6bbc --- /dev/null +++ b/panda-market-react/src/App.jsx @@ -0,0 +1,16 @@ +import { Route, Routes } from 'react-router-dom' +import { ProductListPage } from './pages/ProductListPage' + +function App() { + + return ( + <> +

ํŒ๋‹ค๋งˆ์ผ“

+ + } /> + + + ) +} + +export default App diff --git a/panda-market-react/src/common.css b/panda-market-react/src/common.css new file mode 100644 index 000000000..50c2b4a80 --- /dev/null +++ b/panda-market-react/src/common.css @@ -0,0 +1,372 @@ +@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); + +:root { + --primary-color-100: #3692ff; + --primary-color-200: #1967D6; + --primary-color-300: #1251AA; + + --error-color: #F74747; + + --secondary-color-50: #F9FAFB; + --secondary-color-100: #F3F4F6; + --secondary-color-200: #E5E7EB; + --secondary-color-400: #9CA3AF; + --secondary-color-500: #6B7280; + --secondary-color-600: #4B5563; + --secondary-color-700: #374151; + --secondary-color-800: #1F2937; + --secondary-color-900: #111827; + + --background-color: #FCFCFC; + --white-color: #fff; +} + +body { + font-family: "Pretendard", sans-serif; +} + +/* header ์Šคํƒ€์ผ */ +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: var(--background-color); + border-bottom: 1px solid #DFDFDF; + z-index: 1000; +} + +/* nav ์Šคํƒ€์ผ */ +.nav { + width: 100%; + max-width: 116rem; + padding: 0.9rem 1.6rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + cursor: pointer; +} + +/* footer ์Šคํƒ€์ผ */ +footer { + background-color: var(--secondary-color-900); +} + +.footer-container { + width: 100%; + padding: 3.2rem 20rem 10.8rem; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.copyright { + font-size: 1.4rem; + color: var(--secondary-color-400); +} + +.footer-nav { + display: flex; + gap: 3rem; +} + +.footer-nav a { + font-size: 1.4rem; + color: var(--secondary-color-200); + cursor: pointer; +} + +.social-links { + display: flex; + gap: 1.2rem; +} + +.social-links a { + cursor: pointer; +} + +/* ๋ฒ„ํŠผ ์Šคํƒ€์ผ */ +.btn-large { + display: inline-block; + height: 5.6rem; + font-size: 2rem; + line-height: 1.2; + font-weight: 600; + padding: 1.6rem 12.4rem; + border-radius: 4rem; + background: var(--primary-color-100); + color: var(--white-color); + cursor: pointer; +} + +.btn-large:hover { + background: var(--primary-color-200); +} + +.btn-large:active { + background: var(--primary-color-300); +} + +.btn-large:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); + cursor: not-allowed; +} + +.btn-small-40{ + display: inline-block; + height: 4.2rem; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.2; + padding: 1.2rem 2.3rem; + border-radius: 0.8rem; + background: var(--primary-color-100); + color: var(--secondary-color-100); + cursor: pointer; +} + +.btn-small-40:hover { + background: var(--primary-color-200); +} + +.btn-small-40:active { + background: var(--primary-color-300); +} + +.btn-small-40:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); +} + +.btn-small-48 { + display: inline-block; + height: 4.8rem; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.2; + padding: 1.2rem 4.6rem; + border-radius: 0.8rem; + background: var(--primary-color-100); + color: var(--secondary-color-100); + cursor: pointer; +} + +.btn-small-48:hover { + background: var(--primary-color-200); +} + +.btn-small-48:active { + background: var(--primary-color-300); +} + +.btn-small-48:disabled { + background: var(--secondary-color-400); + color: var(--secondary-color-100); +} + +.popup-btn { + position: absolute; + bottom: 2.8rem; + right: 2.8rem; +} + +/* input ์Šคํƒ€์ผ */ + +.input-label { + display: block; + font-size: 1.8rem; + font-weight: 700; + line-height: 2.6rem; + color: var(--secondary-color-800); + margin-bottom: 1.2rem; +} + +.input-common { + width: 100%; + height: 5.6rem; + padding: 0 1.6rem; + border-radius: 1.2rem; + font-size: 1.6rem; + color: var(--secondary-color-800); + background-color: var(--secondary-color-100); + border: 0.1rem solid transparent; +} + +.input-common::placeholder { + color: var(--secondary-color-400); +} + +.input-common:focus { + border: 0.1rem solid var(--primary-color-100); + outline: none; +} + +.input-common.error { + border: 0.1rem solid var(--error-color); +} + +.input-common.error ~ p { + font-size: 1.5rem; + margin: 0.8rem 1.4rem; + color: var(--error-color); +} + +.input-password-group { + position: relative; +} + +.input-password-toggle { + position: absolute; + right: 2.4rem; + top: 16px; + cursor: pointer; +} + +/* ๊ฐ„ํŽธ๋กœ๊ทธ์ธ ์Šคํƒ€์ผ */ + +.social-login { + display : flex; + justify-content: space-between; + align-items: center; + gap: 1.6rem; + padding: 1.6rem 2.3rem; + border-radius: 0.8rem; + background-color: #E6F2FF; +} + +.social-login p { + font-size: 1.6rem; + font-weight: 500; + line-height: 2.6rem; + color: var(--secondary-color-800); +} + +.social-buttons { + display: flex; + justify-content: center; + gap: 1.6rem; +} + + +/* auth ์ปดํฌ๋„ŒํŠธ */ +.signup-link { + font-size: 1.4rem; + font-weight: 500; + margin-top: 2.4rem; + color: var(--secondary-color-800); +} + +.signup-link p{ + display: flex; + justify-content: center; + gap: 0.4rem; +} + +.signup-link a { + color: var(--primary-color-100); + text-decoration: underline; + text-underline-offset: 0.3rem; + font-weight: 600; +} + +.signup-link a:hover { + text-decoration: underline; +} + + +/* ํŒ์—… ์Šคํƒ€์ผ */ +.popup-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + display: none; +} + +.popup-overlay.active { + display: flex; +} + +.popup-container { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + max-width: 54rem; + height: 25rem; + border-radius: 1.2rem; + display : flex; + justify-content: center; + align-items: center; + background-color: var(--white-color); + z-index: 11; +} + +.popup-content { + font-size: 1.6rem; + padding-bottom: 2.8rem; +} + +/* ๋ฐ˜์‘ํ˜• ์Šคํƒ€์ผ */ +@media (max-width: 1199px) { + .nav { + padding: 0.9rem 2.4rem; + } + + .footer-container { + padding: 3.2rem 2.4rem 8rem; + } + +} + +@media (max-width: 743px) { + .nav { + padding: 0.9rem 1.6rem; + } + + .btn-large { + width : 24rem; + height: 4.8rem; + font-size: 1.8rem; + padding: 1.2rem 0; + text-align: center; + margin: 0 auto; + } + + + .footer-container { + flex-wrap : wrap; + gap: 2.4rem; + padding: 3.2rem 1.6rem 6.5rem; + } + + .copyright { + order : 1; + flex-basis: 100%; + } + + .popup-container { + width: calc(100% - 4.8rem); + } + + .popup-btn{ + left: 50%; + transform: translateX(-50%); + bottom : 2.3rem; + min-width: 12rem; + } + +} diff --git a/panda-market-react/src/main.jsx b/panda-market-react/src/main.jsx new file mode 100644 index 000000000..5e55402f7 --- /dev/null +++ b/panda-market-react/src/main.jsx @@ -0,0 +1,14 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './reset.css' +import './common.css' +import App from './App.jsx' +import { BrowserRouter } from 'react-router-dom' + +createRoot(document.getElementById('root')).render( + + + + + , +) diff --git a/panda-market-react/src/pages/ProductListPage.jsx b/panda-market-react/src/pages/ProductListPage.jsx new file mode 100644 index 000000000..85ed2da8c --- /dev/null +++ b/panda-market-react/src/pages/ProductListPage.jsx @@ -0,0 +1,9 @@ +export function ProductListPage() { + return ( + <> +
+

์ƒํ’ˆ ๋ชฉ๋ก

+
+ + ) +} \ No newline at end of file diff --git a/panda-market-react/src/pages/ProductListPage.module.css b/panda-market-react/src/pages/ProductListPage.module.css new file mode 100644 index 000000000..e69de29bb diff --git a/panda-market-react/src/reset.css b/panda-market-react/src/reset.css new file mode 100644 index 000000000..e560329be --- /dev/null +++ b/panda-market-react/src/reset.css @@ -0,0 +1,65 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video, input, button { + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: middle; + box-sizing: border-box; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +html, body { + font-size: 62.5%; + line-height: 1.4; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +a { + text-decoration: none; + color: inherit; +} + +input { + border: none; + outline: none; +} + +button { + border: none; + outline: none; + background: none; +} \ No newline at end of file diff --git a/panda-market-react/vite.config.js b/panda-market-react/vite.config.js new file mode 100644 index 000000000..8b0f57b91 --- /dev/null +++ b/panda-market-react/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], +}) From 0a91ccac95ad92d23166e56b7375c2809a951e45 Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Tue, 5 Aug 2025 18:30:38 +0900 Subject: [PATCH 20/63] =?UTF-8?q?add:=20=EA=B8=B0=EB=B3=B8=20=EC=95=84?= =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../public/auth/google-icon.svg | 10 ++ .../public/auth/hidden-icon.svg | 10 ++ panda-market-react/public/auth/kakao-icon.svg | 12 ++ .../public/auth/visible-icon.svg | 3 + panda-market-react/public/common/og-img.svg | 53 +++++++++ .../public/footer/footer-icon-01.svg | 3 + .../public/footer/footer-icon-02.svg | 3 + .../public/footer/footer-icon-03.svg | 10 ++ .../public/footer/footer-icon-04.svg | 3 + panda-market-react/public/header/logo-lg.svg | 15 +++ panda-market-react/public/header/logo-sm.svg | 3 + panda-market-react/public/header/logo.svg | 15 +++ .../public/main-page/feature-img-01.svg | 67 +++++++++++ .../public/main-page/feature-img-02.svg | 23 ++++ .../public/main-page/feature-img-03.svg | 53 +++++++++ .../public/main-page/hero-img-02.svg | 111 ++++++++++++++++++ .../public/main-page/hero-img.svg | 78 ++++++++++++ .../public/product-list/like-icon-filled.svg | 3 + .../public/product-list/like-icon.svg | 3 + 19 files changed, 478 insertions(+) create mode 100644 panda-market-react/public/auth/google-icon.svg create mode 100644 panda-market-react/public/auth/hidden-icon.svg create mode 100644 panda-market-react/public/auth/kakao-icon.svg create mode 100644 panda-market-react/public/auth/visible-icon.svg create mode 100644 panda-market-react/public/common/og-img.svg create mode 100644 panda-market-react/public/footer/footer-icon-01.svg create mode 100644 panda-market-react/public/footer/footer-icon-02.svg create mode 100644 panda-market-react/public/footer/footer-icon-03.svg create mode 100644 panda-market-react/public/footer/footer-icon-04.svg create mode 100644 panda-market-react/public/header/logo-lg.svg create mode 100644 panda-market-react/public/header/logo-sm.svg create mode 100644 panda-market-react/public/header/logo.svg create mode 100644 panda-market-react/public/main-page/feature-img-01.svg create mode 100644 panda-market-react/public/main-page/feature-img-02.svg create mode 100644 panda-market-react/public/main-page/feature-img-03.svg create mode 100644 panda-market-react/public/main-page/hero-img-02.svg create mode 100644 panda-market-react/public/main-page/hero-img.svg create mode 100644 panda-market-react/public/product-list/like-icon-filled.svg create mode 100644 panda-market-react/public/product-list/like-icon.svg diff --git a/panda-market-react/public/auth/google-icon.svg b/panda-market-react/public/auth/google-icon.svg new file mode 100644 index 000000000..894796b04 --- /dev/null +++ b/panda-market-react/public/auth/google-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/panda-market-react/public/auth/hidden-icon.svg b/panda-market-react/public/auth/hidden-icon.svg new file mode 100644 index 000000000..b879d5a74 --- /dev/null +++ b/panda-market-react/public/auth/hidden-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/panda-market-react/public/auth/kakao-icon.svg b/panda-market-react/public/auth/kakao-icon.svg new file mode 100644 index 000000000..e546fa573 --- /dev/null +++ b/panda-market-react/public/auth/kakao-icon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/panda-market-react/public/auth/visible-icon.svg b/panda-market-react/public/auth/visible-icon.svg new file mode 100644 index 000000000..35a75305e --- /dev/null +++ b/panda-market-react/public/auth/visible-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/common/og-img.svg b/panda-market-react/public/common/og-img.svg new file mode 100644 index 000000000..96b105631 --- /dev/null +++ b/panda-market-react/public/common/og-img.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/footer/footer-icon-01.svg b/panda-market-react/public/footer/footer-icon-01.svg new file mode 100644 index 000000000..8491c2f83 --- /dev/null +++ b/panda-market-react/public/footer/footer-icon-01.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/footer/footer-icon-02.svg b/panda-market-react/public/footer/footer-icon-02.svg new file mode 100644 index 000000000..14a6069a1 --- /dev/null +++ b/panda-market-react/public/footer/footer-icon-02.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/footer/footer-icon-03.svg b/panda-market-react/public/footer/footer-icon-03.svg new file mode 100644 index 000000000..7836e3e0c --- /dev/null +++ b/panda-market-react/public/footer/footer-icon-03.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/panda-market-react/public/footer/footer-icon-04.svg b/panda-market-react/public/footer/footer-icon-04.svg new file mode 100644 index 000000000..c83306f84 --- /dev/null +++ b/panda-market-react/public/footer/footer-icon-04.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/header/logo-lg.svg b/panda-market-react/public/header/logo-lg.svg new file mode 100644 index 000000000..298030d2e --- /dev/null +++ b/panda-market-react/public/header/logo-lg.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/header/logo-sm.svg b/panda-market-react/public/header/logo-sm.svg new file mode 100644 index 000000000..1866199e1 --- /dev/null +++ b/panda-market-react/public/header/logo-sm.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/header/logo.svg b/panda-market-react/public/header/logo.svg new file mode 100644 index 000000000..763adc2c1 --- /dev/null +++ b/panda-market-react/public/header/logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/main-page/feature-img-01.svg b/panda-market-react/public/main-page/feature-img-01.svg new file mode 100644 index 000000000..37458c53e --- /dev/null +++ b/panda-market-react/public/main-page/feature-img-01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/main-page/feature-img-02.svg b/panda-market-react/public/main-page/feature-img-02.svg new file mode 100644 index 000000000..b628fc1f8 --- /dev/null +++ b/panda-market-react/public/main-page/feature-img-02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/main-page/feature-img-03.svg b/panda-market-react/public/main-page/feature-img-03.svg new file mode 100644 index 000000000..7f8beb438 --- /dev/null +++ b/panda-market-react/public/main-page/feature-img-03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/main-page/hero-img-02.svg b/panda-market-react/public/main-page/hero-img-02.svg new file mode 100644 index 000000000..8d124a0e9 --- /dev/null +++ b/panda-market-react/public/main-page/hero-img-02.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/main-page/hero-img.svg b/panda-market-react/public/main-page/hero-img.svg new file mode 100644 index 000000000..a6c978fae --- /dev/null +++ b/panda-market-react/public/main-page/hero-img.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/panda-market-react/public/product-list/like-icon-filled.svg b/panda-market-react/public/product-list/like-icon-filled.svg new file mode 100644 index 000000000..7a494fe92 --- /dev/null +++ b/panda-market-react/public/product-list/like-icon-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/panda-market-react/public/product-list/like-icon.svg b/panda-market-react/public/product-list/like-icon.svg new file mode 100644 index 000000000..e864cda50 --- /dev/null +++ b/panda-market-react/public/product-list/like-icon.svg @@ -0,0 +1,3 @@ + + + From 733149d5737199e1316e95fa5007c20ce636009e Mon Sep 17 00:00:00 2001 From: seongEun95 Date: Tue, 5 Aug 2025 18:37:47 +0900 Subject: [PATCH 21/63] =?UTF-8?q?add:=20=EA=B8=B0=EC=A1=B4=20header,=20foo?= =?UTF-8?q?ter=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- panda-market-react/src/App.css | 42 ---------- .../src/components/layout/Footer.jsx | 47 +++++++++++ .../src/components/layout/Header.jsx | 30 +++++++ .../src/components/layout/Layout.jsx | 13 ++++ .../src/{ => styles}/common.css | 78 +++++++++++-------- panda-market-react/src/{ => styles}/reset.css | 0 6 files changed, 136 insertions(+), 74 deletions(-) delete mode 100644 panda-market-react/src/App.css create mode 100644 panda-market-react/src/components/layout/Footer.jsx create mode 100644 panda-market-react/src/components/layout/Header.jsx create mode 100644 panda-market-react/src/components/layout/Layout.jsx rename panda-market-react/src/{ => styles}/common.css (85%) rename panda-market-react/src/{ => styles}/reset.css (100%) diff --git a/panda-market-react/src/App.css b/panda-market-react/src/App.css deleted file mode 100644 index b9d355df2..000000000 --- a/panda-market-react/src/App.css +++ /dev/null @@ -1,42 +0,0 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} diff --git a/panda-market-react/src/components/layout/Footer.jsx b/panda-market-react/src/components/layout/Footer.jsx new file mode 100644 index 000000000..89170f50a --- /dev/null +++ b/panda-market-react/src/components/layout/Footer.jsx @@ -0,0 +1,47 @@ +export function Footer() { + return ( + + ); +} diff --git a/panda-market-react/src/components/layout/Header.jsx b/panda-market-react/src/components/layout/Header.jsx new file mode 100644 index 000000000..a1684f384 --- /dev/null +++ b/panda-market-react/src/components/layout/Header.jsx @@ -0,0 +1,30 @@ +import { Link } from 'react-router-dom'; + +export function Header() { + return ( +
+ +
+ ); +} diff --git a/panda-market-react/src/components/layout/Layout.jsx b/panda-market-react/src/components/layout/Layout.jsx new file mode 100644 index 000000000..85281525a --- /dev/null +++ b/panda-market-react/src/components/layout/Layout.jsx @@ -0,0 +1,13 @@ +import { Outlet } from 'react-router-dom'; +import { Header } from './Header'; +import { Footer } from './Footer'; + +export function Layout() { + return ( + <> +
+ +