From 8d376eaf61954ad4e2006207ea7a222d5debd1fd Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 24 Sep 2025 23:24:13 +0900 Subject: [PATCH 1/9] =?UTF-8?q?docs:=201=EC=A3=BC=EC=B0=A8=20=ED=95=99?= =?UTF-8?q?=EC=8A=B5=20=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 --- ...] \352\271\200\354\203\201\354\244\200.md" | 414 ++++++++++++++++++ .../week01.md" | 0 2 files changed, 414 insertions(+) create mode 100644 "week1/\352\271\200\354\203\201\354\244\200/[1\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" delete mode 100644 "week1/\354\226\221\354\204\261\354\235\200/week01.md" diff --git "a/week1/\352\271\200\354\203\201\354\244\200/[1\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" "b/week1/\352\271\200\354\203\201\354\244\200/[1\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" new file mode 100644 index 0000000..3cc4324 --- /dev/null +++ "b/week1/\352\271\200\354\203\201\354\244\200/[1\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" @@ -0,0 +1,414 @@ +# ๐Ÿ“š 1์ฃผ์ฐจ ํ•™์Šต + +## 1. ๋ธŒ๋ผ์šฐ์ €๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”๊ฐ€? + +### 1-1. ๋ธŒ๋ผ์šฐ์ €์˜ ์ •์˜ +๋ธŒ๋ผ์šฐ์ €๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ธํ„ฐ๋„ท์— ์ ‘์†ํ•ด์„œ ์›น ํŽ˜์ด์ง€(HTML, CSS, JavaScript ๋“ฑ)์™€ ๊ฐ™์€ ์›น ๋ฆฌ์†Œ์Šค๋ฅผ ์—ด๋žŒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค. + +ํ•™์ˆ ์ ์œผ๋กœ๋Š” **์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ(User Agent)**์˜ ํ•œ ์ข…๋ฅ˜๋กœ ์ •์˜๋œ๋‹ค. +- **์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ(User Agent)**: ์‚ฌ์šฉ์ž๋ฅผ ๋Œ€์‹ ํ•ด ์›น ์„œ๋ฒ„์— ์ ‘์†ํ•˜์—ฌ ์ •๋ณด๋ฅผ ์š”์ฒญ(Request)ํ•˜๊ณ , ๋ฐ›์•„์˜จ ์ •๋ณด๋ฅผ ์ฒ˜๋ฆฌ(Processing)ยท๋ Œ๋”๋ง(Rendering)ํ•˜์—ฌ ์‚ฌ๋žŒ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ํ˜•ํƒœ๋กœ ์ œ๊ณตํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด. + +์ฆ‰, ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” **์›น ํ‘œ์ค€ ๊ธฐ์ˆ (HTTP, HTML, CSS, JavaScript ๋“ฑ)์„ ๊ตฌํ˜„ํ•˜์—ฌ, ์‚ฌ์šฉ์ž๊ฐ€ WWW(World Wide Web)์˜ ์ •๋ณด ์ž์›์„ ๊ฒ€์ƒ‰ยทํ‘œํ˜„ยท์ƒํ˜ธ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ ์†Œํ”„ํŠธ์›จ์–ด**์ด๋‹ค. + +--- + +### 1-2. ๋ธŒ๋ผ์šฐ์ €์˜ ์—ญํ•  +๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ˆ˜ํ–‰ํ•˜๋Š” ํ•ต์‹ฌ ์—ญํ• ์€ ํฌ๊ฒŒ ๋„ค ๊ฐ€์ง€๋‹ค. +1. **๋ฆฌ์†Œ์Šค ์š”์ฒญ(Request)**: ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์›น ์ž์›(HTML, CSS, JS, ์ด๋ฏธ์ง€ ๋“ฑ)์„ ๊ฐ€์ ธ์˜จ๋‹ค. +2. **๋ฆฌ์†Œ์Šค ํ•ด์„(Parsing)**: ๊ฐ€์ ธ์˜จ ์ž์›์„ ๊ทœ๊ฒฉ์— ๋งž๊ฒŒ ํ•ด์„ํ•œ๋‹ค. +3. **ํ‘œํ˜„(Rendering)**: ํ•ด์„ํ•œ ๊ฒฐ๊ณผ๋ฅผ ํ™”๋ฉด์— ๊ทธ๋ ค ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค€๋‹ค. +4. **์ƒํ˜ธ์ž‘์šฉ(Interaction)**: ์‚ฌ์šฉ์ž์˜ ์ž…๋ ฅ๊ณผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰์„ ํ†ตํ•ด ํŽ˜์ด์ง€์™€ ๋™์ ์œผ๋กœ ์ƒํ˜ธ์ž‘์šฉํ•œ๋‹ค. + +--- + +### 1-3. ๋ธŒ๋ผ์šฐ์ €์˜ ๊ตฌ์„ฑ ์š”์†Œ +๋ธŒ๋ผ์šฐ์ €๋Š” ์œ„ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ฐ€์ง„๋‹ค. +- **์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)**: ์ฃผ์†Œ์ฐฝ, ํƒญ, ๋ฒ„ํŠผ ๋“ฑ ์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ๋ถ€๋ถ„ +- **๋„คํŠธ์›Œํฌ ๋ชจ๋“ˆ**: HTTP/HTTPS ์š”์ฒญยท์‘๋‹ต ์ฒ˜๋ฆฌ, ์บ์‹ฑ +- **๋ Œ๋”๋ง ์—”์ง„(Rendering Engine)**: HTML, CSS ํŒŒ์‹ฑ โ†’ DOM, CSSOM ์ƒ์„ฑ โ†’ Render Tree โ†’ Layout โ†’ Paint โ†’ ํ™”๋ฉด ์ถœ๋ ฅ +- **์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„(JavaScript Engine)**: JS ์ฝ”๋“œ ์‹คํ–‰, DOM/CSSOM ์กฐ์ž‘, ๋น„๋™๊ธฐ ์š”์ฒญ ์ฒ˜๋ฆฌ +- **๋ฐ์ดํ„ฐ ์ €์žฅ์†Œ(Storage)**: ์ฟ ํ‚ค, LocalStorage, IndexedDB ๋“ฑ ํด๋ผ์ด์–ธํŠธ ์ธก ๋ฐ์ดํ„ฐ ์ €์žฅ +- **๋ณด์•ˆ ๋ชจ๋“ˆ(Security)**: HTTPS, ๋™์ผ ์ถœ์ฒ˜ ์ •์ฑ…(SOP), CSP ๋“ฑ์„ ํ†ตํ•œ ์•ˆ์ „ํ•œ ์‹คํ–‰ ํ™˜๊ฒฝ ๋ณด์žฅ + +--- + +### 1-4. ๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘ ๊ณผ์ • + +๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘์€ ํฌ๊ฒŒ **โ‘  ๋ฆฌ์†Œ์Šค ์š”์ฒญ โ†’ โ‘ก ๋ฆฌ์†Œ์Šค ์ˆ˜์‹  โ†’ โ‘ข ๋ฆฌ์†Œ์Šค ํ•ด์„ ๋ฐ ํ‘œํ˜„ โ†’ โ‘ฃ ์ƒํ˜ธ์ž‘์šฉ** ๋„ค ๊ฐ€์ง€ ์—ญํ• ๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋‹ค. +์•„๋ž˜๋Š” ๊ฐ ์—ญํ• ์— ๋”ฐ๋ฅธ ์„ธ๋ถ€ ๋™์ž‘์ด๋‹ค. + +--- + +#### โ‘  ๋ฆฌ์†Œ์Šค ์š”์ฒญ (Request) + +1. **์‚ฌ์šฉ์ž๊ฐ€ URL์„ ์ž…๋ ฅํ•œ๋‹ค.** + - ์ •์˜์˜ โ€œ์›น ๋ฆฌ์†Œ์Šค์— ์ ‘์†ํ•œ๋‹คโ€๋Š” ๋ถ€๋ถ„์„ ์‹œ์ž‘ํ•˜๋Š” ๋‹จ๊ณ„์ด๋‹ค. + - ์—ญํ• ์€ ์„œ๋ฒ„์— ํŠน์ • ๋ฆฌ์†Œ์Šค๋ฅผ ์š”์ฒญํ•˜๋Š” ๊ฒƒ. + - UI์™€ ๋„คํŠธ์›Œํฌ ๋ชจ๋“ˆ์ด ๋™์ž‘ํ•˜์—ฌ ์ฃผ์†Œ์ฐฝ์— ์ž…๋ ฅ๋œ URL์„ ์ธ์‹ํ•˜๊ณ  ์š”์ฒญ ์ค€๋น„๋ฅผ ์‹œ์ž‘ํ•œ๋‹ค. + +2. **๋„คํŠธ์›Œํฌ ๋ชจ๋“ˆ์ด ์„œ๋ฒ„์— ์š”์ฒญ์„ ๋ณด๋‚ธ๋‹ค.** + - ๋ธŒ๋ผ์šฐ์ €๋Š” DNS ์กฐํšŒ๋ฅผ ํ†ตํ•ด ๋„๋ฉ”์ธ ์ด๋ฆ„์„ IP๋กœ ๋ณ€ํ™˜ํ•˜๊ณ , ํ•ด๋‹น ์„œ๋ฒ„์— HTTP/HTTPS ์š”์ฒญ์„ ์ „์†กํ•œ๋‹ค. + - ์ด๋Š” โ€œ๋ฆฌ์†Œ์Šค๋ฅผ ์š”์ฒญํ•œ๋‹คโ€๋Š” ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋‹จ๊ณ„์ด๋ฉฐ, ๋„คํŠธ์›Œํฌ ๋ชจ๋“ˆ์ด ํ•ต์‹ฌ์ ์œผ๋กœ ๊ด€์—ฌํ•œ๋‹ค. + +--- + +#### โ‘ก ๋ฆฌ์†Œ์Šค ์ˆ˜์‹  (Response) + +3. **์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์‘๋‹ต์„ ๋ฐ›๋Š”๋‹ค.** + - ์„œ๋ฒ„๋Š” HTML ๋ฌธ์„œ๋ฟ ์•„๋‹ˆ๋ผ CSS, JavaScript, ์ด๋ฏธ์ง€, ํฐํŠธ ๊ฐ™์€ ์ถ”๊ฐ€ ๋ฆฌ์†Œ์Šค๋ฅผ ํ•จ๊ป˜ ์ „๋‹ฌํ•œ๋‹ค. + - ์ด๋Š” โ€œ๋ฆฌ์†Œ์Šค๋ฅผ ๋ฐ›์•„์˜จ๋‹คโ€๋Š” ์ •์˜์™€ ์—ญํ• ์„ ์ถฉ์กฑํ•˜๋ฉฐ, ์—ฌ์ „ํžˆ ๋„คํŠธ์›Œํฌ ๋ชจ๋“ˆ์ด ๋™์ž‘ํ•œ๋‹ค. + +--- + +#### โ‘ข ๋ฆฌ์†Œ์Šค ํ•ด์„ ๋ฐ ํ‘œํ˜„ (Rendering) + +4. **๋ Œ๋”๋ง ์—”์ง„์ด HTML์„ ํŒŒ์‹ฑํ•˜์—ฌ DOM์„ ์ƒ์„ฑํ•œ๋‹ค.** + - โ€œ๋ฆฌ์†Œ์Šค๋ฅผ ํ•ด์„ํ•œ๋‹คโ€๋Š” ์—ญํ• ์— ํ•ด๋‹นํ•œ๋‹ค. + - HTML ํŒŒ์„œ๋ฅผ ํ†ตํ•ด ๋ฌธ์„œ๊ฐ€ ํ† ํฐํ™”๋˜๊ณ  ํŠธ๋ฆฌ ๊ตฌ์กฐ๋กœ ๋ฐ”๋€Œ์–ด DOM(Document Object Model)์ด ๋งŒ๋“ค์–ด์ง„๋‹ค. + - ๊ตฌ์„ฑ ์š”์†Œ๋Š” ๋ Œ๋”๋ง ์—”์ง„์ด๋‹ค. + +5. **CSS๋ฅผ ํŒŒ์‹ฑํ•˜์—ฌ CSSOM์„ ์ƒ์„ฑํ•œ๋‹ค.** + - ์Šคํƒ€์ผ ์ •๋ณด๋ฅผ ํ•ด์„ํ•˜๋Š” ๊ณผ์ •์œผ๋กœ, DOM๊ณผ ๊ฒฐํ•ฉ๋  ์ค€๋น„๋ฅผ ํ•œ๋‹ค. + - โ€œํ‘œํ˜„์„ ์œ„ํ•œ ํ•ด์„โ€์ด๋ผ๋Š” ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๋ฉฐ, ์ด ์—ญ์‹œ ๋ Œ๋”๋ง ์—”์ง„์ด ๋‹ด๋‹นํ•œ๋‹ค. + +6. **DOM๊ณผ CSSOM์„ ํ•ฉ์ณ Render Tree๋ฅผ ๋งŒ๋“ ๋‹ค.** + - DOM์ด ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋ผ๋ฉด, Render Tree๋Š” โ€œ๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ๊ทธ๋ฆด์ง€โ€๋ฅผ ๊ฒฐ์ •ํ•œ ๊ตฌ์กฐ์ด๋‹ค. + - ์ด๋Š” โ€œ๋ฆฌ์†Œ์Šค๋ฅผ ํ™”๋ฉด์— ํ‘œํ˜„ํ•œ๋‹คโ€๋Š” ์ •์˜๋กœ ์ด์–ด์ง€๋Š” ์ค‘์š”ํ•œ ์ค‘๊ฐ„ ๋‹จ๊ณ„์ด๋‹ค. + +7. **Layout ๊ณผ์ •์„ ๊ฑฐ์ณ ๊ฐ ์š”์†Œ์˜ ์œ„์น˜์™€ ํฌ๊ธฐ๋ฅผ ๊ณ„์‚ฐํ•œ๋‹ค.** + - ๋ธŒ๋ผ์šฐ์ €๋Š” ๋ทฐํฌํŠธ ํฌ๊ธฐ, CSS ์†์„ฑ ๋“ฑ์„ ๊ณ ๋ คํ•ด ์š”์†Œ๋“ค์˜ ์‹ค์ œ ์œ„์น˜๋ฅผ ์ •ํ•œ๋‹ค. + - ์ด๋Š” Render Tree๋ฅผ ๊ตฌ์ฒด์ ์œผ๋กœ ๋ฐฐ์น˜ํ•˜๋Š” ๋‹จ๊ณ„์ด๋ฉฐ, ๋ Œ๋”๋ง ์—”์ง„์ด ๋™์ž‘ํ•œ๋‹ค. + +8. **Paint ๊ณผ์ •์„ ๊ฑฐ์ณ ํ”ฝ์…€ ๋‹จ์œ„๋กœ ์ƒ‰์ƒ, ํฐํŠธ, ์ด๋ฏธ์ง€ ๋“ฑ์„ ์ฑ„์šด๋‹ค.** + - โ€œ์‚ฌ์šฉ์ž๊ฐ€ ์—ด๋žŒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ‘œํ˜„ํ•œ๋‹คโ€๋Š” ์ •์˜์™€ ์ง์ ‘ ์—ฐ๊ฒฐ๋œ๋‹ค. + - ๋ Œ๋”๋ง ์—”์ง„์ด Render Tree์˜ ์Šคํƒ€์ผ ์ •๋ณด๋ฅผ ์‹ค์ œ ์‹œ๊ฐ์  ๊ฒฐ๊ณผ๋ฌผ๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. + +9. **Compositing์„ ํ†ตํ•ด ์ตœ์ข… ํ™”๋ฉด์„ ๊ทธ๋ฆฐ๋‹ค.** + - ์—ฌ๋Ÿฌ ๋ ˆ์ด์–ด๋กœ ๋‚˜๋‰œ ์š”์†Œ๋“ค์„ GPU๋กœ ํ•ฉ์„ฑํ•˜์—ฌ ํ™”๋ฉด์— ์ถœ๋ ฅํ•œ๋‹ค. + - ์ด๋ ‡๊ฒŒ ํ•ด์„œ ์‚ฌ์šฉ์ž๋Š” ์›น ํŽ˜์ด์ง€๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค. + +--- + +#### โ‘ฃ ์ƒํ˜ธ์ž‘์šฉ (Interaction) + +10. **์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ์‹คํ–‰๋œ๋‹ค.** + - DOM๊ณผ CSSOM์„ ์กฐ์ž‘ํ•˜๊ฑฐ๋‚˜ ์„œ๋ฒ„์™€ ๋น„๋™๊ธฐ ํ†ต์‹ ์„ ์ˆ˜ํ–‰ํ•ด ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ๋ณ€ํ™”์‹œํ‚จ๋‹ค. + - ์ด๋Š” ์ •์˜์˜ โ€œ์‚ฌ์šฉ์ž์™€ ์ƒํ˜ธ์ž‘์šฉํ•œ๋‹คโ€๋Š” ๋ถ€๋ถ„์„ ์‹คํ˜„ํ•˜๋Š” ๊ณผ์ •์ด๋ฉฐ, JavaScript ์—”์ง„์ด ๊ด€์—ฌํ•œ๋‹ค. + +11. **๋ฐ์ดํ„ฐ ์ €์žฅ์†Œ์™€ ๋ณด์•ˆ ๋ชจ๋“ˆ์ด ์ž‘๋™ํ•œ๋‹ค.** + - ์ฟ ํ‚ค, LocalStorage, IndexedDB ๋“ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์ƒํƒœ(์˜ˆ: ๋กœ๊ทธ์ธ)๋ฅผ ์œ ์ง€ํ•˜๊ณ , HTTPS๋‚˜ SOP ๊ฐ™์€ ์ •์ฑ…์œผ๋กœ ์•ˆ์ „ํ•˜๊ฒŒ ์‹คํ–‰๋˜๋„๋ก ๋ณด์žฅํ•œ๋‹ค. + - ์ด๋Š” ๋‹จ์ˆœํ•œ ํ‘œํ˜„์„ ๋„˜์–ด ์ง€์†์ ์ด๊ณ  ์•ˆ์ „ํ•œ ์ƒํ˜ธ์ž‘์šฉ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค. + +--- + +## 2. DOM๊ณผ Virtual DOM์ด๋ž€? + +### 2-1. DOM์€ ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘์—์„œ ์–ด๋–ค ์—ญํ• ์„ ๋งก๋Š”๊ฐ€? +- ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘ ๊ณผ์ • ์ค‘ **"๋ฆฌ์†Œ์Šค ํ•ด์„ ๋ฐ ํ‘œํ˜„(Rendering)"**๊ณผ **"์ƒํ˜ธ์ž‘์šฉ(Interaction)"** ๋‘ ๋ถ€๋ถ„ ๋ชจ๋‘์—์„œ ํ•ต์‹ฌ ์—ญํ• ์„ ๋‹ด๋‹นํ•œ๋‹ค. +- **ํ™”๋ฉด ํ‘œํ˜„(Rendering)**: DOM ํŠธ๋ฆฌ๋Š” CSSOM๊ณผ ๊ฒฐํ•ฉ๋˜์–ด Render Tree๋ฅผ ๋งŒ๋“ค๊ณ , ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ Layout โ†’ Paint โ†’ Compositing ๋‹จ๊ณ„๋ฅผ ๊ฑฐ์ณ ์ตœ์ข… ํ™”๋ฉด์ด ํ‘œํ˜„๋œ๋‹ค. +- **์ƒํ˜ธ์ž‘์šฉ(Interaction)**: DOM ํŠธ๋ฆฌ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„๊ณผ ์—ฐ๊ฒฐ๋œ API๋ฅผ ํ†ตํ•ด ์กฐ์ž‘ ๊ฐ€๋Šฅํ•˜๋‹ค. JS ์ฝ”๋“œ๊ฐ€ DOM์„ ์ˆ˜์ •ํ•˜๋ฉด ๋ธŒ๋ผ์šฐ์ €๋Š” ๋‹ค์‹œ Render Tree๋ฅผ ๊ฐฑ์‹ ํ•ด ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•œ๋‹ค. + +์ฆ‰, DOM์€ **ํ‘œํ˜„๊ณผ ์ƒํ˜ธ์ž‘์šฉ์„ ๋ชจ๋‘ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” ๊ณตํ†ต ๊ธฐ๋ฐ˜**์ด๋‹ค. + +--- + +### 2-2. DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€, ์™œ ๋งŒ๋“ค์–ด์กŒ๋Š”๊ฐ€? +- DOM์€ HTML, XML ๊ฐ™์€ ๋ฌธ์„œ๋ฅผ **๊ฐ์ฒด(Object)๋กœ ํ‘œํ˜„ํ•˜๊ณ  ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ํ‘œ์ค€ํ™”๋œ ์ธํ„ฐํŽ˜์ด์Šค**๋‹ค. +- ์ดˆ์ฐฝ๊ธฐ์—๋Š” ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค HTML ๋ฌธ์„œ๋ฅผ ํ•ด์„ํ•˜๊ณ  ์ œ์–ดํ•˜๋Š” ๋ฐฉ์‹์ด ๋‹ฌ๋ผ, ๋™์ผํ•œ ์ฝ”๋“œ๊ฐ€ ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๋‹ค๋ฅด๊ฒŒ ๋™์ž‘ํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. +- ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด W3C๊ฐ€ DOM์„ ์ •์˜ํ–ˆ๋‹ค. + - **๋ฌธ์„œ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ์š”์†Œ(Element), ์†์„ฑ(Attribute), ํ…์ŠคํŠธ(Text)๋ฅผ ๊ฐ์ฒด(Node)๋กœ ํ‘œํ˜„**ํ•œ๋‹ค. + - ์ด ๊ฐ์ฒด๋“ค์€ **ํŠธ๋ฆฌ(Tree) ๊ตฌ์กฐ**๋กœ ์—ฐ๊ฒฐ๋œ๋‹ค. + - ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด(์ฃผ๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ)๋Š” DOM API๋ฅผ ํ†ตํ•ด ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋‚˜ ๋‚ด์šฉ์„ ํƒ์ƒ‰ํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. +- DOM ํŠธ๋ฆฌ๋ž€ "W3C๊ฐ€ ์ •์˜ํ•œ DOM ์ธํ„ฐํŽ˜์ด์Šค ๊ทœ๊ฒฉ"์— ๋”ฐ๋ผ ๋ฌธ์„œ๋ฅผ ๊ฐ์ฒดํ™”ํ•œ ๊ฒฐ๊ณผ๋ฌผ์ด๋‹ค. + +--- + +### 2-3. DOM ํŠธ๋ฆฌ๋Š” ์–ธ์ œ, ์–ด๋–ป๊ฒŒ ๋งŒ๋“ค์–ด์ง€๋Š”๊ฐ€? +- ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ๋ฌธ์„œ๋ฅผ ๋„คํŠธ์›Œํฌ๋กœ ๋ฐ›์•„์˜ค๋ฉด, **๋ Œ๋”๋ง ์—”์ง„(Rendering Engine)**์ด ์ด๋ฅผ ํ•ด์„ํ•˜์—ฌ DOM ํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. + +#### ์ƒ์„ฑ ๊ณผ์ • +1. **ํ† ํฐํ™”(Tokenization)** + - HTML ํŒŒ์„œ(HTML Parser)๊ฐ€ HTML ํ…์ŠคํŠธ๋ฅผ **ํ† ํฐ**(์˜ˆ: `
`, `
`, `

`) ๋‹จ์œ„๋กœ ์ชผ๊ฐ ๋‹ค. +2. **๋…ธ๋“œ ๊ฐ์ฒด ๋ณ€ํ™˜(Node Creation)** + - ๊ฐ ํ† ํฐ์€ **๋…ธ๋“œ ๊ฐ์ฒด(Node)**๋กœ ๋ณ€ํ™˜๋œ๋‹ค. (Element Node, Text Node, Attribute Node ๋“ฑ) + - ์ด ๊ณผ์ •์€ ๋ Œ๋”๋ง ์—”์ง„ ๋‚ด๋ถ€์˜ **DOM ์ƒ์„ฑ ๋กœ์ง**์—์„œ ์ฒ˜๋ฆฌํ•œ๋‹ค. +3. **ํŠธ๋ฆฌ ๊ตฌ์กฐ ํ˜•์„ฑ(Tree Construction)** + - ๋ณ€ํ™˜๋œ ๋…ธ๋“œ๋“ค์ด ๋ถ€๋ชจ-์ž์‹ ๊ด€๊ณ„๋ฅผ ๋งบ์–ด ๊ณ„์ธต์  ๊ตฌ์กฐ๋ฅผ ํ˜•์„ฑํ•œ๋‹ค. + - ์ด ๋‹จ๊ณ„ ์—ญ์‹œ ๋ Œ๋”๋ง ์—”์ง„์ด ๋‹ด๋‹นํ•œ๋‹ค. +4. ์ตœ์ข…์ ์œผ๋กœ **DOM ํŠธ๋ฆฌ(DOM Tree)**๊ฐ€ ์™„์„ฑ๋œ๋‹ค. + +#### ์˜ˆ์‹œ +```html +

+

Hello

+
+``` + +--- + +### 2-4. Virtual DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€? +- Virtual DOM์€ **์‹ค์ œ DOM์„ ์ถ”์ƒํ™”ํ•œ ๊ฐ€๋ฒผ์šด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด ํŠธ๋ฆฌ**์ด๋‹ค. +- ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๋ฌด๊ฑฐ์šด DOM ๋Œ€์‹ , **๋ฉ”๋ชจ๋ฆฌ ์ƒ์˜ ๋‹จ์ˆœํ™”๋œ ํŠธ๋ฆฌ ๊ตฌ์กฐ**๋กœ UI ์ƒํƒœ๋ฅผ ํ‘œํ˜„ํ•œ๋‹ค. +- ์ด ๊ตฌ์กฐ๋Š” ์‹ค์ œ DOM๊ณผ 1:1๋กœ ๋งค์นญ๋˜์ง€๋งŒ, ํ›จ์”ฌ ๋‹จ์ˆœํ•˜๊ณ  ๋น ๋ฅด๊ฒŒ ์ƒ์„ฑยท๋น„๊ตํ•  ์ˆ˜ ์žˆ๋‹ค. + +--- + +### 2-5. Virtual DOM์€ ์™œ ๋งŒ๋“ค์–ด์กŒ๋Š”๊ฐ€? +- **DOM ์กฐ์ž‘์€ ๋น„์šฉ์ด ํฌ๋‹ค.** + - DOM์„ ์ง์ ‘ ๋ณ€๊ฒฝํ•  ๋•Œ๋งˆ๋‹ค ๋ Œ๋”๋ง ํŒŒ์ดํ”„๋ผ์ธ(Layout โ†’ Paint โ†’ Compositing)์ด ์‹คํ–‰๋  ์ˆ˜ ์žˆ๋‹ค. + - ๋ณ€ํ™”๊ฐ€ ์žฆ์€ ํ˜„๋Œ€ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” ์„ฑ๋Šฅ ์ €ํ•˜์˜ ์›์ธ์ด ๋œ๋‹ค. +- **UI ๋ณ€ํ™”๊ฐ€ ๋นˆ๋ฒˆํ•ด์กŒ๋‹ค.** + - SPA(Single Page Application)์™€ ๊ฐ™์€ ํ™˜๊ฒฝ์—์„œ๋Š” ์ƒํƒœ ๋ณ€ํ™”๊ฐ€ ๋งŽ๊ณ  DOM ์—…๋ฐ์ดํŠธ๋„ ์ž์ฃผ ์ผ์–ด๋‚œ๋‹ค. +- ๋”ฐ๋ผ์„œ Virtual DOM์€ **๋ถˆํ•„์š”ํ•œ DOM ์—…๋ฐ์ดํŠธ๋ฅผ ์ค„์ด๊ณ , ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ํšจ์œจ์ ์œผ๋กœ ๋ฐ˜์˜ํ•˜๊ธฐ ์œ„ํ•ด** ๋„์ž…๋˜์—ˆ๋‹ค. + +--- + +### 2-6. Virtual DOM์˜ ๋™์ž‘ ๊ณผ์ • +1. **์ƒํƒœ(State) ๋ณ€๊ฒฝ** + - ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ƒํƒœ๊ฐ€ ๋ฐ”๋€Œ๋ฉด, ์ƒˆ๋กœ์šด Virtual DOM ํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. + +2. **Diffing (๋น„๊ต)** + - ์ด์ „ Virtual DOM๊ณผ ์ƒˆ Virtual DOM์„ ๋น„๊ตํ•˜์—ฌ **์–ด๋–ค ๋ถ€๋ถ„์ด ๋‹ฌ๋ผ์กŒ๋Š”์ง€ ํƒ์ง€**ํ•œ๋‹ค. + +3. **Reconciliation (์กฐ์ •)** + - Diff ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ **์‹ค์ œ DOM์—์„œ ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ์—…๋ฐ์ดํŠธ**ํ•œ๋‹ค. + - ๊ทธ ๊ฒฐ๊ณผ, ์ตœ์†Œํ•œ์˜ Layout/Paint/Compositing๋งŒ ๋ฐœ์ƒํ•œ๋‹ค. + +--- + + +## 3. CSR / SSR (+ SPA / MPA) + +### 3-1. CSR (Client Side Rendering) +- ํด๋ผ์ด์–ธํŠธ(๋ธŒ๋ผ์šฐ์ €)์—์„œ ๋ Œ๋”๋งํ•˜๋Š” ๋ฐฉ์‹. +- ์„œ๋ฒ„๋Š” **๋ผˆ๋Œ€ HTML + JS ๋ฒˆ๋“ค**๋งŒ ๋‚ด๋ ค์ฃผ๊ณ , ๋ธŒ๋ผ์šฐ์ €๊ฐ€ JS๋ฅผ ์‹คํ–‰ํ•˜์—ฌ **DOM ํŠธ๋ฆฌ๋ฅผ ๋งŒ๋“ค๊ณ  ํ™”๋ฉด์„ ๊ทธ๋ฆผ**. + +**ํŠน์ง•** +- ์ตœ์ดˆ ๋กœ๋”ฉ์€ ๋А๋ฆผ โ†’ JS ๋‹ค์šด๋กœ๋“œ + ์‹คํ–‰ + ๋ Œ๋”๋ง ๊ณผ์ • ํ•„์š”. +- ์ดํ›„ ํŽ˜์ด์ง€ ์ „ํ™˜์€ ๋น ๋ฆ„ โ†’ ์ƒˆ HTML ์š”์ฒญ ๋Œ€์‹ , JS๊ฐ€ DOM์„ ์ˆ˜์ •ํ•˜์—ฌ ํ™”๋ฉด ๋ณ€๊ฒฝ. +- SPA(Single Page Application)์™€ ๋ฐ€์ ‘ํ•˜๊ฒŒ ์—ฐ๊ฒฐ๋จ. + +--- + +### 3-2. SSR (Server Side Rendering) +- ์„œ๋ฒ„์—์„œ HTML์„ ์™„์„ฑํ•ด์„œ ๋‚ด๋ ค์ฃผ๋Š” ๋ฐฉ์‹. +- ๋ธŒ๋ผ์šฐ์ €๋Š” ๋ฐ›์€ HTML์„ ๊ทธ๋Œ€๋กœ ๋ Œ๋”๋ง๋งŒ ํ•˜๋ฉด ๋จ. + +**ํŠน์ง•** +- ์ตœ์ดˆ ๋กœ๋”ฉ์€ ๋น ๋ฆ„ โ†’ ์™„์„ฑ๋œ HTML์„ ๋ฐ”๋กœ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ์Œ. +- ํ•˜์ง€๋งŒ ํŽ˜์ด์ง€ ์ „ํ™˜ ์‹œ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ HTML ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋ฐ›์•„์•ผ ํ•˜๋ฏ€๋กœ ๋А๋ฆด ์ˆ˜ ์žˆ์Œ. +- ์ „ํ†ต์ ์ธ MPA(Multi Page Application)์™€ ์—ฐ๊ฒฐ๋จ. +- ์ตœ๊ทผ์—๋Š” Next.js ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ **SSR + CSR ํ•˜์ด๋ธŒ๋ฆฌ๋“œ** ๊ฐ€๋Šฅ. + +--- + +### 3-3. SPA (Single Page Application) +- ํŽ˜์ด์ง€๊ฐ€ **1๊ฐœ HTML ๋ผˆ๋Œ€**๋กœ๋งŒ ๊ตฌ์„ฑ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜. +- ์ตœ์ดˆ ๋กœ๋“œ ์‹œ ๋ชจ๋“  ๋ฆฌ์†Œ์Šค๋ฅผ ๋ฐ›๊ณ , ์ดํ›„์—๋Š” ํŽ˜์ด์ง€ ์ด๋™ ์—†์ด **JS๋กœ ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๊ฐฑ์‹ **. + +**ํŠน์ง•** +- CSR๊ณผ ๊ถํ•ฉ์ด ์ข‹์Œ. +- ๋น ๋ฅธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ œ๊ณต. +- ํ•˜์ง€๋งŒ SEO(Search Engine Optimization)์— ๋ถˆ๋ฆฌํ•  ์ˆ˜ ์žˆ์Œ (JS ์‹คํ–‰ ์ „์—๋Š” ์ฝ˜ํ…์ธ ๊ฐ€ ์—†์Œ). +- ์ด๋ฅผ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•ด SSR์ด๋‚˜ SSG(Static Site Generation)๊ณผ ํ•จ๊ป˜ ์‚ฌ์šฉ๋˜๊ธฐ๋„ ํ•จ. + +--- + +### 3-4. MPA (Multi Page Application) +- ์—ฌ๋Ÿฌ ๊ฐœ์˜ HTML ํŽ˜์ด์ง€๋กœ ์ด๋ฃจ์–ด์ง„ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜. +- ์‚ฌ์šฉ์ž๊ฐ€ ๋งํฌ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ƒˆ๋กœ์šด HTML ๋ฌธ์„œ๋ฅผ ์„œ๋ฒ„์—์„œ ๋ฐ›์•„์™€ ์ „์ฒด ํŽ˜์ด์ง€๋ฅผ ๋‹ค์‹œ ๋ Œ๋”๋ง. + +**ํŠน์ง•** +- SSR๊ณผ ๊ถํ•ฉ์ด ์ข‹์Œ. +- SEO ์นœํ™”์ ์ž„. +- ํ•˜์ง€๋งŒ ํŽ˜์ด์ง€ ์ด๋™๋งˆ๋‹ค ์ „์ฒด ๋ฆฌ์†Œ์Šค๋ฅผ ๋‹ค์‹œ ๋กœ๋“œํ•ด์•ผ ํ•˜๋ฏ€๋กœ UX๊ฐ€ ๋А๋ ค์งˆ ์ˆ˜ ์žˆ์Œ. + +--- + +### ๐Ÿ“Œ SPA / MPA์™€ CSR / SSR์˜ ์กฐํ•ฉ + +1. **SPA + CSR** + - ํ•œ ๊ฐœ์˜ ๋ผˆ๋Œ€ HTML๋งŒ ๋‚ด๋ ค์˜ด โ†’ JS๊ฐ€ ๋ชจ๋“  ์ •๋ณด๋ฅผ ์ฑ„์›€. + - ๋Œ€ํ‘œ์ ์ธ React, Vue ์•ฑ. + +2. **SPA + SSR** + - ํ•œ ๊ฐœ์˜ HTML์ด์ง€๋งŒ, ์„œ๋ฒ„๊ฐ€ ๋ฐ์ดํ„ฐ๊นŒ์ง€ ์ฑ„์›Œ์„œ ๋‚ด๋ ค์คŒ. + - ์ดˆ๊ธฐ ํ™”๋ฉด์€ SSR๋กœ ๋น ๋ฅด๊ฒŒ ๋ณด์—ฌ์ฃผ๊ณ , ์ดํ›„์—๋Š” CSR๋กœ ๋™์ž‘. + - ๋Œ€ํ‘œ์ ์ธ ์˜ˆ: Next.js + +3. **MPA + CSR** + - ์—ฌ๋Ÿฌ ๊ฐœ์˜ ํŽ˜์ด์ง€๊ฐ€ ์žˆ์ง€๋งŒ, ๊ฐ๊ฐ์€ ๋ผˆ๋Œ€ HTML + ๊ฐ™์€ JS ๋ฒˆ๋“ค์„ ๋‚ด๋ ค์คŒ. + - ์‹ค์ œ ํ™”๋ฉด์€ JS๊ฐ€ ๋ Œ๋”๋ง์„ ๋‹ด๋‹น โ†’ ์‚ฌ์‹ค์ƒ CSR ๋ฐฉ์‹. + +4. **MPA + SSR** + - ์—ฌ๋Ÿฌ ๊ฐœ์˜ ํŽ˜์ด์ง€๊ฐ€ ์žˆ๊ณ , ๊ฐ๊ฐ ์™„์„ฑ๋œ HTML์„ ์„œ๋ฒ„์—์„œ ๋‚ด๋ ค์คŒ. + - ์ „ํ†ต์ ์ธ ์›น์‚ฌ์ดํŠธ ๋ฐฉ์‹ (JSP, PHP, Rails ๋“ฑ). + +--- + +### ๐Ÿ“Œ ํ•ต์‹ฌ ์ •๋ฆฌ +- **CSR โ†” SSR**: ๋ Œ๋”๋ง์„ **์–ด๋””์„œ** ํ•˜๋А๋ƒ์˜ ์ฐจ์ด (ํด๋ผ์ด์–ธํŠธ vs ์„œ๋ฒ„). +- **SPA โ†” MPA**: ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด **ํŽ˜์ด์ง€๋ฅผ ๋ช‡ ๊ฐœ** ์‚ฌ์šฉํ•˜๋А๋ƒ์˜ ์ฐจ์ด (ํ•˜๋‚˜ vs ์—ฌ๋Ÿฌ ๊ฐœ). +- ์กฐํ•ฉ์„ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ์•„ํ‚คํ…์ฒ˜ ๊ฐ€๋Šฅ. +- ๐Ÿ‘‰ **์ •๋ณด๋ฅผ ๋„ฃ์„์ง€ ๋ง์ง€๋Š” CSR/SSR ์ฐจ์ด** +- ๐Ÿ‘‰ **๋ฌธ์„œ๋ฅผ ๋” ๋ฐ›์„์ง€ ๋ง์ง€๋Š” SPA/MPA ์ฐจ์ด** + +--- + +## 4. React๋ฅผ ํ•  ๋•Œ ์•Œ์•„์•ผ ํ•˜๋Š” JS + +### 4-1. JavaScript(JS)๋ž€? +- ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด. +- ์›๋ž˜๋Š” ์›น ํŽ˜์ด์ง€์— **๋™์ ์ธ ๊ธฐ๋Šฅ(์ƒํ˜ธ์ž‘์šฉ)**์„ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ๋งŒ๋“ค์–ด์ง. + โ†’ ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ํŒ์—…, ์ž…๋ ฅ๊ฐ’ ๊ฒ€์ฆ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋“ฑ. +- ์ง€๊ธˆ์€ ์„œ๋ฒ„(Node.js), ์•ฑ(React Native), ๋ฐ์Šคํฌํ†ฑ ์•ฑ(Electron)๊นŒ์ง€ ํ™•์žฅ๋œ ๋ฒ”์šฉ ์–ธ์–ด. + +--- + +### 4-2. ๋ธŒ๋ผ์šฐ์ € ๋™์ž‘์—์„œ JS์˜ ์—ญํ•  +๋ธŒ๋ผ์šฐ์ €๋Š” ํฌ๊ฒŒ ๋ณด๋ฉด **ํ™”๋ฉด ํ‘œ์‹œ(Rendering)**์™€ **์ƒํ˜ธ์ž‘์šฉ(Interaction)** ๋‘ ๊ฐ€์ง€๋ฅผ ๋งก๋Š”๋‹ค. +์ด ์ค‘์—์„œ JavaScript๋Š” ์ฃผ๋กœ **์ƒํ˜ธ์ž‘์šฉ**์„ ๋‹ด๋‹นํ•˜๋Š” ํ•ต์‹ฌ ๋„๊ตฌ๋‹ค. + +- **DOM ์กฐ์ž‘** + - HTML ํŒŒ์‹ฑ ๊ฒฐ๊ณผ ๋งŒ๋“ค์–ด์ง„ DOM ํŠธ๋ฆฌ๋ฅผ ์ฝ๊ณ  ์ˆ˜์ • ๊ฐ€๋Šฅ. + - ์˜ˆ: `document.querySelector("p").textContent = "๋ณ€๊ฒฝ๋จ!"` + +- **CSSOM ์กฐ์ž‘** + - ์Šคํƒ€์ผ์„ ์ง์ ‘ ๋ณ€๊ฒฝํ•  ์ˆ˜๋„ ์žˆ์Œ. + - ์˜ˆ: `element.style.color = "red"` + +- **์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ** + - ํด๋ฆญ, ํ‚ค๋ณด๋“œ ์ž…๋ ฅ, ์Šคํฌ๋กค ๊ฐ™์€ ์‚ฌ์šฉ์ž ํ–‰๋™์— ๋ฐ˜์‘. + - ์˜ˆ: + ```javascript + button.addEventListener("click", () => alert("๋ˆŒ๋ €๋‹ค!")); + ``` + +- **๋น„๋™๊ธฐ ํ†ต์‹  (AJAX, Fetch API)** + - ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋กœ๋“œํ•˜์ง€ ์•Š๊ณ ๋„ ์„œ๋ฒ„์™€ ๋ฐ์ดํ„ฐ ์†ก์ˆ˜์‹  ๊ฐ€๋Šฅ. + - ์˜ˆ: ๋กœ๊ทธ์ธ ์š”์ฒญ, ๋Œ“๊ธ€ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ ๋“ฑ โ†’ CSR๊ณผ SPA ๊ตฌํ˜„์˜ ๊ธฐ๋ฐ˜. + +- **๋ธŒ๋ผ์šฐ์ € API ํ™œ์šฉ** + - ์ฟ ํ‚ค, ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€, ์„ธ์…˜์Šคํ† ๋ฆฌ์ง€, ์œ„์น˜ ์ •๋ณด, ๋ฏธ๋””์–ด ์žฅ์น˜ ๋“ฑ ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋Šฅ ์ œ์–ด ๊ฐ€๋Šฅ. + +--- + +### 4-3. React๋ž€? +- JavaScript **UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ** (ํ”„๋ ˆ์ž„์›Œํฌ ์•„๋‹˜). +- **๋ชฉ์ **: ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํšจ์œจ์ ์ด๊ณ  ์„ ์–ธ์ ์œผ๋กœ ๋งŒ๋“ค๊ธฐ. +- Facebook(ํ˜„ Meta)์—์„œ ๊ฐœ๋ฐœ, ํ˜„์žฌ ๊ฐ€์žฅ ๋„๋ฆฌ ์“ฐ์ด๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ์ค‘ ํ•˜๋‚˜. + +--- + +### 4-4. React๊ฐ€ ํ•„์š”ํ•œ ์ด์œ  +1. **DOM ์กฐ์ž‘์˜ ๋ณต์žก์„ฑ** + - ๋ฒ„ํŠผ ํ•˜๋‚˜ ๋ฐ”๊พธ๋Š” ๊ฑด ๊ฐ„๋‹จํ•˜์ง€๋งŒ, ์ƒํƒœ(state)๊ฐ€ ๋งŽ์€ ์•ฑ์—์„œ๋Š” + "์–ด๋–ค DOM์„ ์–ธ์ œ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋‚˜?"๊ฐ€ ๋งค์šฐ ๋ณต์žกํ•ด์ง. +2. **DOM ์—…๋ฐ์ดํŠธ ๋น„์šฉ** + - DOM์€ ๋ฌด๊ฑฐ์›Œ์„œ ์ง์ ‘ ์—ฌ๋Ÿฌ ๋ฒˆ ๊ฑด๋“œ๋ฆฌ๋ฉด ์„ฑ๋Šฅ ์ €ํ•˜. + - โ†’ Virtual DOM์ด ๋“ฑ์žฅํ•ด ๋ฉ”๋ชจ๋ฆฌ ์ƒ์—์„œ ๊ณ„์‚ฐ ํ›„, ํ•„์š”ํ•œ ์ตœ์†Œ ๋ณ€๊ฒฝ๋งŒ DOM์— ๋ฐ˜์˜. +3. **์ƒํƒœ ๊ด€๋ฆฌ ์–ด๋ ค์›€** + - ๋กœ๊ทธ์ธ ์—ฌ๋ถ€, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๊ฐœ์ˆ˜, ํ•„ํ„ฐ ๊ฐ’ ๋“ฑ **์ƒํƒœ**๋ฅผ ํ™”๋ฉด ์ „์ฒด์—์„œ ๊ณต์œ ํ•˜๋ ค๋ฉด + ์ง์ ‘ DOM ์กฐ์ž‘์œผ๋กœ๋Š” ์ผ๊ด€์„ฑ ์œ ์ง€๊ฐ€ ํž˜๋“ฆ. + +--- + +### 4-5. React์˜ ํŠน์ง• +- **์„ ์–ธ์  UI** + - "์ตœ์ข… ๋ชจ์Šต"๋งŒ ์„ ์–ธํ•˜๋ฉด React๊ฐ€ ์•Œ์•„์„œ DOM์„ ๋งž์ถฐ์คŒ. + ```jsx + function App() { + const [count, setCount] = React.useState(0); + return ( +
+

{count}

+ +
+ ); + }``` +- **Virtual DOM** + - ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ๋ฉ”๋ชจ๋ฆฌ ์ƒ์˜ **๊ฐ€์ƒ ํŠธ๋ฆฌ**์—์„œ ๋จผ์ € ๊ณ„์‚ฐ + - ์‹ค์ œ DOM์—๋Š” **ํ•„์š”ํ•œ ์ตœ์†Œ ๋ณ€๊ฒฝ๋งŒ ๋ฐ˜์˜** + - ๋ถˆํ•„์š”ํ•œ DOM ์กฐ์ž‘์„ ์ค„์—ฌ **์„ฑ๋Šฅ ํ–ฅ์ƒ** + +- **์ปดํฌ๋„ŒํŠธ(Component) ๊ธฐ๋ฐ˜** + - UI๋ฅผ **์ž‘์€ ๋‹จ์œ„**๋กœ ๋‚˜๋ˆ ์„œ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅ + - ์˜ˆ: ๋ฒ„ํŠผ, ์นด๋“œ, ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ” ๋“ฑ + - **์œ ์ง€๋ณด์ˆ˜์™€ ์žฌ์‚ฌ์šฉ์„ฑ**์ด ๋†’์•„์ง + +- **๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„** + - ๋ฐ์ดํ„ฐ๋Š” **๋ถ€๋ชจ โ†’ ์ž์‹**์œผ๋กœ ํ๋ฅธ๋‹ค + - ๋ณต์žกํ•œ ์ƒํƒœ ๊ด€๋ฆฌ ๋ฌธ์ œ๋ฅผ ๋‹จ์ˆœํ™” + - ํ•„์š”์‹œ **Redux, Recoil** ๊ฐ™์€ ์ƒํƒœ ๊ด€๋ฆฌ ๋„๊ตฌ ํ™œ์šฉ + +--- + +### 4-6. โšก React์˜ ํ•ต์‹ฌ ์—ญํ•  +- **UI๋ฅผ ์‰ฝ๊ฒŒ ๋งŒ๋“ค๊ฒŒ ํ•ด์คŒ** + - DOM์„ ์ง์ ‘ ๋‹ค๋ฃจ์ง€ ์•Š๊ณ  โ†’ "์ตœ์ข… ํ™”๋ฉด์€ ์ด๋ ‡๊ฒŒ ๋ณด์—ฌ์•ผ ํ•œ๋‹ค"๋งŒ ์„ ์–ธ. + - ๋ณต์žกํ•œ DOM ์กฐ์ž‘์„ ๋Œ€์‹  ์ฒ˜๋ฆฌํ•ด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋œ ๊ณ ์ƒ. + +- **Virtual DOM์œผ๋กœ ์„ฑ๋Šฅ ์ตœ์ ํ™”** + - ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ๋ฉ”๋ชจ๋ฆฌ์ƒ์˜ ๊ฐ€์ƒ ํŠธ๋ฆฌ์—์„œ ๋จผ์ € ๊ณ„์‚ฐ. + - ์‹ค์ œ DOM์—๋Š” ๊ผญ ํ•„์š”ํ•œ ์ตœ์†Œ ๋ณ€๊ฒฝ๋งŒ ๋ฐ˜์˜. + - ๋ถˆํ•„์š”ํ•œ ๋ Œ๋”๋ง์„ ์ค„์—ฌ ๋น ๋ฅธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ œ๊ณต. + +- **์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„ ๊ฐœ๋ฐœ** + - ๋ฒ„ํŠผ, ์นด๋“œ, ๋ฉ”๋‰ด ๊ฐ™์€ UI๋ฅผ ์ž‘์€ ๋‹จ์œ„๋กœ ์ชผ๊ฐœ์–ด ์กฐ๋ฆฝ. + - ์žฌ์‚ฌ์šฉ์„ฑ โ†‘ ์œ ์ง€๋ณด์ˆ˜์„ฑ โ†‘ + +--- + +### 4-7. React๋ฅผ ํ•˜๊ธฐ ์ „์— ๊ผญ ์•Œ์•„์•ผ ํ•  JavaScript ๊ฐœ๋…๋“ค +1. **๊ธฐ์ดˆ ๋ฌธ๋ฒ•** + - var / let / const ์ฐจ์ด + - ๋ฐ์ดํ„ฐ ํƒ€์ž… (์›์‹œ ํƒ€์ž… vs ๊ฐ์ฒด ํƒ€์ž…) + - ํ•จ์ˆ˜ ์„ ์–ธ์‹ / ํ‘œํ˜„์‹ / ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ + - ์Šค์ฝ”ํ”„์™€ ํ˜ธ์ด์ŠคํŒ… + +2. **๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ** + - ์ฝœ๋ฐฑ(callback) + - Promise (`.then()`, `.catch()`) + - async/await + - ์ด๋ฒคํŠธ ๋ฃจํ”„ (์ฝœ์Šคํƒ / ํƒœ์Šคํฌ ํ) + +3. **ํ•จ์ˆ˜์™€ ํด๋กœ์ €** + - ํ•จ์ˆ˜๋Š” 1๊ธ‰ ๊ฐ์ฒด + - ํด๋กœ์ €(closure) โ†’ ์ƒํƒœ๋ฅผ ๊ธฐ์–ตํ•˜๋Š” ํ•จ์ˆ˜ + - ๊ณ ์ฐจ ํ•จ์ˆ˜, ์ฝœ๋ฐฑ ํ•จ์ˆ˜ + +4. **๊ฐ์ฒด์™€ this** + - ๊ฐ์ฒด ์ƒ์„ฑ (๋ฆฌํ„ฐ๋Ÿด, ์ƒ์„ฑ์ž, ํด๋ž˜์Šค) + - this ๋™์ž‘ ์›๋ฆฌ (์ผ๋ฐ˜ ํ•จ์ˆ˜ vs ํ™”์‚ดํ‘œ ํ•จ์ˆ˜) + - bind, call, apply + +5. **ES6+ ๋ฌธ๋ฒ•** + - ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น, ์ „๊ฐœ ์—ฐ์‚ฐ์ž + - ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด + - ๋ชจ๋“ˆ ์‹œ์Šคํ…œ (import/export) + +6. **DOM ์กฐ์ž‘ & ์ด๋ฒคํŠธ** + - querySelector, appendChild ๋“ฑ + - addEventListener + - ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง/์บก์ฒ˜๋ง, ์ด๋ฒคํŠธ ์œ„์ž„ + +7. **JS์˜ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ ๋ฐฉ์‹** + - ์–•์€ ๋ณต์‚ฌ vs ๊นŠ์€ ๋ณต์‚ฌ + - ๋ถˆ๋ณ€์„ฑ(immutability) โ†’ React ์ƒํƒœ ๊ด€๋ฆฌ ํ•ต์‹ฌ + - ๋ฐฐ์—ด/๊ฐ์ฒด ๋ฉ”์„œ๋“œ (map, filter, reduce ๋“ฑ) + +8. **๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ** + - setTimeout, setInterval + - fetch API + - ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€, ์„ธ์…˜์Šคํ† ๋ฆฌ์ง€ + - JSON.parse / JSON.stringify + +--- + +๐Ÿ“Œ **์ •๋ฆฌ** +React๋Š” "์ƒํƒœ(state)๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ , UI๋ฅผ ๋‹ค์‹œ ๊ทธ๋ ค์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ". +๋”ฐ๋ผ์„œ ์•„๋ž˜ ๋„ค ๊ฐ€์ง€ ์ถ•์ด ํŠนํžˆ ์ค‘์š”ํ•˜๋‹ค: +- **์ƒํƒœ ๊ด€๋ฆฌ (๋ถˆ๋ณ€์„ฑ)** +- **๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ (Promise, async/await)** +- **ES6+ ๋ฌธ๋ฒ•** +- **DOM & ์ด๋ฒคํŠธ ๋™์ž‘ ์›๋ฆฌ** diff --git "a/week1/\354\226\221\354\204\261\354\235\200/week01.md" "b/week1/\354\226\221\354\204\261\354\235\200/week01.md" deleted file mode 100644 index e69de29..0000000 From f652990494bd8b18686fa812a873d8aa1c2e537c Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 1 Oct 2025 01:14:37 +0900 Subject: [PATCH 2/9] =?UTF-8?q?docs:=202=EC=A3=BC=EC=B0=A8=20=ED=95=99?= =?UTF-8?q?=EC=8A=B5=20=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 --- ...] \352\271\200\354\203\201\354\244\200.md" | 100 ++++++++++++++++++ 1 file changed, 100 insertions(+) create mode 100644 "week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" diff --git "a/week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" "b/week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" new file mode 100644 index 0000000..17dc4da --- /dev/null +++ "b/week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" @@ -0,0 +1,100 @@ +# ๐Ÿ“š 2์ฃผ์ฐจ ํ•™์Šต + +## ๋ฆฌ์•กํŠธ(React) ํ•ต์‹ฌ ๋™์ž‘ ๋ฐฉ์‹ + +### 1. ๋ฆฌ์•กํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์–ด๋–ค ์ผ์„ ํ•˜๋Š”๊ฐ€? + +UI ๊ฐœ๋ฐœ์— ํ˜์‹ ์„ ๊ฐ€์ ธ์˜จ **์„ ์–ธํ˜• ์›น ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ**, ๋ฆฌ์•กํŠธ๋Š” ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค(UI)๋ฅผ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. +๋‹จ์ˆœํžˆ HTML์„ ์กฐ์ž‘ํ•˜๋Š” ๊ฒƒ์„ ๋„˜์–ด, ๊ฐœ๋ฐœ์ž๊ฐ€ UI์˜ **์ƒํƒœ(State)** ๋ฅผ ์„ ์–ธํ•˜๋ฉด ๋ฆฌ์•กํŠธ๊ฐ€ ๊ฐ€์žฅ ํšจ์œจ์ ์ธ ๋ฐฉ์‹์œผ๋กœ ํ™”๋ฉด์„ ์žฌ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค. + +- **์„ ์–ธํ˜•(Declarative)** + ๊ฐœ๋ฐœ์ž๋Š” ํŠน์ • ์ƒํƒœ์ผ ๋•Œ UI๊ฐ€ *๋ฌด์—‡(What)* ์„ ๋ณด์—ฌ์ค„์ง€๋งŒ ์„ ์–ธํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. + "์–ด๋–ป๊ฒŒ(How)" ๋ณ€๊ฒฝํ• ์ง€๋Š” ๋ฆฌ์•กํŠธ๊ฐ€ ์ฒ˜๋ฆฌํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ์ด ๋†’์•„์ง€๊ณ  ๋ฒ„๊ทธ๊ฐ€ ์ค„์–ด๋“ญ๋‹ˆ๋‹ค. + +- **์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜(Component-Based)** + UI๋ฅผ ์ž‘๊ณ  ๋…๋ฆฝ์ ์ด๋ฉฐ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„์–ด ์กฐ๋ฆฝํ•ฉ๋‹ˆ๋‹ค. ๋ณต์žกํ•œ UI๋ฅผ ๋ ˆ๊ณ  ๋ธ”๋ก์ฒ˜๋Ÿผ ์ฒด๊ณ„์ ์œผ๋กœ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. + +- **Virtual DOM** + ์‹ค์ œ DOM ๋Œ€์‹  ๋ฉ”๋ชจ๋ฆฌ์— ๊ฐ€์ƒ์˜ DOM์„ ๋งŒ๋“ค์–ด ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค. + ๋ณ€๊ฒฝ์ด ์ƒ๊ธฐ๋ฉด ์ƒˆ Virtual DOM์„ ๋งŒ๋“ค๊ณ  ์ด์ „๊ณผ ๋น„๊ตํ•˜์—ฌ ๋‹ฌ๋ผ์ง„ ๋ถ€๋ถ„๋งŒ ์‹ค์ œ DOM์— ๋ฐ˜์˜ํ•ฉ๋‹ˆ๋‹ค. + ์ด ๋ฐฉ์‹์€ ์„ฑ๋Šฅ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค. + + +--- + +### 2. ์ปดํฌ๋„ŒํŠธ(Component)์™€ JSX + +๋ฆฌ์•กํŠธ ์•ฑ์€ **์ปดํฌ๋„ŒํŠธ**๋ผ๋Š” ๊ธฐ๋ณธ ๋‹จ์œ„๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ, ๊ทธ ๊ตฌ์กฐ์™€ ๋ชจ์Šต์€ **JSX**๋ผ๋Š” ๋ฌธ๋ฒ•์œผ๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค. + +- **์ปดํฌ๋„ŒํŠธ = ํ•จ์ˆ˜** + ํ˜„๋Œ€ ๋ฆฌ์•กํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ๋Š” JSX๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” JavaScript ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค. ํ•จ์ˆ˜ ํ•˜๋‚˜๊ฐ€ UI์˜ ํ•œ ์กฐ๊ฐ์„ ๋‹ด๋‹นํ•ฉ๋‹ˆ๋‹ค. + +- **JSX (JavaScript XML)** + JavaScript ์ฝ”๋“œ ์•ˆ์—์„œ HTML๊ณผ ์œ ์‚ฌํ•œ ๋ฌธ๋ฒ•์œผ๋กœ UI ๊ตฌ์กฐ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ํ™•์žฅ ๋ฌธ๋ฒ•์ž…๋‹ˆ๋‹ค. + `React.createElement()`์˜ ๋ณต์žกํ•œ ํ˜ธ์ถœ์„ ๋Œ€์‹ ํ•˜๋Š” ์ง๊ด€์ ์ธ ์„ค๊ณ„๋„ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. + +- **์กฐ๋ฆฝ(Composition)** + ์ปดํฌ๋„ŒํŠธ ์•ˆ์— ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํฌํ•จํ•˜์—ฌ ๋” ํฐ UI๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. + ํŽ˜์ด์ง€(Page) ์—ญ์‹œ ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์กฐํ•ฉ๋œ ํ•˜๋‚˜์˜ ํฐ ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค. + +- **๋™์  ํ‘œํ˜„** + JSX ๋‚ด์—์„œ๋Š” ์ค‘๊ด„ํ˜ธ `{}`๋ฅผ ํ†ตํ•ด ๋ณ€์ˆ˜๋‚˜ ํ‘œํ˜„์‹์„ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ์–ด, ์ •์ ์ธ UI ๋Œ€์‹  ๋™์ ์ธ UI ๊ตฌํ˜„์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. + + +--- + +### 3. State (์ƒํƒœ) + +State๋Š” ์ปดํฌ๋„ŒํŠธ์˜ **๋‚ด๋ถ€ ๊ธฐ์–ต ์žฅ์น˜**์ž…๋‹ˆ๋‹ค. +์‚ฌ์šฉ์ž์˜ ํ–‰๋™์ด๋‚˜ ์‹œ๊ฐ„์˜ ํ๋ฆ„์— ๋”ฐ๋ผ ๊ฐ’์ด ๋ณ€ํ•˜๋ฉฐ, ๊ทธ ๋ณ€ํ™”๋Š” ๊ณง UI์˜ ์—…๋ฐ์ดํŠธ๋กœ ์ด์–ด์ง‘๋‹ˆ๋‹ค. + +- **๋ฐ˜์‘์„ฑ(Reactivity)** + `useState`์˜ setter๋กœ State๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฆฌ์•กํŠธ๋Š” ์ด๋ฅผ ๊ฐ์ง€ํ•˜๊ณ  ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ฆฌ๋ Œ๋”๋งํ•˜์—ฌ ํ™”๋ฉด์„ ๊ฐฑ์‹ ํ•ฉ๋‹ˆ๋‹ค. + +- **์บก์Аํ™”(Encapsulation)** + State๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ๋งŒ ์ ‘๊ทผ ๋ฐ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๋น„๊ณต๊ฐœ ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค. + +- **๋ถˆ๋ณ€์„ฑ(Immutability)** + State ์—…๋ฐ์ดํŠธ ์‹œ ๊ธฐ์กด ๋ฐ์ดํ„ฐ๋ฅผ ์ง์ ‘ ์ˆ˜์ •ํ•˜์ง€ ์•Š๊ณ  ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋‚˜ ๋ฐฐ์—ด์„ ์ƒ์„ฑํ•ด ๊ต์ฒดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. + ์ด๋Š” ๋ฆฌ์•กํŠธ๊ฐ€ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ํšจ์œจ์ ์œผ๋กœ ๊ฐ์ง€ํ•˜๊ณ  ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋™์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค. + + +--- + +### 4. Props (์†์„ฑ) + +Props๋Š” **๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ž์‹ ์ปดํฌ๋„ŒํŠธ์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๋ฐ์ดํ„ฐ ํ†ต๋กœ**์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๊ฐ€ ์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ํ๋ฆ…๋‹ˆ๋‹ค. + +- **๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„(Unidirectional Data Flow)** + ๋ฐ์ดํ„ฐ๋Š” ํ•ญ์ƒ ๋ถ€๋ชจ โ†’ ์ž์‹์œผ๋กœ ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค. ์ด ๊ทœ์น™ ๋•๋ถ„์— ๋ฐ์ดํ„ฐ ํ๋ฆ„์ด ์˜ˆ์ธก ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. + +- **์ฝ๊ธฐ ์ „์šฉ(Read-Only)** + ์ž์‹ ์ปดํฌ๋„ŒํŠธ๋Š” props๋ฅผ ์ง์ ‘ ์ˆ˜์ •ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. + ์ด๋ฅผ ์œ„๋ฐ˜ํ•˜๋ฉด ๋ฐ์ดํ„ฐ ํ๋ฆ„์ด ๊นจ์ง€๊ณ  ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. + +- **ํ•จ์ˆ˜ ์ „๋‹ฌ** + props๋กœ ๋ฐ์ดํ„ฐ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•จ์ˆ˜๋„ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. + ๋ถ€๋ชจ์˜ state๋ฅผ ์ž์‹์ด ๋ณ€๊ฒฝํ•ด์•ผ ํ•  ๊ฒฝ์šฐ, ๋ถ€๋ชจ๋Š” state๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ props๋กœ ๋„˜๊ฒจ์ฃผ๊ณ  ์ž์‹์€ ํ•ด๋‹น ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•ฉ๋‹ˆ๋‹ค. + (*Data flows down, Actions flow up*) + +- **์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ์˜ ํ•„์š”์„ฑ** + props๋งŒ์œผ๋กœ๋Š” ํ˜•์ œ๋‚˜ ๋ฉ€๋ฆฌ ๋–จ์–ด์ง„ ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ๋ฐ์ดํ„ฐ ๊ณต์œ ๊ฐ€ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. + ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด **Context API**๋‚˜ **Redux** ๊ฐ™์€ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. + + +--- + +### 5. ๋ฆฌ์•กํŠธ์˜ ์ „์ฒด ๋™์ž‘ ํ๋ฆ„ ์š”์•ฝ + +๋ฆฌ์•กํŠธ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์„ ์–ธํ•œ **์ƒํƒœ(State)** ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ, **JSX(์„ค๊ณ„๋„)** ๋ฅผ ํ†ตํ•ด UI๋ฅผ ์ •์˜ํ•˜๊ณ , +์ƒํƒœ ๋ณ€ํ™”๊ฐ€ ์ƒ๊ธฐ๋ฉด Virtual DOM์„ ํ™œ์šฉํ•ด ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ์‹ค์ œ DOM์— ํšจ์œจ์ ์œผ๋กœ ๋ฐ˜์˜ํ•ฉ๋‹ˆ๋‹ค. + +#### ๋‹จ๊ณ„๋ณ„ ํ๋ฆ„ +1. **๊ตฌ์„ฑ**: UI๋Š” ๋…๋ฆฝ์ ์ธ ์ปดํฌ๋„ŒํŠธ๋“ค์˜ ์กฐํ•ฉ์œผ๋กœ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค. +2. **์ •์˜**: ๊ฐ ์ปดํฌ๋„ŒํŠธ๋Š” State์™€ Props๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ JSX๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. +3. **๋ณ€๊ฒฝ ๋ฐœ์ƒ**: ์‚ฌ์šฉ์ž์˜ ํ–‰๋™ ๋“ฑ์œผ๋กœ State๊ฐ€ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค. +4. **๋ฆฌ๋ Œ๋”๋ง & Virtual DOM ์ƒ์„ฑ**: ๋ฆฌ์•กํŠธ๋Š” ๋ณ€๊ฒฝ์„ ๊ฐ์ง€ํ•˜๊ณ  ์ƒˆ๋กœ์šด Virtual DOM์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. +5. **๋น„๊ต(Reconciliation)**: ์ด์ „ Virtual DOM๊ณผ ์ƒˆ Virtual DOM์„ ๋น„๊ตํ•˜์—ฌ ๋‹ฌ๋ผ์ง„ ๋ถ€๋ถ„์„ ์ฐพ์Šต๋‹ˆ๋‹ค. +6. **๋ฐ˜์˜**: ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ์‹ค์ œ DOM์— ๋ฐ˜์˜ํ•˜์—ฌ ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•ฉ๋‹ˆ๋‹ค. + +์ด๋Ÿฌํ•œ **์„ ์–ธ์ ์ด๊ณ  ํšจ์œจ์ ์ธ ๋ฐฉ์‹** ๋•๋ถ„์—, ๊ฐœ๋ฐœ์ž๋Š” ๋ณต์žกํ•œ UI ์ƒํƒœ๋ฅผ ์†์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•˜๋ฉฐ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋น ๋ฅด๊ณ  ๋ถ€๋“œ๋Ÿฌ์šด ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. From cccdfc0640f3c5b1dfc8e86c3e0ae641fd8c71e2 Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 1 Oct 2025 02:21:05 +0900 Subject: [PATCH 3/9] =?UTF-8?q?feat:=20=EA=B8=B0=EB=B3=B8=EC=A0=81?= =?UTF-8?q?=EC=9D=B8=20todo=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=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 --- .idea/.gitignore | 8 + .idea/COW-REACT-6.iml | 9 + .idea/misc.xml | 6 + .idea/modules.xml | 8 + .idea/vcs.xml | 6 + ...] \352\271\200\354\203\201\354\244\200.md" | 0 week2/dd/todo/.gitignore | 24 + week2/dd/todo/README.md | 16 + week2/dd/todo/eslint.config.js | 29 + week2/dd/todo/index.html | 13 + week2/dd/todo/package-lock.json | 3569 +++++++++++++++++ week2/dd/todo/package.json | 32 + week2/dd/todo/postcss.config.cjs | 6 + week2/dd/todo/public/vite.svg | 1 + week2/dd/todo/src/App.css | 42 + week2/dd/todo/src/App.jsx | 8 + week2/dd/todo/src/TodoApp.jsx | 208 + week2/dd/todo/src/assets/react.svg | 1 + week2/dd/todo/src/index.css | 3 + week2/dd/todo/src/main.jsx | 10 + week2/dd/todo/tailwind.config.js | 11 + week2/dd/todo/vite.config.js | 7 + 22 files changed, 4017 insertions(+) create mode 100644 .idea/.gitignore create mode 100644 .idea/COW-REACT-6.iml create mode 100644 .idea/misc.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml rename "week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" => "week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" (100%) create mode 100644 week2/dd/todo/.gitignore create mode 100644 week2/dd/todo/README.md create mode 100644 week2/dd/todo/eslint.config.js create mode 100644 week2/dd/todo/index.html create mode 100644 week2/dd/todo/package-lock.json create mode 100644 week2/dd/todo/package.json create mode 100644 week2/dd/todo/postcss.config.cjs create mode 100644 week2/dd/todo/public/vite.svg create mode 100644 week2/dd/todo/src/App.css create mode 100644 week2/dd/todo/src/App.jsx create mode 100644 week2/dd/todo/src/TodoApp.jsx create mode 100644 week2/dd/todo/src/assets/react.svg create mode 100644 week2/dd/todo/src/index.css create mode 100644 week2/dd/todo/src/main.jsx create mode 100644 week2/dd/todo/tailwind.config.js create mode 100644 week2/dd/todo/vite.config.js diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..c3f502a --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# ๋””ํดํŠธ ๋ฌด์‹œ๋œ ํŒŒ์ผ +/shelf/ +/workspace.xml +# ์—๋””ํ„ฐ ๊ธฐ๋ฐ˜ HTTP ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/COW-REACT-6.iml b/.idea/COW-REACT-6.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/COW-REACT-6.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..6f29fee --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..16f13a1 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git "a/week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" "b/week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" similarity index 100% rename from "week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" rename to "week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" diff --git a/week2/dd/todo/.gitignore b/week2/dd/todo/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/week2/dd/todo/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/week2/dd/todo/README.md b/week2/dd/todo/README.md new file mode 100644 index 0000000..e1bb550 --- /dev/null +++ b/week2/dd/todo/README.md @@ -0,0 +1,16 @@ +# 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 + +## React Compiler + +The React Compiler is not enabled on this template. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation). + +## 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/week2/dd/todo/eslint.config.js b/week2/dd/todo/eslint.config.js new file mode 100644 index 0000000..cee1e2c --- /dev/null +++ b/week2/dd/todo/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/week2/dd/todo/index.html b/week2/dd/todo/index.html new file mode 100644 index 0000000..e704589 --- /dev/null +++ b/week2/dd/todo/index.html @@ -0,0 +1,13 @@ + + + + + + + todo + + +
+ + + diff --git a/week2/dd/todo/package-lock.json b/week2/dd/todo/package-lock.json new file mode 100644 index 0000000..26ca79d --- /dev/null +++ b/week2/dd/todo/package-lock.json @@ -0,0 +1,3569 @@ +{ + "name": "todo", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "todo", + "version": "0.0.0", + "dependencies": { + "react": "^19.1.1", + "react-dom": "^19.1.1" + }, + "devDependencies": { + "@eslint/js": "^9.36.0", + "@tailwindcss/postcss": "^4.1.13", + "@types/react": "^19.1.13", + "@types/react-dom": "^19.1.9", + "@vitejs/plugin-react": "^5.0.3", + "autoprefixer": "^10.4.21", + "eslint": "^9.36.0", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20", + "globals": "^16.4.0", + "postcss": "^8.5.6", + "tailwindcss": "^4.1.13", + "vite": "^7.1.7" + } + }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "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.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.4.tgz", + "integrity": "sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.28.4", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz", + "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.28.3", + "@babel/helper-compilation-targets": "^7.27.2", + "@babel/helper-module-transforms": "^7.28.3", + "@babel/helpers": "^7.28.4", + "@babel/parser": "^7.28.4", + "@babel/template": "^7.27.2", + "@babel/traverse": "^7.28.4", + "@babel/types": "^7.28.4", + "@jridgewell/remapping": "^2.3.5", + "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.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz", + "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.28.3", + "@babel/types": "^7.28.2", + "@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.28.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz", + "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.27.1", + "@babel/helper-validator-identifier": "^7.27.1", + "@babel/traverse": "^7.28.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.4", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz", + "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.27.2", + "@babel/types": "^7.28.4" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.28.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz", + "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.28.4" + }, + "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.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz", + "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.28.3", + "@babel/helper-globals": "^7.28.0", + "@babel/parser": "^7.28.4", + "@babel/template": "^7.27.2", + "@babel/types": "^7.28.4", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.28.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz", + "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==", + "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.10", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz", + "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz", + "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz", + "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz", + "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz", + "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz", + "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz", + "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz", + "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz", + "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz", + "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz", + "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz", + "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz", + "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz", + "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz", + "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz", + "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz", + "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz", + "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz", + "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz", + "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz", + "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openharmony-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz", + "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz", + "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz", + "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz", + "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz", + "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.9.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz", + "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==", + "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.1", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz", + "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": "^18.18.0 || ^20.9.0 || >=21.1.0" + } + }, + "node_modules/@eslint/core": { + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz", + "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==", + "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.36.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz", + "integrity": "sha512-uhCbYtYynH30iZErszX78U+nR3pJU3RHGQ57NXy5QupD4SBVwDeU8TNBy+MjMngc1UyIW9noKqsRqfjQTBU2dw==", + "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.5", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz", + "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@eslint/core": "^0.15.2", + "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.7", + "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz", + "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "@humanfs/core": "^0.19.1", + "@humanwhocodes/retry": "^0.4.0" + }, + "engines": { + "node": ">=18.18.0" + } + }, + "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/@isaacs/fs-minipass": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", + "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", + "dev": true, + "license": "ISC", + "dependencies": { + "minipass": "^7.0.4" + }, + "engines": { + "node": ">=18.0.0" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@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.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", + "dev": true, + "license": "MIT" + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "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.38", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.38.tgz", + "integrity": "sha512-N/ICGKleNhA5nc9XXQG/kkKHJ7S55u0x0XUJbbkmdCnFuoRkM1Il12q9q0eX19+M7KKUEPw/daUPIRnxhcxAIw==", + "dev": true, + "license": "MIT" + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.3.tgz", + "integrity": "sha512-h6cqHGZ6VdnwliFG1NXvMPTy/9PS3h8oLh7ImwR+kl+oYnQizgjxsONmmPSb2C66RksfkfIxEVtDSEcJiO0tqw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.3.tgz", + "integrity": "sha512-wd+u7SLT/u6knklV/ifG7gr5Qy4GUbH2hMWcDauPFJzmCZUAJ8L2bTkVXC2niOIxp8lk3iH/QX8kSrUxVZrOVw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.3.tgz", + "integrity": "sha512-lj9ViATR1SsqycwFkJCtYfQTheBdvlWJqzqxwc9f2qrcVrQaF/gCuBRTiTolkRWS6KvNxSk4KHZWG7tDktLgjg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.3.tgz", + "integrity": "sha512-+Dyo7O1KUmIsbzx1l+4V4tvEVnVQqMOIYtrxK7ncLSknl1xnMHLgn7gddJVrYPNZfEB8CIi3hK8gq8bDhb3h5A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.3.tgz", + "integrity": "sha512-u9Xg2FavYbD30g3DSfNhxgNrxhi6xVG4Y6i9Ur1C7xUuGDW3banRbXj+qgnIrwRN4KeJ396jchwy9bCIzbyBEQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.3.tgz", + "integrity": "sha512-5M8kyi/OX96wtD5qJR89a/3x5x8x5inXBZO04JWhkQb2JWavOWfjgkdvUqibGJeNNaz1/Z1PPza5/tAPXICI6A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.3.tgz", + "integrity": "sha512-IoerZJ4l1wRMopEHRKOO16e04iXRDyZFZnNZKrWeNquh5d6bucjezgd+OxG03mOMTnS1x7hilzb3uURPkJ0OfA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.3.tgz", + "integrity": "sha512-ZYdtqgHTDfvrJHSh3W22TvjWxwOgc3ThK/XjgcNGP2DIwFIPeAPNsQxrJO5XqleSlgDux2VAoWQ5iJrtaC1TbA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.3.tgz", + "integrity": "sha512-NcViG7A0YtuFDA6xWSgmFb6iPFzHlf5vcqb2p0lGEbT+gjrEEz8nC/EeDHvx6mnGXnGCC1SeVV+8u+smj0CeGQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.3.tgz", + "integrity": "sha512-d3pY7LWno6SYNXRm6Ebsq0DJGoiLXTb83AIPCXl9fmtIQs/rXoS8SJxxUNtFbJ5MiOvs+7y34np77+9l4nfFMw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loong64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.3.tgz", + "integrity": "sha512-3y5GA0JkBuirLqmjwAKwB0keDlI6JfGYduMlJD/Rl7fvb4Ni8iKdQs1eiunMZJhwDWdCvrcqXRY++VEBbvk6Eg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-ppc64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.3.tgz", + "integrity": "sha512-AUUH65a0p3Q0Yfm5oD2KVgzTKgwPyp9DSXc3UA7DtxhEb/WSPfbG4wqXeSN62OG5gSo18em4xv6dbfcUGXcagw==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.3.tgz", + "integrity": "sha512-1makPhFFVBqZE+XFg3Dkq+IkQ7JvmUrwwqaYBL2CE+ZpxPaqkGaiWFEWVGyvTwZace6WLJHwjVh/+CXbKDGPmg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.3.tgz", + "integrity": "sha512-OOFJa28dxfl8kLOPMUOQBCO6z3X2SAfzIE276fwT52uXDWUS178KWq0pL7d6p1kz7pkzA0yQwtqL0dEPoVcRWg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.3.tgz", + "integrity": "sha512-jMdsML2VI5l+V7cKfZx3ak+SLlJ8fKvLJ0Eoa4b9/vCUrzXKgoKxvHqvJ/mkWhFiyp88nCkM5S2v6nIwRtPcgg==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.3.tgz", + "integrity": "sha512-tPgGd6bY2M2LJTA1uGq8fkSPK8ZLYjDjY+ZLK9WHncCnfIz29LIXIqUgzCR0hIefzy6Hpbe8Th5WOSwTM8E7LA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.3.tgz", + "integrity": "sha512-BCFkJjgk+WFzP+tcSMXq77ymAPIxsX9lFJWs+2JzuZTLtksJ2o5hvgTdIcZ5+oKzUDMwI0PfWzRBYAydAHF2Mw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-openharmony-arm64": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.3.tgz", + "integrity": "sha512-KTD/EqjZF3yvRaWUJdD1cW+IQBk4fbQaHYJUmP8N4XoKFZilVL8cobFSTDnjTtxWJQ3JYaMgF4nObY/+nYkumA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.3.tgz", + "integrity": "sha512-+zteHZdoUYLkyYKObGHieibUFLbttX2r+58l27XZauq0tcWYYuKUwY2wjeCN9oK1Um2YgH2ibd6cnX/wFD7DuA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.3.tgz", + "integrity": "sha512-of1iHkTQSo3kr6dTIRX6t81uj/c/b15HXVsPcEElN5sS859qHrOepM5p9G41Hah+CTqSh2r8Bm56dL2z9UQQ7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-gnu": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.3.tgz", + "integrity": "sha512-s0hybmlHb56mWVZQj8ra9048/WZTPLILKxcvcq+8awSZmyiSUZjjem1AhU3Tf4ZKpYhK4mg36HtHDOe8QJS5PQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.52.3", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.3.tgz", + "integrity": "sha512-zGIbEVVXVtauFgl3MRwGWEN36P5ZGenHRMgNw88X5wEhEBpq0XrMEZwOn07+ICrwM17XO5xfMZqh0OldCH5VTA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@tailwindcss/node": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.13.tgz", + "integrity": "sha512-eq3ouolC1oEFOAvOMOBAmfCIqZBJuvWvvYWh5h5iOYfe1HFC6+GZ6EIL0JdM3/niGRJmnrOc+8gl9/HGUaaptw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.4", + "enhanced-resolve": "^5.18.3", + "jiti": "^2.5.1", + "lightningcss": "1.30.1", + "magic-string": "^0.30.18", + "source-map-js": "^1.2.1", + "tailwindcss": "4.1.13" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.13.tgz", + "integrity": "sha512-CPgsM1IpGRa880sMbYmG1s4xhAy3xEt1QULgTJGQmZUeNgXFR7s1YxYygmJyBGtou4SyEosGAGEeYqY7R53bIA==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "dependencies": { + "detect-libc": "^2.0.4", + "tar": "^7.4.3" + }, + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.1.13", + "@tailwindcss/oxide-darwin-arm64": "4.1.13", + "@tailwindcss/oxide-darwin-x64": "4.1.13", + "@tailwindcss/oxide-freebsd-x64": "4.1.13", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13", + "@tailwindcss/oxide-linux-arm64-gnu": "4.1.13", + "@tailwindcss/oxide-linux-arm64-musl": "4.1.13", + "@tailwindcss/oxide-linux-x64-gnu": "4.1.13", + "@tailwindcss/oxide-linux-x64-musl": "4.1.13", + "@tailwindcss/oxide-wasm32-wasi": "4.1.13", + "@tailwindcss/oxide-win32-arm64-msvc": "4.1.13", + "@tailwindcss/oxide-win32-x64-msvc": "4.1.13" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.13.tgz", + "integrity": "sha512-BrpTrVYyejbgGo57yc8ieE+D6VT9GOgnNdmh5Sac6+t0m+v+sKQevpFVpwX3pBrM2qKrQwJ0c5eDbtjouY/+ew==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.13.tgz", + "integrity": "sha512-YP+Jksc4U0KHcu76UhRDHq9bx4qtBftp9ShK/7UGfq0wpaP96YVnnjFnj3ZFrUAjc5iECzODl/Ts0AN7ZPOANQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.13.tgz", + "integrity": "sha512-aAJ3bbwrn/PQHDxCto9sxwQfT30PzyYJFG0u/BWZGeVXi5Hx6uuUOQEI2Fa43qvmUjTRQNZnGqe9t0Zntexeuw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.13.tgz", + "integrity": "sha512-Wt8KvASHwSXhKE/dJLCCWcTSVmBj3xhVhp/aF3RpAhGeZ3sVo7+NTfgiN8Vey/Fi8prRClDs6/f0KXPDTZE6nQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.13.tgz", + "integrity": "sha512-mbVbcAsW3Gkm2MGwA93eLtWrwajz91aXZCNSkGTx/R5eb6KpKD5q8Ueckkh9YNboU8RH7jiv+ol/I7ZyQ9H7Bw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.13.tgz", + "integrity": "sha512-wdtfkmpXiwej/yoAkrCP2DNzRXCALq9NVLgLELgLim1QpSfhQM5+ZxQQF8fkOiEpuNoKLp4nKZ6RC4kmeFH0HQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.13.tgz", + "integrity": "sha512-hZQrmtLdhyqzXHB7mkXfq0IYbxegaqTmfa1p9MBj72WPoDD3oNOh1Lnxf6xZLY9C3OV6qiCYkO1i/LrzEdW2mg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.13.tgz", + "integrity": "sha512-uaZTYWxSXyMWDJZNY1Ul7XkJTCBRFZ5Fo6wtjrgBKzZLoJNrG+WderJwAjPzuNZOnmdrVg260DKwXCFtJ/hWRQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.13.tgz", + "integrity": "sha512-oXiPj5mi4Hdn50v5RdnuuIms0PVPI/EG4fxAfFiIKQh5TgQgX7oSuDWntHW7WNIi/yVLAiS+CRGW4RkoGSSgVQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.13.tgz", + "integrity": "sha512-+LC2nNtPovtrDwBc/nqnIKYh/W2+R69FA0hgoeOn64BdCX522u19ryLh3Vf3F8W49XBcMIxSe665kwy21FkhvA==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.4.5", + "@emnapi/runtime": "^1.4.5", + "@emnapi/wasi-threads": "^1.0.4", + "@napi-rs/wasm-runtime": "^0.2.12", + "@tybys/wasm-util": "^0.10.0", + "tslib": "^2.8.0" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.13.tgz", + "integrity": "sha512-dziTNeQXtoQ2KBXmrjCxsuPk3F3CQ/yb7ZNZNA+UkNTeiTGgfeh+gH5Pi7mRncVgcPD2xgHvkFCh/MhZWSgyQg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.13.tgz", + "integrity": "sha512-3+LKesjXydTkHk5zXX01b5KMzLV1xl2mcktBJkje7rhFUpUlYJy7IMOLqjIRQncLTa1WZZiFY/foAeB5nmaiTw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/postcss": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.13.tgz", + "integrity": "sha512-HLgx6YSFKJT7rJqh9oJs/TkBFhxuMOfUKSBEPYwV+t78POOBsdQ7crhZLzwcH3T0UyUuOzU/GK5pk5eKr3wCiQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.1.13", + "@tailwindcss/oxide": "4.1.13", + "postcss": "^8.4.41", + "tailwindcss": "4.1.13" + } + }, + "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.16", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.16.tgz", + "integrity": "sha512-WBM/nDbEZmDUORKnh5i1bTnAz6vTohUf9b8esSMu+b24+srbaxa04UbJgWx78CVfNXA20sNu0odEIluZDFdCog==", + "dev": true, + "license": "MIT", + "dependencies": { + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.1.9", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.9.tgz", + "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "@types/react": "^19.0.0" + } + }, + "node_modules/@vitejs/plugin-react": { + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.0.4.tgz", + "integrity": "sha512-La0KD0vGkVkSk6K+piWDKRUyg8Rl5iAIKRMH0vMJI0Eg47bq1eOxmoObAaQG37WMW9MSyk7Cs8EIWwJC1PtzKA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/core": "^7.28.4", + "@babel/plugin-transform-react-jsx-self": "^7.27.1", + "@babel/plugin-transform-react-jsx-source": "^7.27.1", + "@rolldown/pluginutils": "1.0.0-beta.38", + "@types/babel__core": "^7.20.5", + "react-refresh": "^0.17.0" + }, + "engines": { + "node": "^20.19.0 || >=22.12.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/autoprefixer": { + "version": "10.4.21", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz", + "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/autoprefixer" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "browserslist": "^4.24.4", + "caniuse-lite": "^1.0.30001702", + "fraction.js": "^4.3.7", + "normalize-range": "^0.1.2", + "picocolors": "^1.1.1", + "postcss-value-parser": "^4.2.0" + }, + "bin": { + "autoprefixer": "bin/autoprefixer" + }, + "engines": { + "node": "^10 || ^12 || >=14" + }, + "peerDependencies": { + "postcss": "^8.1.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/baseline-browser-mapping": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.9.tgz", + "integrity": "sha512-hY/u2lxLrbecMEWSB0IpGzGyDyeoMFQhCvZd2jGFSE5I17Fh01sYUBPCJtkWERw7zrac9+cIghxm/ytJa2X8iA==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "baseline-browser-mapping": "dist/cli.js" + } + }, + "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.26.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.2.tgz", + "integrity": "sha512-ECFzp6uFOSB+dcZ5BK/IBaGWssbSYBHvuMeMt3MMFyhI0Z8SqGgEkBLARgpRH3hutIgPVsALcMwbDrJqPxQ65A==", + "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": { + "baseline-browser-mapping": "^2.8.3", + "caniuse-lite": "^1.0.30001741", + "electron-to-chromium": "^1.5.218", + "node-releases": "^2.0.21", + "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.30001746", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001746.tgz", + "integrity": "sha512-eA7Ys/DGw+pnkWWSE/id29f2IcPHVoE8wxtvE5JdvD2V28VTDPy1yEeo11Guz0sJ4ZeGRcm3uaTcAqK1LXaphA==", + "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/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "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/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.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", + "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/detect-libc": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.1.tgz", + "integrity": "sha512-ecqj/sy1jcK1uWrwpR67UhYrIFQ+5WlGxth34WquCbamhFA6hkkwiu37o6J5xCHdo1oixJRfVRw+ywV+Hq/0Aw==", + "dev": true, + "license": "Apache-2.0", + "engines": { + "node": ">=8" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.5.227", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.227.tgz", + "integrity": "sha512-ITxuoPfJu3lsNWUi2lBM2PaBPYgH3uqmxut5vmBxgYvyI4AlJ6P3Cai1O76mOrkJCBzq0IxWg/NtqOrpu/0gKA==", + "dev": true, + "license": "ISC" + }, + "node_modules/enhanced-resolve": { + "version": "5.18.3", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz", + "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/esbuild": { + "version": "0.25.10", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz", + "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.10", + "@esbuild/android-arm": "0.25.10", + "@esbuild/android-arm64": "0.25.10", + "@esbuild/android-x64": "0.25.10", + "@esbuild/darwin-arm64": "0.25.10", + "@esbuild/darwin-x64": "0.25.10", + "@esbuild/freebsd-arm64": "0.25.10", + "@esbuild/freebsd-x64": "0.25.10", + "@esbuild/linux-arm": "0.25.10", + "@esbuild/linux-arm64": "0.25.10", + "@esbuild/linux-ia32": "0.25.10", + "@esbuild/linux-loong64": "0.25.10", + "@esbuild/linux-mips64el": "0.25.10", + "@esbuild/linux-ppc64": "0.25.10", + "@esbuild/linux-riscv64": "0.25.10", + "@esbuild/linux-s390x": "0.25.10", + "@esbuild/linux-x64": "0.25.10", + "@esbuild/netbsd-arm64": "0.25.10", + "@esbuild/netbsd-x64": "0.25.10", + "@esbuild/openbsd-arm64": "0.25.10", + "@esbuild/openbsd-x64": "0.25.10", + "@esbuild/openharmony-arm64": "0.25.10", + "@esbuild/sunos-x64": "0.25.10", + "@esbuild/win32-arm64": "0.25.10", + "@esbuild/win32-ia32": "0.25.10", + "@esbuild/win32-x64": "0.25.10" + } + }, + "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.36.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.36.0.tgz", + "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@eslint-community/eslint-utils": "^4.8.0", + "@eslint-community/regexpp": "^4.12.1", + "@eslint/config-array": "^0.21.0", + "@eslint/config-helpers": "^0.3.1", + "@eslint/core": "^0.15.2", + "@eslint/eslintrc": "^3.3.1", + "@eslint/js": "9.36.0", + "@eslint/plugin-kit": "^0.3.5", + "@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.22", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.22.tgz", + "integrity": "sha512-atkAG6QaJMGoTLc4MDAP+rqZcfwQuTIh2IqHWFLy2TEjxr0MOK+5BSG4RzL2564AAPpZkDRsZXAUz68kjnU6Ug==", + "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.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "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/fraction.js": { + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", + "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", + "dev": true, + "license": "MIT", + "engines": { + "node": "*" + }, + "funding": { + "type": "patreon", + "url": "https://github.com/sponsors/rawify" + } + }, + "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.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz", + "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "dev": true, + "license": "ISC" + }, + "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/jiti": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.0.tgz", + "integrity": "sha512-VXe6RjJkBPj0ohtqaO8vSWP3ZhAKo66fKrFNCll4BTcwljPLz03pCbaNKfzGP5MbrCYcbJ7v0nOYYwUzTEIdXQ==", + "dev": true, + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, + "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/lightningcss": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz", + "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==", + "dev": true, + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.30.1", + "lightningcss-darwin-x64": "1.30.1", + "lightningcss-freebsd-x64": "1.30.1", + "lightningcss-linux-arm-gnueabihf": "1.30.1", + "lightningcss-linux-arm64-gnu": "1.30.1", + "lightningcss-linux-arm64-musl": "1.30.1", + "lightningcss-linux-x64-gnu": "1.30.1", + "lightningcss-linux-x64-musl": "1.30.1", + "lightningcss-win32-arm64-msvc": "1.30.1", + "lightningcss-win32-x64-msvc": "1.30.1" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz", + "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz", + "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz", + "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz", + "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz", + "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz", + "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz", + "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz", + "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz", + "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz", + "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "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/magic-string": { + "version": "0.30.19", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz", + "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" + } + }, + "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/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, + "node_modules/minizlib": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz", + "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==", + "dev": true, + "license": "MIT", + "dependencies": { + "minipass": "^7.1.2" + }, + "engines": { + "node": ">= 18" + } + }, + "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.21", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.21.tgz", + "integrity": "sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==", + "dev": true, + "license": "MIT" + }, + "node_modules/normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, + "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/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", + "dev": true, + "license": "MIT" + }, + "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/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.52.3", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.3.tgz", + "integrity": "sha512-RIDh866U8agLgiIcdpB+COKnlCreHJLfIhWC3LVflku5YHfpnsIKigRZeFfMfCc4dVcqNVfQQ5gO/afOck064A==", + "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.52.3", + "@rollup/rollup-android-arm64": "4.52.3", + "@rollup/rollup-darwin-arm64": "4.52.3", + "@rollup/rollup-darwin-x64": "4.52.3", + "@rollup/rollup-freebsd-arm64": "4.52.3", + "@rollup/rollup-freebsd-x64": "4.52.3", + "@rollup/rollup-linux-arm-gnueabihf": "4.52.3", + "@rollup/rollup-linux-arm-musleabihf": "4.52.3", + "@rollup/rollup-linux-arm64-gnu": "4.52.3", + "@rollup/rollup-linux-arm64-musl": "4.52.3", + "@rollup/rollup-linux-loong64-gnu": "4.52.3", + "@rollup/rollup-linux-ppc64-gnu": "4.52.3", + "@rollup/rollup-linux-riscv64-gnu": "4.52.3", + "@rollup/rollup-linux-riscv64-musl": "4.52.3", + "@rollup/rollup-linux-s390x-gnu": "4.52.3", + "@rollup/rollup-linux-x64-gnu": "4.52.3", + "@rollup/rollup-linux-x64-musl": "4.52.3", + "@rollup/rollup-openharmony-arm64": "4.52.3", + "@rollup/rollup-win32-arm64-msvc": "4.52.3", + "@rollup/rollup-win32-ia32-msvc": "4.52.3", + "@rollup/rollup-win32-x64-gnu": "4.52.3", + "@rollup/rollup-win32-x64-msvc": "4.52.3", + "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/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/tailwindcss": { + "version": "4.1.13", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.13.tgz", + "integrity": "sha512-i+zidfmTqtwquj4hMEwdjshYYgMbOrPzb9a0M3ZgNa0JMoZeFC6bxZvO8yr8ozS6ix2SDz0+mvryPeBs2TFE+w==", + "dev": true, + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz", + "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, + "node_modules/tar": { + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz", + "integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==", + "dev": true, + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.1.0", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/tar/node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "dev": true, + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/tinyglobby": { + "version": "0.2.15", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", + "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "fdir": "^6.5.0", + "picomatch": "^4.0.3" + }, + "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.1.7", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.7.tgz", + "integrity": "sha512-VbA8ScMvAISJNJVbRDTJdCwqQoAareR/wutevKanhR2/1EkoXVZVkkORaYm/tNVCjP/UDTKtcw3bAkwOUdedmA==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.5.0", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.43.0", + "tinyglobby": "^0.2.15" + }, + "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/week2/dd/todo/package.json b/week2/dd/todo/package.json new file mode 100644 index 0000000..1d76db8 --- /dev/null +++ b/week2/dd/todo/package.json @@ -0,0 +1,32 @@ +{ + "name": "todo", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "lint": "eslint .", + "preview": "vite preview", + "tailwind:init": "tailwindcss init -p" + }, + "dependencies": { + "react": "^19.1.1", + "react-dom": "^19.1.1" + }, + "devDependencies": { + "@eslint/js": "^9.36.0", + "@tailwindcss/postcss": "^4.1.13", + "@types/react": "^19.1.13", + "@types/react-dom": "^19.1.9", + "@vitejs/plugin-react": "^5.0.3", + "autoprefixer": "^10.4.21", + "eslint": "^9.36.0", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20", + "globals": "^16.4.0", + "postcss": "^8.5.6", + "tailwindcss": "^4.1.13", + "vite": "^7.1.7" + } +} diff --git a/week2/dd/todo/postcss.config.cjs b/week2/dd/todo/postcss.config.cjs new file mode 100644 index 0000000..ce9e913 --- /dev/null +++ b/week2/dd/todo/postcss.config.cjs @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + '@tailwindcss/postcss': {}, // ์ด ๋ถ€๋ถ„์„ ๋ณ€๊ฒฝํ•ด์ฃผ์„ธ์š”! + autoprefixer: {}, + }, +} \ No newline at end of file diff --git a/week2/dd/todo/public/vite.svg b/week2/dd/todo/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/week2/dd/todo/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/week2/dd/todo/src/App.css b/week2/dd/todo/src/App.css new file mode 100644 index 0000000..b9d355d --- /dev/null +++ b/week2/dd/todo/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/week2/dd/todo/src/App.jsx b/week2/dd/todo/src/App.jsx new file mode 100644 index 0000000..448e660 --- /dev/null +++ b/week2/dd/todo/src/App.jsx @@ -0,0 +1,8 @@ +import React from "react"; +import TodoApp from "./TodoApp"; // ์ƒˆ๋กœ ๋งŒ๋“  ์ปดํฌ๋„ŒํŠธ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ + +function App() { + return ; +} + +export default App; diff --git a/week2/dd/todo/src/TodoApp.jsx b/week2/dd/todo/src/TodoApp.jsx new file mode 100644 index 0000000..e5709c6 --- /dev/null +++ b/week2/dd/todo/src/TodoApp.jsx @@ -0,0 +1,208 @@ +import React, { useEffect, useState } from "react"; + +// Simple Todo App (single-file React component) +// - Tailwind CSS utility classes used for styling (no extra imports required) +// - Default export is the component so you can drop this into a file like TodoApp.jsx +// - LocalStorage persistence, add / toggle / delete, basic accessibility + +export default function TodoApp() { + const [todos, setTodos] = useState(() => { + try { + const raw = localStorage.getItem("todos-v1"); + return raw ? JSON.parse(raw) : []; + } catch (e) { + return []; + } + }); + + const [text, setText] = useState(""); + const [filter, setFilter] = useState("all"); // all | active | completed + + useEffect(() => { + try { + localStorage.setItem("todos-v1", JSON.stringify(todos)); + } catch (e) { + // ignore + } + }, [todos]); + + function addTodo(e) { + e.preventDefault(); + const trimmed = text.trim(); + if (!trimmed) return; + const newTodo = { + id: Date.now().toString(36) + Math.random().toString(36).slice(2, 7), + text: trimmed, + done: false, + createdAt: Date.now(), + }; + setTodos((t) => [newTodo, ...t]); + setText(""); + } + + function toggle(id) { + setTodos((t) => t.map((item) => (item.id === id ? { ...item, done: !item.done } : item))); + } + + function remove(id) { + setTodos((t) => t.filter((item) => item.id !== id)); + } + + function clearCompleted() { + setTodos((t) => t.filter((item) => !item.done)); + } + + function editText(id, newText) { + setTodos((t) => t.map((item) => (item.id === id ? { ...item, text: newText } : item))); + } + + const filtered = todos.filter((t) => { + if (filter === "active") return !t.done; + if (filter === "completed") return t.done; + return true; + }); + + return ( +
+
+
+

Todo

+

์ž‘๊ณ  ๋น ๋ฅธ React + Tailwind ์˜ˆ์ œ

+
+ +
+ + setText(e.target.value)} + placeholder="ํ•  ์ผ์„ ์ž…๋ ฅํ•˜๊ณ  Enter๋ฅผ ๋ˆ„๋ฅด์„ธ์š”" + className="flex-1 px-4 py-2 border rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-slate-200" + /> + +
+ +
+
+ + + +
+ +
+ ์ด {todos.length} โ€ข ์™„๋ฃŒ {todos.filter(t => t.done).length} +
+
+ +
    + {filtered.length === 0 ? ( +
  • ํ•  ์ผ์ด ์—†์Šต๋‹ˆ๋‹ค
  • + ) : ( + filtered.map((t) => ( +
  • + toggle(t.id)} + aria-label={`์™„๋ฃŒ ์ฒดํฌ: ${t.text}`} + /> + + editText(t.id, newText)} done={t.done} /> + +
    + +
    +
  • + )) + )} +
+ +
+ + +
Tip: ํ•ญ๋ชฉ์„ ํด๋ฆญํ•˜๋ฉด ์ˆ˜์ • ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
+
+
+
+ ); +} + +// Small inline editable component +function EditableText({ value, onSave, done }) { + const [editing, setEditing] = useState(false); + const [local, setLocal] = useState(value); + + useEffect(() => setLocal(value), [value]); + + function save() { + const trimmed = local.trim(); + if (!trimmed) return; // prevent empty + onSave(trimmed); + setEditing(false); + } + + if (editing) { + return ( +
+ setLocal(e.target.value)} + onBlur={save} + onKeyDown={(e) => { + if (e.key === "Enter") save(); + if (e.key === "Escape") { + setLocal(value); + setEditing(false); + } + }} + className="w-full px-2 py-1 border rounded-md focus:outline-none" + /> +
+ ); + } + + return ( + + ); +} diff --git a/week2/dd/todo/src/assets/react.svg b/week2/dd/todo/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/week2/dd/todo/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/week2/dd/todo/src/index.css b/week2/dd/todo/src/index.css new file mode 100644 index 0000000..b5c61c9 --- /dev/null +++ b/week2/dd/todo/src/index.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; diff --git a/week2/dd/todo/src/main.jsx b/week2/dd/todo/src/main.jsx new file mode 100644 index 0000000..b9a1a6d --- /dev/null +++ b/week2/dd/todo/src/main.jsx @@ -0,0 +1,10 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import './index.css' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/week2/dd/todo/tailwind.config.js b/week2/dd/todo/tailwind.config.js new file mode 100644 index 0000000..dca8ba0 --- /dev/null +++ b/week2/dd/todo/tailwind.config.js @@ -0,0 +1,11 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: [ + "./index.html", + "./src/**/*.{js,ts,jsx,tsx}", + ], + theme: { + extend: {}, + }, + plugins: [], +} diff --git a/week2/dd/todo/vite.config.js b/week2/dd/todo/vite.config.js new file mode 100644 index 0000000..8b0f57b --- /dev/null +++ b/week2/dd/todo/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 33b7e9254a5ff142b709f8aecfcbf9749370678d Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 1 Oct 2025 02:23:48 +0900 Subject: [PATCH 4/9] =?UTF-8?q?fix:=20=ED=8F=B4=EB=8D=94=20=EC=9D=B4?= =?UTF-8?q?=EB=A6=84=20=EA=B9=80=EC=83=81=EC=A4=80=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" | 0 .../\352\271\200\354\203\201\354\244\200/todo/.gitignore" | 0 .../\352\271\200\354\203\201\354\244\200/todo/README.md" | 0 .../\352\271\200\354\203\201\354\244\200/todo/eslint.config.js" | 0 .../\352\271\200\354\203\201\354\244\200/todo/index.html" | 0 .../\352\271\200\354\203\201\354\244\200/todo/package-lock.json" | 0 .../\352\271\200\354\203\201\354\244\200/todo/package.json" | 0 .../\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" | 0 .../\352\271\200\354\203\201\354\244\200/todo/public/vite.svg" | 0 .../\352\271\200\354\203\201\354\244\200/todo/src/App.css" | 0 .../\352\271\200\354\203\201\354\244\200/todo/src/App.jsx" | 0 .../\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" | 0 .../todo/src/assets/react.svg" | 0 .../\352\271\200\354\203\201\354\244\200/todo/src/index.css" | 0 .../\352\271\200\354\203\201\354\244\200/todo/src/main.jsx" | 0 .../\352\271\200\354\203\201\354\244\200/todo/tailwind.config.js" | 0 .../\352\271\200\354\203\201\354\244\200/todo/vite.config.js" | 0 17 files changed, 0 insertions(+), 0 deletions(-) rename "week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" => "week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" (100%) rename week2/dd/todo/.gitignore => "week2/\352\271\200\354\203\201\354\244\200/todo/.gitignore" (100%) rename week2/dd/todo/README.md => "week2/\352\271\200\354\203\201\354\244\200/todo/README.md" (100%) rename week2/dd/todo/eslint.config.js => "week2/\352\271\200\354\203\201\354\244\200/todo/eslint.config.js" (100%) rename week2/dd/todo/index.html => "week2/\352\271\200\354\203\201\354\244\200/todo/index.html" (100%) rename week2/dd/todo/package-lock.json => "week2/\352\271\200\354\203\201\354\244\200/todo/package-lock.json" (100%) rename week2/dd/todo/package.json => "week2/\352\271\200\354\203\201\354\244\200/todo/package.json" (100%) rename week2/dd/todo/postcss.config.cjs => "week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" (100%) rename week2/dd/todo/public/vite.svg => "week2/\352\271\200\354\203\201\354\244\200/todo/public/vite.svg" (100%) rename week2/dd/todo/src/App.css => "week2/\352\271\200\354\203\201\354\244\200/todo/src/App.css" (100%) rename week2/dd/todo/src/App.jsx => "week2/\352\271\200\354\203\201\354\244\200/todo/src/App.jsx" (100%) rename week2/dd/todo/src/TodoApp.jsx => "week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" (100%) rename week2/dd/todo/src/assets/react.svg => "week2/\352\271\200\354\203\201\354\244\200/todo/src/assets/react.svg" (100%) rename week2/dd/todo/src/index.css => "week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" (100%) rename week2/dd/todo/src/main.jsx => "week2/\352\271\200\354\203\201\354\244\200/todo/src/main.jsx" (100%) rename week2/dd/todo/tailwind.config.js => "week2/\352\271\200\354\203\201\354\244\200/todo/tailwind.config.js" (100%) rename week2/dd/todo/vite.config.js => "week2/\352\271\200\354\203\201\354\244\200/todo/vite.config.js" (100%) diff --git "a/week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" "b/week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" similarity index 100% rename from "week2/dd/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" rename to "week2/\352\271\200\354\203\201\354\244\200/[2\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" diff --git a/week2/dd/todo/.gitignore "b/week2/\352\271\200\354\203\201\354\244\200/todo/.gitignore" similarity index 100% rename from week2/dd/todo/.gitignore rename to "week2/\352\271\200\354\203\201\354\244\200/todo/.gitignore" diff --git a/week2/dd/todo/README.md "b/week2/\352\271\200\354\203\201\354\244\200/todo/README.md" similarity index 100% rename from week2/dd/todo/README.md rename to "week2/\352\271\200\354\203\201\354\244\200/todo/README.md" diff --git a/week2/dd/todo/eslint.config.js "b/week2/\352\271\200\354\203\201\354\244\200/todo/eslint.config.js" similarity index 100% rename from week2/dd/todo/eslint.config.js rename to "week2/\352\271\200\354\203\201\354\244\200/todo/eslint.config.js" diff --git a/week2/dd/todo/index.html "b/week2/\352\271\200\354\203\201\354\244\200/todo/index.html" similarity index 100% rename from week2/dd/todo/index.html rename to "week2/\352\271\200\354\203\201\354\244\200/todo/index.html" diff --git a/week2/dd/todo/package-lock.json "b/week2/\352\271\200\354\203\201\354\244\200/todo/package-lock.json" similarity index 100% rename from week2/dd/todo/package-lock.json rename to "week2/\352\271\200\354\203\201\354\244\200/todo/package-lock.json" diff --git a/week2/dd/todo/package.json "b/week2/\352\271\200\354\203\201\354\244\200/todo/package.json" similarity index 100% rename from week2/dd/todo/package.json rename to "week2/\352\271\200\354\203\201\354\244\200/todo/package.json" diff --git a/week2/dd/todo/postcss.config.cjs "b/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" similarity index 100% rename from week2/dd/todo/postcss.config.cjs rename to "week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" diff --git a/week2/dd/todo/public/vite.svg "b/week2/\352\271\200\354\203\201\354\244\200/todo/public/vite.svg" similarity index 100% rename from week2/dd/todo/public/vite.svg rename to "week2/\352\271\200\354\203\201\354\244\200/todo/public/vite.svg" diff --git a/week2/dd/todo/src/App.css "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/App.css" similarity index 100% rename from week2/dd/todo/src/App.css rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/App.css" diff --git a/week2/dd/todo/src/App.jsx "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/App.jsx" similarity index 100% rename from week2/dd/todo/src/App.jsx rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/App.jsx" diff --git a/week2/dd/todo/src/TodoApp.jsx "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" similarity index 100% rename from week2/dd/todo/src/TodoApp.jsx rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" diff --git a/week2/dd/todo/src/assets/react.svg "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/assets/react.svg" similarity index 100% rename from week2/dd/todo/src/assets/react.svg rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/assets/react.svg" diff --git a/week2/dd/todo/src/index.css "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" similarity index 100% rename from week2/dd/todo/src/index.css rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" diff --git a/week2/dd/todo/src/main.jsx "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/main.jsx" similarity index 100% rename from week2/dd/todo/src/main.jsx rename to "week2/\352\271\200\354\203\201\354\244\200/todo/src/main.jsx" diff --git a/week2/dd/todo/tailwind.config.js "b/week2/\352\271\200\354\203\201\354\244\200/todo/tailwind.config.js" similarity index 100% rename from week2/dd/todo/tailwind.config.js rename to "week2/\352\271\200\354\203\201\354\244\200/todo/tailwind.config.js" diff --git a/week2/dd/todo/vite.config.js "b/week2/\352\271\200\354\203\201\354\244\200/todo/vite.config.js" similarity index 100% rename from week2/dd/todo/vite.config.js rename to "week2/\352\271\200\354\203\201\354\244\200/todo/vite.config.js" From e51116e27d00c365db5df4d0566f3d4d7cfb9723 Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 1 Oct 2025 14:09:40 +0900 Subject: [PATCH 5/9] =?UTF-8?q?fix:=20tailwindcss=20=EC=82=AC=EC=9A=A9?= =?UTF-8?q?=ED=95=A0=20=EC=88=98=20=EC=9E=88=EB=8F=84=EB=A1=9D=20index.css?= =?UTF-8?q?=20=EC=84=A4=EC=A0=95=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../todo/postcss.config.cjs" | 6 ------ .../todo/postcss.config.js" | 6 ++++++ .../todo/src/index.css" | 4 +--- 3 files changed, 7 insertions(+), 9 deletions(-) delete mode 100644 "week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" create mode 100644 "week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.js" diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" "b/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" deleted file mode 100644 index ce9e913..0000000 --- "a/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.cjs" +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - plugins: { - '@tailwindcss/postcss': {}, // ์ด ๋ถ€๋ถ„์„ ๋ณ€๊ฒฝํ•ด์ฃผ์„ธ์š”! - autoprefixer: {}, - }, -} \ No newline at end of file diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.js" "b/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.js" new file mode 100644 index 0000000..1c87846 --- /dev/null +++ "b/week2/\352\271\200\354\203\201\354\244\200/todo/postcss.config.js" @@ -0,0 +1,6 @@ +export default { + plugins: { + '@tailwindcss/postcss': {}, + autoprefixer: {}, + }, +} diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" index b5c61c9..f1d8c73 100644 --- "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" +++ "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/index.css" @@ -1,3 +1 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import "tailwindcss"; From c895fa3cad899269cead9da293958c4b9e445c9b Mon Sep 17 00:00:00 2001 From: sangjun Date: Wed, 1 Oct 2025 22:38:06 +0900 Subject: [PATCH 6/9] Remove .idea folder from tracking --- .idea/.gitignore | 8 -------- .idea/COW-REACT-6.iml | 9 --------- .idea/misc.xml | 6 ------ .idea/modules.xml | 8 -------- .idea/vcs.xml | 6 ------ 5 files changed, 37 deletions(-) delete mode 100644 .idea/.gitignore delete mode 100644 .idea/COW-REACT-6.iml delete mode 100644 .idea/misc.xml delete mode 100644 .idea/modules.xml delete mode 100644 .idea/vcs.xml diff --git a/.idea/.gitignore b/.idea/.gitignore deleted file mode 100644 index c3f502a..0000000 --- a/.idea/.gitignore +++ /dev/null @@ -1,8 +0,0 @@ -# ๋””ํดํŠธ ๋ฌด์‹œ๋œ ํŒŒ์ผ -/shelf/ -/workspace.xml -# ์—๋””ํ„ฐ ๊ธฐ๋ฐ˜ HTTP ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ -/httpRequests/ -# Datasource local storage ignored files -/dataSources/ -/dataSources.local.xml diff --git a/.idea/COW-REACT-6.iml b/.idea/COW-REACT-6.iml deleted file mode 100644 index d6ebd48..0000000 --- a/.idea/COW-REACT-6.iml +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml deleted file mode 100644 index 6f29fee..0000000 --- a/.idea/misc.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 16f13a1..0000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 35eb1dd..0000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file From 55dec82fc64e476c6712234f8a4b02a276b5ec7e Mon Sep 17 00:00:00 2001 From: sangjun Date: Tue, 14 Oct 2025 10:39:21 +0900 Subject: [PATCH 7/9] =?UTF-8?q?docs:=203=EC=A3=BC=EC=B0=A8=20=ED=95=99?= =?UTF-8?q?=EC=8A=B5=20=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 --- ...] \352\271\200\354\203\201\354\244\200.md" | 101 ++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 "week3/\352\271\200\354\203\201\354\244\200/[3\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" diff --git "a/week3/\352\271\200\354\203\201\354\244\200/[3\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" "b/week3/\352\271\200\354\203\201\354\244\200/[3\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" new file mode 100644 index 0000000..5f764cf --- /dev/null +++ "b/week3/\352\271\200\354\203\201\354\244\200/[3\354\243\274\354\260\250] \352\271\200\354\203\201\354\244\200.md" @@ -0,0 +1,101 @@ +# ๐Ÿ“š 3์ฃผ์ฐจ ํ•™์Šต + +## 1. Hooks๋ž€ ๋ฌด์—‡์ธ๊ฐ€? + +### ๊ฐœ๋… +Hooks๋Š” **ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ(Function Component)**์—์„œ +ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ œ๊ณตํ•˜๋˜ ๊ธฐ๋Šฅ(์ƒํƒœ ๊ด€๋ฆฌ, ์ƒ๋ช…์ฃผ๊ธฐ, ์ฐธ์กฐ ๋“ฑ)์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด์ฃผ๋Š” **ํŠน๋ณ„ํ•œ ํ•จ์ˆ˜**์ž…๋‹ˆ๋‹ค. + +- ์ฆ‰, โ€œํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋„ ์ƒํƒœ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๋„๊ตฌโ€๋ผ๊ณ  ์ดํ•ดํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. + +### ๋„์ž… ๋ฐฐ๊ฒฝ +- ์ดˆ์ฐฝ๊ธฐ React์—์„œ๋Š” **ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ๋งŒ ์ƒํƒœ(state)์™€ ์ƒ๋ช…์ฃผ๊ธฐ(lifecycle)**๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์—ˆ์Œ +- ํด๋ž˜์Šค ๋ฌธ๋ฒ•์€ `this` ๋ฐ”์ธ๋”ฉ, ๋ณต์žกํ•œ ๋กœ์ง์œผ๋กœ ์˜ค๋ฅ˜ ๋ฐœ์ƒ ๊ฐ€๋Šฅ +- React 16.8(2019) Hooks ๋„์ž… โ†’ ๊ฐ„๊ฒฐํ•˜๊ณ  ์„ ์–ธ์ ์ธ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ์ž‘์„ฑ ๊ฐ€๋Šฅ + +### ํŠน์ง• +- **ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ์ „์šฉ** (ํด๋ž˜์Šค์—์„œ๋Š” ์‚ฌ์šฉ ๋ถˆ๊ฐ€) +- **`use`๋กœ ์‹œ์ž‘ํ•˜๋Š” ์ด๋ฆ„** (useState, useEffect, useRef ๋“ฑ) +- **์ปดํฌ๋„ŒํŠธ ์ตœ์ƒ์œ„์—์„œ๋งŒ ํ˜ธ์ถœ** (์กฐ๊ฑด๋ฌธยท๋ฐ˜๋ณต๋ฌธ ์•ˆ โŒ) +- React **๋‚ด๋ถ€ ์‹œ์Šคํ…œ(Fiber)**๊ณผ ์—ฐ๊ฒฐ๋˜์–ด ์ƒํƒœ, ํšจ๊ณผ, ์ฐธ์กฐ ๋“ฑ์„ ๊ด€๋ฆฌ +- **์ƒํƒœ๊ฐ’์€ Fiber ์Šฌ๋กฏ์— ์ €์žฅ**, **setState ํ˜ธ์ถœ ์‹œ Fiber๋ฅผ ๋ฆฌ๋ Œ๋”๋ง ํ์— ๋“ฑ๋ก** + +--- + +## 2. useState + +### ๊ฐœ๋… +- ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ **์ƒํƒœ(state)๋ฅผ ๊ด€๋ฆฌ**ํ•˜๊ธฐ ์œ„ํ•œ Hook +- โ€œ๊ฐ’์ด ๋ฐ”๋€Œ๋ฉด ํ™”๋ฉด์„ ๋‹ค์‹œ ๊ทธ๋ ค์•ผ ํ•˜๋Š” ๋ฐ์ดํ„ฐโ€๋ฅผ ์ •์˜ + +### ๊ธฐ๋ณธ ์‚ฌ์šฉ ์˜ˆ์‹œ +- Counter ์ปดํฌ๋„ŒํŠธ์—์„œ count ์ƒํƒœ๋ฅผ ์ •์˜ํ•˜๊ณ  ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ์ฆ๊ฐ€์‹œํ‚ค๋Š” ์˜ˆ์‹œ +```jsx +import { useState } from "react"; + +function Counter() { + // ์ƒํƒœ ๋ณ€์ˆ˜ count์™€ ์ด๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ํ•จ์ˆ˜ setCount ์„ ์–ธ + const [count, setCount] = useState(0); // ์ดˆ๊ธฐ๊ฐ’ 0 + + return ( +
+

ํ˜„์žฌ ์นด์šดํŠธ: {count}

+ +
+ ); +} + +export default Counter; +``` + +### ์ž‘๋™ ๋ฐฉ์‹ +- **์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ฒ˜์Œ ๋ Œ๋”๋ง๋  ๋•Œ** React๊ฐ€ ๋‚ด๋ถ€ **Fiber ์Šฌ๋กฏ**์— ์ƒํƒœ ์ €์žฅ ๊ณต๊ฐ„ ์ƒ์„ฑ +- ์ƒํƒœ ๋ณ€๊ฒฝ(setState) โ†’ Fiber ์ƒํƒœ๊ฐ’ ์—…๋ฐ์ดํŠธ โ†’ ์ปดํฌ๋„ŒํŠธ **๋ฆฌ๋ Œ๋”๋ง** +- ์ƒˆ ์ƒํƒœ ๊ฐ’์ด ๋ฐ˜์˜๋œ UI๊ฐ€ ์ž๋™์œผ๋กœ ๋‹ค์‹œ ๊ทธ๋ ค์ง + +### ํŠน์ง• ์š”์•ฝ +- `[ํ˜„์žฌ๊ฐ’, ๋ณ€๊ฒฝํ•จ์ˆ˜]` ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๋ฐ˜ํ™˜ +- ์ƒํƒœ๋Š” **๋ถˆ๋ณ€์„ฑ ์œ ์ง€** (๊ธฐ์กด ๊ฐ์ฒด/๋ฐฐ์—ด์„ ์ง์ ‘ ์ˆ˜์ •ํ•˜์ง€ ์•Š๊ณ  ์ƒˆ ๊ฐ’์œผ๋กœ ๊ต์ฒด) +- React๋Š” ์ƒํƒœ ๋ณ€๊ฒฝ ์‹œ **Virtual DOM ๊ณ„์‚ฐ โ†’ ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ์‹ค์ œ DOM ๋ฐ˜์˜** +- ์ƒํƒœ๋Š” **Fiber์— ์ €์žฅ๋˜์–ด Hook ํ˜ธ์ถœ ๊ฐ„ ๊ฐ’์ด ์œ ์ง€** + +--- + +## 3. useEffect + +### ๊ฐœ๋… +- ์ปดํฌ๋„ŒํŠธ์˜ **๋ถ€์ˆ˜ ํšจ๊ณผ(side effects)**๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ Hook +- ๋ถ€์ˆ˜ ํšจ๊ณผ = ๋ Œ๋”๋ง ์ด์™ธ์— ๋ฐœ์ƒํ•˜๋Š” ์™ธ๋ถ€ ์—ฐ๋™ ๋™์ž‘ + - ์˜ˆ: ์„œ๋ฒ„ ์š”์ฒญ(fetch), DOM ์กฐ์ž‘, ํƒ€์ด๋จธ, ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ๋“ฑ +- โ€œ๋ Œ๋”๋ง ์ดํ›„์— ํ•ด์•ผ ํ•  ์ผโ€ ๋‹ด๋‹น + +### ๊ธฐ๋ณธ ์‚ฌ์šฉ ์˜ˆ์‹œ +- count ์ƒํƒœ๊ฐ€ ๋ฐ”๋€” ๋•Œ๋งˆ๋‹ค ๋ฌธ์„œ ์ œ๋ชฉ(document.title)์„ ์—…๋ฐ์ดํŠธํ•˜๋Š” ์˜ˆ์‹œ +- ํƒ€์ด๋จธ, ๊ตฌ๋… ๋“ฑ ๋ฆฌ์†Œ์Šค๋ฅผ ์ •๋ฆฌ(clean-up)ํ•˜๋Š” ์˜ˆ์‹œ +```jsx +import { useEffect } from "react"; + +function Timer() { + useEffect(() => { + const id = setInterval(() => console.log("tick"), 1000); + + // cleanup ํ•จ์ˆ˜: ์ปดํฌ๋„ŒํŠธ ์–ธ๋งˆ์šดํŠธ ์‹œ ํƒ€์ด๋จธ ์ œ๊ฑฐ + return () => clearInterval(id); + }, []); // ๋นˆ ๋ฐฐ์—ด -> ์ฒ˜์Œ ๋ Œ๋”๋ง ์‹œ 1๋ฒˆ๋งŒ ์‹คํ–‰ + + return

ํƒ€์ด๋จธ ์‹คํ–‰ ์ค‘...

; +} + +export default Timer; +``` + +### ์ž‘๋™ ๋ฐฉ์‹ +- ๋ Œ๋”๋ง **์™„๋ฃŒ ํ›„** React๊ฐ€ useEffect ์•ˆ ์ฝœ๋ฐฑ ์‹คํ–‰ +- ์˜์กด์„ฑ ๋ฐฐ์—ด์— ์ง€์ •๋œ ๊ฐ’์ด ๋ฐ”๋€” ๋•Œ๋งŒ effect ์‹คํ–‰ +- **cleanup ํ•จ์ˆ˜** ๋ฐ˜ํ™˜ ์‹œ, ์ปดํฌ๋„ŒํŠธ ์–ธ๋งˆ์šดํŠธ ๋˜๋Š” ๋‹ค์Œ effect ์‹คํ–‰ ์ „์— ์ˆ˜ํ–‰ + +### ํŠน์ง• ์š”์•ฝ +- ๋ Œ๋”๋ง ์ดํ›„ ์‹คํ–‰๋˜๋Š” ํ›„์ฒ˜๋ฆฌ ์ž‘์—… +- ์ƒํƒœ ๋ณ€๊ฒฝ ํ›„ ์‹คํ–‰ ๊ฐ€๋Šฅ โ†’ ํ™”๋ฉด๊ณผ ๋ฐ์ดํ„ฐ ๋™๊ธฐํ™” +- Fiber์˜ **effect ์Šฌ๋กฏ**์— ์ฝœ๋ฐฑ ๋“ฑ๋ก, ๋ Œ๋”๋ง ํ๋ฆ„๊ณผ ์—ฐ๊ฒฐ +- cleanup ์ง€์› โ†’ ํƒ€์ด๋จธ, ๊ตฌ๋… ํ•ด์ œ ๋“ฑ ์•ˆ์ „ํ•œ ๋ฆฌ์†Œ์Šค ๊ด€๋ฆฌ ๊ฐ€๋Šฅ From 1e669c9eebcc0edcc9828f00fa5d9c5825d6041f Mon Sep 17 00:00:00 2001 From: sangjun Date: Tue, 14 Oct 2025 14:32:15 +0900 Subject: [PATCH 8/9] =?UTF-8?q?refactor:=20TodoItem,=20EditableText=20?= =?UTF-8?q?=ED=8C=8C=EC=9D=BC,=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?= =?UTF-8?q?=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../todo/src/TodoApp.jsx" | 110 +++++------------- 1 file changed, 31 insertions(+), 79 deletions(-) diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" index e5709c6..7b7ad06 100644 --- "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" +++ "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoApp.jsx" @@ -1,9 +1,5 @@ import React, { useEffect, useState } from "react"; - -// Simple Todo App (single-file React component) -// - Tailwind CSS utility classes used for styling (no extra imports required) -// - Default export is the component so you can drop this into a file like TodoApp.jsx -// - LocalStorage persistence, add / toggle / delete, basic accessibility +import TodoItem from "./TodoItem"; // ๋ถ„๋ฆฌ๋œ ์ปดํฌ๋„ŒํŠธ import export default function TodoApp() { const [todos, setTodos] = useState(() => { @@ -41,7 +37,9 @@ export default function TodoApp() { } function toggle(id) { - setTodos((t) => t.map((item) => (item.id === id ? { ...item, done: !item.done } : item))); + setTodos((t) => + t.map((item) => (item.id === id ? { ...item, done: !item.done } : item)) + ); } function remove(id) { @@ -53,7 +51,9 @@ export default function TodoApp() { } function editText(id, newText) { - setTodos((t) => t.map((item) => (item.id === id ? { ...item, text: newText } : item))); + setTodos((t) => + t.map((item) => (item.id === id ? { ...item, text: newText } : item)) + ); } const filtered = todos.filter((t) => { @@ -94,54 +94,50 @@ export default function TodoApp() {
- ์ด {todos.length} โ€ข ์™„๋ฃŒ {todos.filter(t => t.done).length} + ์ด {todos.length} โ€ข ์™„๋ฃŒ{" "} + + {todos.filter((t) => t.done).length} +
-
    +
      {filtered.length === 0 ? (
    • ํ•  ์ผ์ด ์—†์Šต๋‹ˆ๋‹ค
    • ) : ( filtered.map((t) => ( -
    • - toggle(t.id)} - aria-label={`์™„๋ฃŒ ์ฒดํฌ: ${t.text}`} - /> - - editText(t.id, newText)} done={t.done} /> - -
      - -
      -
    • + )) )}
    @@ -154,55 +150,11 @@ export default function TodoApp() { ์™„๋ฃŒ๋œ ํ•ญ๋ชฉ ์ง€์šฐ๊ธฐ -
    Tip: ํ•ญ๋ชฉ์„ ํด๋ฆญํ•˜๋ฉด ์ˆ˜์ • ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
    +
    + Tip: ํ•ญ๋ชฉ์„ ํด๋ฆญํ•˜๋ฉด ์ˆ˜์ • ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. +
    ); } - -// Small inline editable component -function EditableText({ value, onSave, done }) { - const [editing, setEditing] = useState(false); - const [local, setLocal] = useState(value); - - useEffect(() => setLocal(value), [value]); - - function save() { - const trimmed = local.trim(); - if (!trimmed) return; // prevent empty - onSave(trimmed); - setEditing(false); - } - - if (editing) { - return ( -
    - setLocal(e.target.value)} - onBlur={save} - onKeyDown={(e) => { - if (e.key === "Enter") save(); - if (e.key === "Escape") { - setLocal(value); - setEditing(false); - } - }} - className="w-full px-2 py-1 border rounded-md focus:outline-none" - /> -
    - ); - } - - return ( - - ); -} From af56c0e37d6621a880345a2abeacc8c69b6cc45a Mon Sep 17 00:00:00 2001 From: sangjun Date: Tue, 14 Oct 2025 14:32:44 +0900 Subject: [PATCH 9/9] =?UTF-8?q?refactor:=20TodoItem,=20EditableText=20?= =?UTF-8?q?=ED=8C=8C=EC=9D=BC,=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?= =?UTF-8?q?=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../todo/src/EditableText.jsx" | 48 +++++++++++++++++++ .../todo/src/TodoItem.jsx" | 31 ++++++++++++ 2 files changed, 79 insertions(+) create mode 100644 "week2/\352\271\200\354\203\201\354\244\200/todo/src/EditableText.jsx" create mode 100644 "week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoItem.jsx" diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/EditableText.jsx" "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/EditableText.jsx" new file mode 100644 index 0000000..3ef7065 --- /dev/null +++ "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/EditableText.jsx" @@ -0,0 +1,48 @@ +import React, { useEffect, useState } from "react"; + +export default function EditableText({ value, onSave, done }) { + const [editing, setEditing] = useState(false); + const [local, setLocal] = useState(value); + + useEffect(() => setLocal(value), [value]); + + function save() { + const trimmed = local.trim(); + if (!trimmed) return; + onSave(trimmed); + setEditing(false); + } + + if (editing) { + return ( +
    + setLocal(e.target.value)} + onBlur={save} + onKeyDown={(e) => { + if (e.key === "Enter") save(); + if (e.key === "Escape") { + setLocal(value); + setEditing(false); + } + }} + className="w-full px-2 py-1 border rounded-md focus:outline-none" + /> +
    + ); + } + + return ( + + ); +} diff --git "a/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoItem.jsx" "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoItem.jsx" new file mode 100644 index 0000000..e947e21 --- /dev/null +++ "b/week2/\352\271\200\354\203\201\354\244\200/todo/src/TodoItem.jsx" @@ -0,0 +1,31 @@ +import React from "react"; +import EditableText from "./EditableText"; + +export default function TodoItem({ todo, onToggle, onRemove, onEdit }) { + return ( +
  • + onToggle(todo.id)} + aria-label={`์™„๋ฃŒ ์ฒดํฌ: ${todo.text}`} + /> + + onEdit(todo.id, newText)} + done={todo.done} + /> + +
    + +
    +
  • + ); +}