From b08b092ec8fca21b738ce9e2433b116031a0a97b Mon Sep 17 00:00:00 2001 From: Antigravity Agent Date: Sun, 26 Apr 2026 15:31:26 +0900 Subject: [PATCH] chore(wiki): reinforce knowledge batch #11-#12 (240 docs milestone) --- ...Weapon_Nerf_Background_Scroll_Stability.md | 177 ++++++++++++++++++ ...utton_Fit_and_NoScroll_Tactical_Upgrade.md | 77 ++++++++ ...-Skybound_Tactical_Bomb_SFX_Routing_Fix.md | 69 +++++++ 00_Raw/AI Answer Engine Optimization.md | 19 ++ 00_Raw/Accessibility Compliance (ADA-EAA).md | 31 +++ 00_Raw/Code Splitting.md | 22 +++ 00_Raw/Core Web Vitals ์ตœ์ ํ™”.md | 31 +++ 00_Raw/E-commerce Migration Case Study.md | 24 +++ ...ommerce Migration to Next.js Case Study.md | 17 ++ 00_Raw/First Contentful Paint (FCP).md | 21 +++ 00_Raw/Frontend Performance Optimization.md | 30 +++ 00_Raw/Modern Website Architecture.md | 25 +++ 00_Raw/Next.js Framework.md | 22 +++ 00_Raw/Next.js SSR Implementation.md | 18 ++ ...œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€.md | 26 +++ 00_Raw/POUR Principles.md | 18 ++ 00_Raw/React Application SEO Migration.md | 26 +++ 00_Raw/React Router URL Configuration.md | 31 +++ ...˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต.md | 29 +++ 00_Raw/React SEO Optimization.md | 32 ++++ 00_Raw/SEO Integration.md | 19 ++ 00_Raw/Schema Markup.md | 27 +++ 00_Raw/Semantic HTML.md | 17 ++ 00_Raw/Semantic HTML5.md | 17 ++ 00_Raw/Single Page Application (SPA).md | 27 +++ 00_Raw/Static Site Generation (SSG).md | 20 ++ 00_Raw/Structured Data (Schema Markup).md | 21 +++ 00_Raw/Time to First Byte (TTFB).md | 22 +++ 00_Raw/User Experience (UX).md | 31 +++ ... ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ.md | 22 +++ ...๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค.md | 31 +++ 10_Wiki/Topics/AI/Frontend-Architecture.md | 30 +++ 10_Wiki/Topics/AI/Functional-Programming.md | 34 ++-- 10_Wiki/Topics/AI/Fuzzy-Logic.md | 28 +++ .../Topics/AI/G-Stack-Integration-Guide.md | 31 +++ 10_Wiki/Topics/AI/GAN.md | 36 ++-- 10_Wiki/Topics/AI/GNN.md | 29 +++ .../Topics/AI/GPT-Architecture-Foundations.md | 28 +++ 10_Wiki/Topics/AI/GPU-Architecture.md | 29 +++ .../Topics/AI/GPU-Programming-with-CUDA.md | 29 +++ 10_Wiki/Topics/AI/GRU.md | 28 +++ 10_Wiki/Topics/AI/Game-Balance-Modeling.md | 29 +++ 10_Wiki/Topics/AI/Game-Theory-in-AI.md | 29 +++ 10_Wiki/Topics/AI/Gaussian-Processes.md | 26 +-- 10_Wiki/Topics/AI/Generalization-in-AI.md | 31 +++ 10_Wiki/Topics/AI/Generative-AI-Impact.md | 29 +++ 10_Wiki/Topics/AI/Genetic-Algorithms.md | 26 +-- 10_Wiki/Topics/AI/Geometric-Deep-Learning.md | 31 +++ 10_Wiki/Topics/AI/Gestalt-Principles in UX.md | 30 +++ 10_Wiki/Topics/AI/Gimbals-and-Orientation.md | 29 +++ 10_Wiki/Topics/AI/Git-Version-Control.md | 29 +++ 10_Wiki/Topics/AI/Global-vs-Local-Optima.md | 31 +++ .../Topics/AI/Gradient-Boosting-Machines.md | 30 +++ 10_Wiki/Topics/AI/Gradient-Descent.md | 39 ++-- 10_Wiki/Topics/AI/Graph-Theory.md | 28 +-- 10_Wiki/Topics/AI/Greedy-Algorithms.md | 29 +++ 10_Wiki/Topics/AI/HMM.md | 28 +++ 10_Wiki/Topics/AI/Hallucination-in-LLMs.md | 32 ++++ .../Topics/AI/Hardware-Acceleration-for-AI.md | 32 ++++ 10_Wiki/Topics/AI/Hash-Functions-and-Maps.md | 28 +++ 10_Wiki/Topics/AI/Heuristic-Search.md | 28 +++ .../Topics/AI/High-Availability-Systems.md | 29 +++ 10_Wiki/Topics/AI/Homomorphic-Encryption.md | 28 +++ .../AI/Human-Computer-Interaction-HCI.md | 29 +++ 10_Wiki/Topics/AI/Human-in-the-loop-AI.md | 28 +++ .../Topics/AI/Hybrid-Cloud-Architectures.md | 29 +++ .../Topics/AI/Hyperparameter-Optimization.md | 25 +-- 10_Wiki/Topics/AI/Hypothesis-Testing.md | 29 +++ .../Topics/AI/Image-Classification-Mastery.md | 28 +++ .../AI/Image-Segmentation-Techniques.md | 29 +++ 10_Wiki/Topics/AI/Imbalanced-Data-Handling.md | 32 ++++ 71 files changed, 2075 insertions(+), 106 deletions(-) create mode 100644 00_Raw/2026-04-26-Skybound_Combat_SFX_Weapon_Nerf_Background_Scroll_Stability.md create mode 100644 00_Raw/2026-04-26-Skybound_HUD_Dock_Button_Fit_and_NoScroll_Tactical_Upgrade.md create mode 100644 00_Raw/2026-04-26-Skybound_Tactical_Bomb_SFX_Routing_Fix.md create mode 100644 00_Raw/AI Answer Engine Optimization.md create mode 100644 00_Raw/Accessibility Compliance (ADA-EAA).md create mode 100644 00_Raw/Code Splitting.md create mode 100644 00_Raw/Core Web Vitals ์ตœ์ ํ™”.md create mode 100644 00_Raw/E-commerce Migration Case Study.md create mode 100644 00_Raw/E-commerce Migration to Next.js Case Study.md create mode 100644 00_Raw/First Contentful Paint (FCP).md create mode 100644 00_Raw/Frontend Performance Optimization.md create mode 100644 00_Raw/Modern Website Architecture.md create mode 100644 00_Raw/Next.js Framework.md create mode 100644 00_Raw/Next.js SSR Implementation.md create mode 100644 00_Raw/Next.js ๋˜๋Š” Remix๋ฅผ ํ™œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€.md create mode 100644 00_Raw/POUR Principles.md create mode 100644 00_Raw/React Application SEO Migration.md create mode 100644 00_Raw/React Router URL Configuration.md create mode 100644 00_Raw/React Router ๊ธฐ๋ฐ˜์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต.md create mode 100644 00_Raw/React SEO Optimization.md create mode 100644 00_Raw/SEO Integration.md create mode 100644 00_Raw/Schema Markup.md create mode 100644 00_Raw/Semantic HTML.md create mode 100644 00_Raw/Semantic HTML5.md create mode 100644 00_Raw/Single Page Application (SPA).md create mode 100644 00_Raw/Static Site Generation (SSG).md create mode 100644 00_Raw/Structured Data (Schema Markup).md create mode 100644 00_Raw/Time to First Byte (TTFB).md create mode 100644 00_Raw/User Experience (UX).md create mode 100644 00_Raw/๋ฒ•์  ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ.md create mode 100644 00_Raw/์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค.md create mode 100644 10_Wiki/Topics/AI/Frontend-Architecture.md create mode 100644 10_Wiki/Topics/AI/Fuzzy-Logic.md create mode 100644 10_Wiki/Topics/AI/G-Stack-Integration-Guide.md create mode 100644 10_Wiki/Topics/AI/GNN.md create mode 100644 10_Wiki/Topics/AI/GPT-Architecture-Foundations.md create mode 100644 10_Wiki/Topics/AI/GPU-Architecture.md create mode 100644 10_Wiki/Topics/AI/GPU-Programming-with-CUDA.md create mode 100644 10_Wiki/Topics/AI/GRU.md create mode 100644 10_Wiki/Topics/AI/Game-Balance-Modeling.md create mode 100644 10_Wiki/Topics/AI/Game-Theory-in-AI.md create mode 100644 10_Wiki/Topics/AI/Generalization-in-AI.md create mode 100644 10_Wiki/Topics/AI/Generative-AI-Impact.md create mode 100644 10_Wiki/Topics/AI/Geometric-Deep-Learning.md create mode 100644 10_Wiki/Topics/AI/Gestalt-Principles in UX.md create mode 100644 10_Wiki/Topics/AI/Gimbals-and-Orientation.md create mode 100644 10_Wiki/Topics/AI/Git-Version-Control.md create mode 100644 10_Wiki/Topics/AI/Global-vs-Local-Optima.md create mode 100644 10_Wiki/Topics/AI/Gradient-Boosting-Machines.md create mode 100644 10_Wiki/Topics/AI/Greedy-Algorithms.md create mode 100644 10_Wiki/Topics/AI/HMM.md create mode 100644 10_Wiki/Topics/AI/Hallucination-in-LLMs.md create mode 100644 10_Wiki/Topics/AI/Hardware-Acceleration-for-AI.md create mode 100644 10_Wiki/Topics/AI/Hash-Functions-and-Maps.md create mode 100644 10_Wiki/Topics/AI/Heuristic-Search.md create mode 100644 10_Wiki/Topics/AI/High-Availability-Systems.md create mode 100644 10_Wiki/Topics/AI/Homomorphic-Encryption.md create mode 100644 10_Wiki/Topics/AI/Human-Computer-Interaction-HCI.md create mode 100644 10_Wiki/Topics/AI/Human-in-the-loop-AI.md create mode 100644 10_Wiki/Topics/AI/Hybrid-Cloud-Architectures.md create mode 100644 10_Wiki/Topics/AI/Hypothesis-Testing.md create mode 100644 10_Wiki/Topics/AI/Image-Classification-Mastery.md create mode 100644 10_Wiki/Topics/AI/Image-Segmentation-Techniques.md create mode 100644 10_Wiki/Topics/AI/Imbalanced-Data-Handling.md diff --git a/00_Raw/2026-04-26-Skybound_Combat_SFX_Weapon_Nerf_Background_Scroll_Stability.md b/00_Raw/2026-04-26-Skybound_Combat_SFX_Weapon_Nerf_Background_Scroll_Stability.md new file mode 100644 index 00000000..44c55c82 --- /dev/null +++ b/00_Raw/2026-04-26-Skybound_Combat_SFX_Weapon_Nerf_Background_Scroll_Stability.md @@ -0,0 +1,177 @@ +# Skybound Combat SFX Weapon Nerf Background Scroll Stability + +์ž‘์„ฑ์ผ: 2026-04-26 15:29 KST + +## ์š”์ฒญ ์š”์•ฝ + +- ๋ชจ๋“  ์Šคํ‚ฌ์˜ ํ”ผ๊ฒฉ ํšจ๊ณผ์Œ์ด ์—†๋Š” ๊ฒƒ ๊ฐ™๋‹ค. +- ์ ๊ธฐ์˜ ํƒ„ํ™˜์— ํ”Œ๋ ˆ์ด์–ด๊ฐ€ ๋งž์•˜์„ ๋•Œ ํ”ผ๊ฒฉ์Œ์ด ํ•„์š”ํ•˜๋‹ค. +- ์ ๊ธฐ๊ฐ€ ํƒ„ํ™˜์„ ๋ฐœ์‚ฌํ•  ๋•Œ๋„ ๋ฐœ์‚ฌ์Œ์ด ํ•„์š”ํ•˜๋‹ค. +- Stage 1~3 ํ”Œ๋ ˆ์ด ๊ธฐ์ค€ ๋ฌด๊ธฐ ์—…๊ทธ๋ ˆ์ด๋“œ๊ฐ€ ๋„ˆ๋ฌด ์‰ฝ๊ฒŒ ๊ฐ•ํ•ด์ ธ Stage 1 ํด๋ฆฌ์–ด ํ›„ ์ฒœํ•˜๋ฌด์ ์ฒ˜๋Ÿผ ๋Š๊ปด์ง„๋‹ค. +- Stage 8๊นŒ์ง€ ์žˆ๋Š” ๊ฒŒ์ž„์ธ๋ฐ ์ดˆ๋ฐ˜ ์„ฑ์žฅ ์ƒํ–ฅํญ์ด ์‹ฌ๊ฐํ•˜๊ฒŒ ์˜ค๋ฒ„์ŠคํŽ™์ด๋‹ค. +- ๋ฐฐ๊ฒฝ ์Šคํฌ๋กค ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ฆฌ๋ฏ€๋กœ ์•ฝ 3๋ฐฐ ๋น ๋ฅด๊ฒŒ ์กฐ์ •ํ•ด ์†๋„๊ฐ์„ ๋†’์ด๊ณ  ์‹ถ๋‹ค. +- ํŠน์ • ์Šคํ‚ฌ ์‚ฌ์šฉ ์‹œ ๋ฐฐ๊ฒฝ์ด ์œ„์•„๋ž˜๋กœ ํŠ€๋Š” ๋Š๋‚Œ์ด ์žˆ์–ด ๋ž™์ฒ˜๋Ÿผ ๋ณด์ธ๋‹ค. +- ์Šคํ‚ฌ๊ณผ ์ƒ๊ด€์—†์ด ๋ฐฐ๊ฒฝ์€ ์ž์—ฐ์Šค๋Ÿฝ๊ณ  ์ผ์ •ํ•˜๊ฒŒ ์›€์ง์—ฌ์•ผ ํ•œ๋‹ค. + +## ํ•ต์‹ฌ ๋ฌธ์ œ + +์ด๋ฒˆ ๋ฌธ์ œ๋Š” ์„ธ ๊ฐ€์ง€ ์‹œ์Šคํ…œ์ด ๋™์‹œ์— ์—ฐ๊ฒฐ๋˜์–ด ์žˆ์—ˆ๋‹ค. + +### Combat SFX ๋ผ์šฐํŒ… ๋ˆ„๋ฝ + +๊ฒŒ์ž„ ๋‚ด๋ถ€์—์„œ๋Š” `hit`, `crit-hit`, `explosion_medium`, `enemy-fire`, `bomb-trigger` ๊ฐ™์€ SFX ์ด๋ฒคํŠธ ์ด๋ฆ„์ด ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. + +ํ•˜์ง€๋งŒ ์ผ๋ถ€ ์ด๋ฒคํŠธ ์ด๋ฆ„์€ ์‹ค์ œ wav ๋ฒ„ํผ๊ฐ€ ์—†๊ฑฐ๋‚˜ ์ ˆ์ฐจ์  ์‚ฌ์šด๋“œ ํ•จ์ˆ˜๋กœ ์—ฐ๊ฒฐ๋˜์ง€ ์•Š์•˜๋‹ค. + +๊ทธ ๊ฒฐ๊ณผ: + +- ์Šคํ‚ฌ์ด ์ ์„ ๋งžํ˜€๋„ ํ”ผ๊ฒฉ ์‚ฌ์šด๋“œ๊ฐ€ ๊ฑฐ์˜ ๋“ค๋ฆฌ์ง€ ์•Š์•˜๋‹ค. +- ์  ํƒ„ํ™˜ ๋ฐœ์‚ฌ์Œ์ด ์—†์—ˆ๋‹ค. +- ํ”Œ๋ ˆ์ด์–ด ํ”ผ๊ฒฉ์Œ๋„ ์ƒํ™ฉ๋ณ„๋กœ ์ถฉ๋ถ„ํžˆ ๊ตฌ๋ถ„๋˜์ง€ ์•Š์•˜๋‹ค. + +### ์„ฑ์žฅ ๊ณก์„  ๊ณผ์ƒ์Šน + +๋ฌด๊ธฐ ๋ ˆ๋ฒจ์—…๊ณผ ํŒจ์‹œ๋ธŒ ํšจ๊ณผ๊ฐ€ ์ดˆ๋ฐ˜๋ถ€ํ„ฐ ๋„ˆ๋ฌด ํฐ ํญ์œผ๋กœ ์ƒ์Šนํ–ˆ๋‹ค. + +ํŠนํžˆ ๋‹ค์Œ ์š”์†Œ๊ฐ€ ์ดˆ๋ฐ˜ ๋ฌด์ ๊ฐ์„ ๋งŒ๋“ค์—ˆ๋‹ค. + +- ๋ฌด๊ธฐ ๋ฐ์ดํ„ฐ์˜ `perLevel` ์ฆ๊ฐ€ํญ +- Fire Rate / Damage Amp / Cooldown Reduce ํŒจ์‹œ๋ธŒ +- ์ผ๋ถ€ Legacy ๋ฌด๊ธฐ ์‹œ์Šคํ…œ์˜ ๋ณ„๋„ ์„ฑ์žฅ ์ˆ˜์น˜ +- EVO ๋ณด๋„ˆ์Šค์˜ ๊ณผ๋„ํ•œ ๋ฐฐ์œจ + +Stage 1~3์—์„œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋นŒ๋“œ ๋ฐฉํ–ฅ์„ ์žก๋Š” ๋‹จ๊ณ„์—ฌ์•ผ ํ•˜๋Š”๋ฐ, ๊ธฐ์กด ์ˆ˜์น˜๋Š” ์ด๋ฏธ ์—”๋“œ๊ฒŒ์ž„๊ธ‰ ํšจ์œจ์„ ๋„ˆ๋ฌด ๋นจ๋ฆฌ ์ œ๊ณตํ–ˆ๋‹ค. + +### ๋ฐฐ๊ฒฝ ์Šคํฌ๋กค๊ณผ ํ™”๋ฉด ํ”๋“ค๋ฆผ ๊ฒฐํ•ฉ + +๊ธฐ์กด ๋ Œ๋”๋ง ์ˆœ์„œ๋Š” ํ™”๋ฉด ํ”๋“ค๋ฆผ์„ ๋จผ์ € ์ ์šฉํ•œ ๋’ค ๋ฐฐ๊ฒฝ์„ ๊ทธ๋ ธ๋‹ค. + +๊ทธ๋ž˜์„œ ์Šคํ‚ฌ์ด๋‚˜ ํฌ๋ฆฌํ‹ฐ์ปฌ์ด `shakeAmount`๋ฅผ ํฌ๊ฒŒ ๋งŒ๋“ค๋ฉด ๋ฐฐ๊ฒฝ๊นŒ์ง€ ๊ฐ™์ด ํ”๋“ค๋ ธ๋‹ค. + +๋˜ํ•œ ๋ฐฐ๊ฒฝ ์Šคํฌ๋กค ์†๋„๊ฐ€ `tensionLevel`๊ณผ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ์–ด ์ƒํ™ฉ์— ๋”ฐ๋ผ ์†๋„๊ฐ€ ๋ฏธ์„ธํ•˜๊ฒŒ ๋ฐ”๋€Œ๋ฉฐ ๋œ ์•ˆ์ •์ ์œผ๋กœ ๋ณด์ผ ์ˆ˜ ์žˆ์—ˆ๋‹ค. + +## ์ ์šฉํ•œ ๋ณ€๊ฒฝ + +### Combat SFX ์ ˆ์ฐจ์  ๋ผ์šฐํŒ… ์ถ”๊ฐ€ + +`AudioManager`์— ๋‹ค์Œ SFX ๋ผ์šฐํŒ…์„ ์ถ”๊ฐ€ํ–ˆ๋‹ค. + +- `hit` +- `skill-impact` +- `deep-hit` +- `impact_heavy` +- `crit-hit` +- `enemy-fire` +- `sniper-shot` +- `enemy-explode` +- `explosion_medium` +- `nova-burst` +- `nova-guardian` +- `gatling-fire` +- `drone-fire` + +์™ธ๋ถ€ wav ํŒŒ์ผ์ด ์—†์–ด๋„ Web Audio ๊ธฐ๋ฐ˜ ์ ˆ์ฐจ์  ์‚ฌ์šด๋“œ๊ฐ€ ์žฌ์ƒ๋˜๋„๋ก ํ–ˆ๋‹ค. + +๋˜ํ•œ ๋„ˆ๋ฌด ๋งŽ์€ ํƒ€๊ฒฉ์Œ์ด ๋™์‹œ์— ๋‚˜์ง€ ์•Š๋„๋ก ์งง์€ throttle์„ ๋„ฃ์—ˆ๋‹ค. + +### ์Šคํ‚ฌ๋ณ„ ํ”ผ๊ฒฉ/๋ฐœ์‚ฌ ์ด๋ฒคํŠธ ๋ณด๊ฐ• + +`WeaponBehaviorEngine`์— ์Šคํ‚ฌ ์ถฉ๋Œ ์‚ฌ์šด๋“œ ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋‹ค. + +์ ์šฉ ๋Œ€์ƒ: + +- Beam ๊ณ„์—ด ํƒ€๊ฒฉ +- Orbit ๊ณ„์—ด ์ ‘์ด‰ ํƒ€๊ฒฉ +- Auto Target ๊ณ„์—ด ํƒ€๊ฒฉ +- Zone ๊ณ„์—ด ์ง€์† ํ”ผํ•ด +- Zone ํญ๋ฐœ ํ”ผํ•ด +- Drone ๋ฐœ์‚ฌ +- Data-driven projectile ๋ฐœ์‚ฌ + +`CombatSystem`์—๋Š” ์ ๊ธฐ ๋ฐœ์‚ฌ ์‹œ `enemy-fire` ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋‹ค. + +ํ”Œ๋ ˆ์ด์–ด ํ”ผ๊ฒฉ์€ `PLAYER_HIT` ์ด๋ฒคํŠธ์˜ `sfx` ๊ฐ’์— ๋”ฐ๋ผ ๊ฐ€๋ฒผ์šด ํ”ผ๊ฒฉ์Œ ๋˜๋Š” ๊นŠ์€ ํ”ผ๊ฒฉ์Œ์œผ๋กœ ๋‚˜๋ˆ  ์žฌ์ƒํ•˜๋„๋ก ํ–ˆ๋‹ค. + +### ๋ฌด๊ธฐ/ํŒจ์‹œ๋ธŒ ์„ฑ์žฅํญ ๋Œ€ํญ ๊ฐ์†Œ + +`weaponBehaviors.resolveValue()`์—์„œ ๋ ˆ๋ฒจ๋‹น ์ฆ๊ฐ€ํญ์„ 42%๋งŒ ๋ฐ˜์˜ํ•˜๋„๋ก ์กฐ์ •ํ–ˆ๋‹ค. + +์˜๋„: + +- ๋ ˆ๋ฒจ์—…์ด ๋นŒ๋“œ ํ™•์žฅ์œผ๋กœ ๋Š๊ปด์ง€๋˜, ์ดˆ๋ฐ˜๋ถ€ํ„ฐ ์ ์„ ํ™”๋ฉด ๋ฐ–์—์„œ ์‚ญ์ œํ•˜์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค. +- Stage 1~3์—์„œ ์„ฑ์žฅ ์—ฌ์ง€๋ฅผ ๋‚จ๊ธฐ๊ณ  Stage 8๊นŒ์ง€ ์ง€์†๋  ๊ณก์„ ์„ ๋งŒ๋“ ๋‹ค. + +์ถ”๊ฐ€๋กœ ๋‹ค์Œ ์ˆ˜์น˜๋„ ๋‚ฎ์ท„๋‹ค. + +- Fire Rate Boost: +10% โ†’ +4% per level +- Damage Amp: +10% โ†’ +4% per level +- Cooldown Reduce: -6% โ†’ -2.5% per level +- Armor Plating: -5% โ†’ -2.5% per level +- Crit Scanner: +5% โ†’ +2% per level +- Speed Boost: +8% โ†’ +4% per level + +EVO ๋ณด๋„ˆ์Šค๋„ ์ „๋ฐ˜์ ์œผ๋กœ ๋‚ฎ์ถฐ, ์ง„ํ™”๊ฐ€ ๊ฐ•๋ ฅํ•œ ์„ ํƒ์ง€๋Š” ๋˜์ง€๋งŒ ์ฆ‰์‹œ ๊ฒŒ์ž„์„ ๋๋‚ด๋Š” ์ˆ˜์ค€์ด ๋˜์ง€ ์•Š๊ฒŒ ํ–ˆ๋‹ค. + +### Legacy ๋ฌด๊ธฐ ์„ฑ์žฅ๋„ ์กฐ์ • + +๋ณ„๋„ ์ฝ”๋“œ๋กœ ๋™์ž‘ํ•˜๋˜ Legacy ๋ฌด๊ธฐ๋„ ํ•จ๊ป˜ ๋‚ฎ์ท„๋‹ค. + +์ ์šฉ: + +- Energy Shield ๊ฐœ์ˆ˜/์†๋„ ๊ฐ์†Œ +- Gatling cooldown/damage/speed ํ•˜ํ–ฅ +- Plasma Guard ํ”ผํ•ด๋Ÿ‰ ํ•˜ํ–ฅ +- Hyper Laser fire gap/damage ํ•˜ํ–ฅ +- Nova Burst damage/radius/knockback/shake ํ•˜ํ–ฅ + +์˜๋„: + +- Data-driven ๋ฌด๊ธฐ๋งŒ ํ•˜ํ–ฅํ•˜๊ณ  Legacy ๋ฌด๊ธฐ๊ฐ€ ๊ณ„์† ์˜ค๋ฒ„์ŠคํŽ™์œผ๋กœ ๋‚จ๋Š” ๋ฌธ์ œ๋ฅผ ๋ง‰๋Š”๋‹ค. + +### ๋ฐฐ๊ฒฝ ์Šคํฌ๋กค 3๋ฐฐ ๊ฐ€์† ๋ฐ ์•ˆ์ •ํ™” + +๋ฐฐ๊ฒฝ ์†๋„๋ฅผ ๊ธฐ์กด ๋Œ€๋น„ ์•ฝ 3๋ฐฐ ๋น ๋ฅด๊ฒŒ ์กฐ์ •ํ–ˆ๋‹ค. + +๊ธฐ์กด: + +- stage speed + tension ๊ธฐ๋ฐ˜ +- ํ™”๋ฉด ํ”๋“ค๋ฆผ ์ ์šฉ ํ›„ ๋ฐฐ๊ฒฝ ๋ Œ๋”๋ง + +๋ณ€๊ฒฝ: + +- stage speed ๊ธฐ๋ฐ˜์˜ ์ผ์ •ํ•œ ์Šคํฌ๋กค +- `tensionLevel`๊ณผ ๋ถ„๋ฆฌ +- ๋ฐฐ๊ฒฝ์„ ๋จผ์ € ๋ Œ๋”๋ง +- ์ดํ›„ ์ /ํƒ„๋ง‰/ํ”Œ๋ ˆ์ด์–ด/์Šคํ‚ฌ ๋ ˆ์ด์–ด์—๋งŒ shake ์ ์šฉ + +์˜๋„: + +- ์Šคํ‚ฌ ์‚ฌ์šฉ๊ณผ ์ƒ๊ด€์—†์ด ๋ฐฐ๊ฒฝ์€ ํ•ญ์ƒ ์ž์—ฐ์Šค๋Ÿฝ๊ณ  ์ผ์ •ํ•˜๊ฒŒ ํ๋ฅธ๋‹ค. +- ํฐ ์Šคํ‚ฌ์ด๋‚˜ ํฌ๋ฆฌํ‹ฐ์ปฌ์—๋„ ๋ฐฐ๊ฒฝ์ด ์œ„์•„๋ž˜๋กœ ํŠ€์ง€ ์•Š๋Š”๋‹ค. +- ๋น„ํ–‰ ์†๋„๊ฐ์ด ๊ธฐ์กด๋ณด๋‹ค ๊ฐ•ํ•˜๊ฒŒ ๋Š๊ปด์ง„๋‹ค. + +## ์ˆ˜์ • ํŒŒ์ผ + +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/audio/AudioManager.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/hooks/useGameEngine.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/systems/WeaponBehaviorEngine.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/systems/CombatSystem.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/config/weaponBehaviors.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/systems/ProgressionSystem.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/systems/ModularWeaponSystem.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/systems/GameRenderer.ts` + +## ๊ฒ€์ฆ + +- `npm run build` ์„ฑ๊ณต +- ์ถœ๋ ฅ ๋””๋ ‰ํ„ฐ๋ฆฌ: `dist/37` + +## ํ›„์† ํ”Œ๋ ˆ์ดํ…Œ์ŠคํŠธ ์ฒดํฌ ํฌ์ธํŠธ + +- ๊ฐ ์Šคํ‚ฌ์ด ์ ์—๊ฒŒ ํ”ผํ•ด๋ฅผ ์ค„ ๋•Œ ํ”ผ๊ฒฉ์Œ์ด ๋“ค๋ฆฌ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ์ ๊ธฐ๊ฐ€ ๋ฐœ์‚ฌํ•  ๋•Œ ์ ๋‹นํ•œ ๋ฐœ์‚ฌ์Œ์ด ๋“ค๋ฆฌ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ํ”Œ๋ ˆ์ด์–ด๊ฐ€ ์  ํƒ„ํ™˜์— ๋งž์„ ๋•Œ ํ”ผ๊ฒฉ์Œ์ด ๋ถ„๋ช…ํžˆ ๋“ค๋ฆฌ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- Stage 1 ํด๋ฆฌ์–ด ํ›„์—๋„ Stage 2~3์—์„œ ๊ธด์žฅ๊ฐ์ด ์œ ์ง€๋˜๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ๋ฌด๊ธฐ ์—…๊ทธ๋ ˆ์ด๋“œ๊ฐ€ โ€œ๊ฐ•ํ•ด์ง€์ง€๋งŒ ์••๋„์ ์ด์ง€ ์•Š์€โ€ ์ •๋„์ธ์ง€ ํ™•์ธํ•œ๋‹ค. +- ๋ฐฐ๊ฒฝ ์Šคํฌ๋กค์ด ๊ธฐ์กด๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ๋Š๊ปด์ง€๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- Nova Burst ๋“ฑ ํฐ ์Šคํ‚ฌ ์‚ฌ์šฉ ์‹œ ๋ฐฐ๊ฒฝ์ด ํ”๋“ค๋ฆฌ์ง€ ์•Š๊ณ , ์ „ํˆฌ ์˜ค๋ธŒ์ ํŠธ๋งŒ ํ”๋“ค๋ฆฌ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. diff --git a/00_Raw/2026-04-26-Skybound_HUD_Dock_Button_Fit_and_NoScroll_Tactical_Upgrade.md b/00_Raw/2026-04-26-Skybound_HUD_Dock_Button_Fit_and_NoScroll_Tactical_Upgrade.md new file mode 100644 index 00000000..201fdfae --- /dev/null +++ b/00_Raw/2026-04-26-Skybound_HUD_Dock_Button_Fit_and_NoScroll_Tactical_Upgrade.md @@ -0,0 +1,77 @@ +# Skybound HUD Dock Button Fit and NoScroll Tactical Upgrade + +์ž‘์„ฑ์ผ: 2026-04-26 15:07 KST + +## ์š”์ฒญ ์š”์•ฝ + +- ์‚ฌ์ด๋“œ HUD ํ•˜๋‹จ์˜ ์ „์ฒด ํ™”๋ฉด, ์„ค์ •, ์ผ์‹œ ์ •์ง€ ๋ฒ„ํŠผ 3๊ฐœ๊ฐ€ ๋ฐฑํŒ ๋ฐ–์œผ๋กœ ๋ฒ—์–ด๋‚œ๋‹ค. +- ๋ฒ„ํŠผ 3๊ฐœ๊ฐ€ ๋ฐฑํŒ ์•ˆ์— ์ž˜ ์ •๋ ฌ๋˜๋„๋ก ํฌ๊ธฐ๋ฅผ ์ค„์—ฌ์•ผ ํ•œ๋‹ค. +- Tactical Upgrade ํ™”๋ฉด์€ ํฌ๊ฒŒ ๋ณด์ด๋Š” ์ ์€ ์ข‹๋‹ค. +- ๋‹ค๋งŒ ๊ธฐ๋ณธ ์„ ํƒ์ง€ ์ „์ฒด๊ฐ€ ์Šคํฌ๋กค ์—†์ด ํ•œ ํ™”๋ฉด์— ๋ณด์—ฌ์•ผ ํ•œ๋‹ค. + +## ํ•ต์‹ฌ ๋ฌธ์ œ + +์‚ฌ์ด๋“œ ๋„ํฌ์˜ ํ•˜๋‹จ ๋ฒ„ํŠผ์€ ๋„ํฌ ํญ๋ณด๋‹ค ๋ฒ„ํŠผ 3๊ฐœ์˜ ์ด ๋„ˆ๋น„๊ฐ€ ์ปค์ง€๋ฉด์„œ ๋ฐฑํŒ์„ ์นจ๋ฒ”ํ–ˆ๋‹ค. + +Tactical Upgrade ๋ชจ๋‹ฌ์€ ์ด์ „ ํŒจ์Šค์—์„œ ํ…์ŠคํŠธ ์ž˜๋ฆผ์„ ๋ง‰๊ธฐ ์œ„ํ•ด ์นด๋“œ๊ฐ€ ๋‚ด์šฉ ๊ธฐ๋ฐ˜์œผ๋กœ ์ปค์ง€๋„๋ก ๋ฐ”๊ฟจ์ง€๋งŒ, ๊ทธ ๊ฒฐ๊ณผ 3๊ฐœ ์˜ต์…˜๊ณผ `Skip Upgrade`๋ฅผ ๋ชจ๋‘ ๋ณด์—ฌ์ฃผ๊ธฐ์—๋Š” ์„ธ๋กœ ๋ฐ€๋„๊ฐ€ ๋‚ฎ์•„์กŒ๋‹ค. + +์ฆ‰ ์ด๋ฒˆ ๋ฌธ์ œ๋Š” ๋‹ค์Œ ๋‘ ๊ฐ€์ง€์˜€๋‹ค. + +- HUD ๋ฒ„ํŠผ์€ ๊ณ ์ • ํญ ๋ฐฑํŒ ์•ˆ์— ๋งž์ง€ ์•Š์•˜๋‹ค. +- ๋ ˆ๋ฒจ์—… ์นด๋“œ๋“ค์€ ์ฝ๊ธฐ ์ข‹์ง€๋งŒ ๋„ˆ๋ฌด ์ปค์„œ 4๋ฒˆ์งธ ์„ ํƒ์ง€๊ฐ€ ์•„๋ž˜๋กœ ๋ฐ€๋ ธ๋‹ค. + +## ์ ์šฉํ•œ ๋ณ€๊ฒฝ + +### Side Dock ํ•˜๋‹จ ๋ฒ„ํŠผ ์ •๋ ฌ + +Desktop Side Dock ์ƒํƒœ์—์„œ ํ•˜๋‹จ utility ๋ฒ„ํŠผ ์˜์—ญ์„ 3์นธ grid๋กœ ๊ณ ์ •ํ–ˆ๋‹ค. + +๋ณ€๊ฒฝ: + +- ๋ฒ„ํŠผ ์˜์—ญ์„ `repeat(3, 28px)`๋กœ ๊ณ ์ • +- ๋ฒ„ํŠผ ํฌ๊ธฐ 28px๋กœ ์ถ•์†Œ +- gap๊ณผ padding ์ถ•์†Œ +- ์•„์ด์ฝ˜ ํฌ๊ธฐ ์ถ•์†Œ +- ๋ฐฑํŒ ๋‚ด๋ถ€์—์„œ overflow๊ฐ€ ์ƒ๊ธฐ์ง€ ์•Š๋„๋ก ์ฒ˜๋ฆฌ + +์˜๋„: + +- ์ „์ฒด ํ™”๋ฉด, ์„ค์ •, ์ผ์‹œ ์ •์ง€ ๋ฒ„ํŠผ์ด ํ•˜๋‚˜์˜ ์ •๋ˆ๋œ ์ปจํŠธ๋กค ๊ทธ๋ฃน์ฒ˜๋Ÿผ ๋ณด์ด๊ฒŒ ํ•œ๋‹ค. +- ์‚ฌ์ด๋“œ ๋„ํฌ์˜ ๋ฐฑํŒ ๋ฐ–์œผ๋กœ ๋ฒ„ํŠผ์ด ํŠ€์–ด๋‚˜์˜ค์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค. + +### Tactical Upgrade No-Scroll Layout + +๊ธฐ๋ณธ ์„ ํƒ์ง€ ๊ตฌ์„ฑ์ธ `3๊ฐœ ์Šคํ‚ฌ ์นด๋“œ + Skip Upgrade`๊ฐ€ ์Šคํฌ๋กค ์—†์ด ํ•œ ํ™”๋ฉด์— ๋“ค์–ด์˜ค๋„๋ก ์กฐ์ •ํ–ˆ๋‹ค. + +๋ณ€๊ฒฝ: + +- ๋ชจ๋‹ฌ์˜ ์ „์ฒด ํฐ ์‹ค๋ฃจ์—ฃ์€ ์œ ์ง€ +- ํ—ค๋”์™€ ์Šฌ๋กฏ ๋ฐฐ์ง€์˜ ์„ธ๋กœ ์—ฌ๋ฐฑ ์ถ•์†Œ +- ์นด๋“œ ๋†’์ด์™€ padding ์ถ•์†Œ +- ์•„์ด์ฝ˜ ๋ฐ•์Šค ํฌ๊ธฐ ์ถ•์†Œ +- ํƒ€์ž… ํƒœ๊ทธ์™€ ์ถ”์ฒœ ์‚ฌ์œ  ๋ฐฐ์ง€ ํฌ๊ธฐ ์ถ•์†Œ +- ์ž‘์€ ํ™”๋ฉด์—์„œ๋Š” ๋ณด์กฐ ์„ค๋ช…๋งŒ ์ค„์ด๊ณ  ํ•ต์‹ฌ ์ •๋ณด๋Š” ์œ ์ง€ +- ๊ธฐ๋ณธ ์ƒํƒœ์—์„œ `skill-grid`๋Š” ์Šคํฌ๋กค ์—†์ด ํ‘œ์‹œ๋˜๋„๋ก ์ฒ˜๋ฆฌ + +์˜๋„: + +- Tactical Upgrade ํ™”๋ฉด์€ ํฌ๊ฒŒ ์œ ์ง€ํ•˜๋˜, ์„ ํƒ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ํ•ญ๋ชฉ์„ ํ•œ๋ˆˆ์— ๋ณด์—ฌ์ค€๋‹ค. +- ์‚ฌ์šฉ์ž๊ฐ€ ์Šคํฌ๋กค ์—ฌ๋ถ€๋ฅผ ์‹ ๊ฒฝ ์“ฐ์ง€ ์•Š๊ณ  ๋ฐ”๋กœ ์„ ํƒํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค. +- ํ…์ŠคํŠธ ์ž˜๋ฆผ์„ ๋‹ค์‹œ ๋งŒ๋“ค์ง€ ์•Š์œผ๋ฉด์„œ ์„ธ๋กœ ๋ฐ€๋„๋ฅผ ๋†’์ธ๋‹ค. + +## ์ˆ˜์ • ํŒŒ์ผ + +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/ui/HUDOverlay.css` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/ui/LevelUpModal.css` + +## ๊ฒ€์ฆ + +- `npm run build` ์„ฑ๊ณต +- ์ถœ๋ ฅ ๋””๋ ‰ํ„ฐ๋ฆฌ: `dist/35` + +## ํ›„์† ํ”Œ๋ ˆ์ดํ…Œ์ŠคํŠธ ์ฒดํฌ ํฌ์ธํŠธ + +- ์‚ฌ์ด๋“œ ๋„ํฌ ํ•˜๋‹จ ๋ฒ„ํŠผ 3๊ฐœ๊ฐ€ ๋ฐฑํŒ ์•ˆ์— ๊ท ๋“ฑํ•˜๊ฒŒ ๋“ค์–ด๊ฐ€๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- Tactical Upgrade์—์„œ 3๊ฐœ ์นด๋“œ์™€ `Skip Upgrade`๊ฐ€ ์Šคํฌ๋กค ์—†์ด ๋ณด์ด๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ์ž‘์€ ํ™”๋ฉด์—์„œ ์นด๋“œ ํ…์ŠคํŠธ๊ฐ€ ๋‹ค์‹œ ์ž˜๋ฆฌ์ง€ ์•Š๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ๋ณด์กฐ ์„ค๋ช…์ด ์ค„์–ด๋„ ์„ ํƒ์— ํ•„์š”ํ•œ ์ •๋ณด๊ฐ€ ์ถฉ๋ถ„ํ•œ์ง€ ํ™•์ธํ•œ๋‹ค. diff --git a/00_Raw/2026-04-26-Skybound_Tactical_Bomb_SFX_Routing_Fix.md b/00_Raw/2026-04-26-Skybound_Tactical_Bomb_SFX_Routing_Fix.md new file mode 100644 index 00000000..f6622eaf --- /dev/null +++ b/00_Raw/2026-04-26-Skybound_Tactical_Bomb_SFX_Routing_Fix.md @@ -0,0 +1,69 @@ +# Skybound Tactical Bomb SFX Routing Fix + +์ž‘์„ฑ์ผ: 2026-04-26 15:14 KST + +## ์š”์ฒญ ์š”์•ฝ + +- ํญํƒ„์„ ์‚ฌ์šฉํ•  ๋•Œ ํšจ๊ณผ์Œ์ด ๋“ค๋ฆฌ์ง€ ์•Š๋Š”๋‹ค. +- ์‹œ๊ฐ ํšจ๊ณผ๋Š” ์žˆ๋Š”๋ฐ ํญํƒ„ ์‚ฌ์šฉ์˜ ํƒ€๊ฒฉ๊ฐ์ด ๋ถ€์กฑํ•˜๋‹ค. + +## ํ•ต์‹ฌ ๋ฌธ์ œ + +ํญํƒ„ ์‚ฌ์šด๋“œ ์ž์ฒด๋Š” `AudioManager.playTacticalBomb()`์— ์ด๋ฏธ ์ ˆ์ฐจ์  ์‚ฌ์šด๋“œ๋กœ ๊ตฌํ˜„๋˜์–ด ์žˆ์—ˆ๋‹ค. + +ํ•˜์ง€๋งŒ ์‹ค์ œ ํญํƒ„ ์‚ฌ์šฉ ์‹œ `PlayerSystem`์€ `bomb-trigger`๋ผ๋Š” SFX ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ค๊ณ  ์žˆ์—ˆ๊ณ , `useGameEngine`์˜ SFX ๋ผ์šฐํ„ฐ๋Š” ์ด ์ด๋ฒคํŠธ๋ฅผ ๋ณ„๋„๋กœ ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์•˜๋‹ค. + +๊ทธ ๊ฒฐ๊ณผ: + +- `bomb-trigger`๊ฐ€ ์ผ๋ฐ˜ `playSFX('bomb-trigger')`๋กœ ์ „๋‹ฌ๋˜์—ˆ๋‹ค. +- `bomb-trigger`๋ผ๋Š” ์ด๋ฆ„์˜ ๋กœ๋“œ๋œ ์˜ค๋””์˜ค ๋ฒ„ํผ๊ฐ€ ์—†์—ˆ๋‹ค. +- ๋”ฐ๋ผ์„œ ํญํƒ„ ๋ฐœ๋™ ์‹œ ์‹ค์ œ ์‚ฌ์šด๋“œ๋Š” ์žฌ์ƒ๋˜์ง€ ์•Š์•˜๋‹ค. + +## ์ ์šฉํ•œ ๋ณ€๊ฒฝ + +### ํญํƒ„ ์ด๋ฒคํŠธ ์ง์ ‘ ๋ผ์šฐํŒ… + +`useGameEngine`์˜ SFX ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ์— `bomb-trigger` ๋ถ„๊ธฐ๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋‹ค. + +๋ณ€๊ฒฝ: + +- `bomb-trigger` ์ด๋ฒคํŠธ ์ˆ˜์‹  ์‹œ `audioManager.playTacticalBomb()` ์ง์ ‘ ํ˜ธ์ถœ + +์˜๋„: + +- ํญํƒ„ ์‚ฌ์šฉ ์ฆ‰์‹œ ์ ˆ์ฐจ์  ํญ๋ฐœ ์‚ฌ์šด๋“œ๊ฐ€ ์žฌ์ƒ๋˜๊ฒŒ ํ•œ๋‹ค. +- ์™ธ๋ถ€ wav ํŒŒ์ผ ์—†์ด๋„ ์ผ๊ด€๋œ ํญํƒ„ ์‚ฌ์šด๋“œ๋ฅผ ๋ณด์žฅํ•œ๋‹ค. + +### AudioManager fallback ๋ผ์šฐํŒ… ์ถ”๊ฐ€ + +`AudioManager.playSFX()`์—๋„ `bomb-trigger`์™€ `tactical-bomb` ์ด๋ฆ„์„ ํญํƒ„ ์‚ฌ์šด๋“œ๋กœ ๋ผ์šฐํŒ…ํ–ˆ๋‹ค. + +์˜๋„: + +- ๋‹ค๋ฅธ ์‹œ์Šคํ…œ์—์„œ `playSFX('bomb-trigger')`๋ฅผ ์ง์ ‘ ํ˜ธ์ถœํ•˜๋”๋ผ๋„ ๋ฌด์Œ์ด ๋˜์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค. +- ํญํƒ„ ์‚ฌ์šด๋“œ ์ด๋ฒคํŠธ ์ด๋ฆ„์ด ์—ฌ๋Ÿฌ ๊ฒฝ๋กœ์—์„œ ์‚ฌ์šฉ๋˜์–ด๋„ ์•ˆ์ „ํ•˜๊ฒŒ ๋™์ž‘ํ•˜๊ฒŒ ํ•œ๋‹ค. + +### Mute ์ฒ˜๋ฆฌ ๋ณด๊ฐ• + +`playTacticalBomb()`์— mute ์ƒํƒœ ์ฒดํฌ๋ฅผ ์ถ”๊ฐ€ํ–ˆ๋‹ค. + +์˜๋„: + +- ๋‹ค๋ฅธ SFX์™€ ๋™์ผํ•˜๊ฒŒ mute ์ƒํƒœ์—์„œ๋Š” ํญํƒ„ ์‚ฌ์šด๋“œ๋„ ์žฌ์ƒ๋˜์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค. + +## ์ˆ˜์ • ํŒŒ์ผ + +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/audio/AudioManager.ts` +- `/Volumes/Data/project/Antigravity/Skybound/src/features/game/hooks/useGameEngine.ts` + +## ๊ฒ€์ฆ + +- `npm run build` ์„ฑ๊ณต +- ์ถœ๋ ฅ ๋””๋ ‰ํ„ฐ๋ฆฌ: `dist/36` + +## ํ›„์† ํ”Œ๋ ˆ์ดํ…Œ์ŠคํŠธ ์ฒดํฌ ํฌ์ธํŠธ + +- `Space` ๋˜๋Š” ํญํƒ„ ์ž…๋ ฅ ์‹œ ํญ๋ฐœ์Œ์ด ์ฆ‰์‹œ ๋“ค๋ฆฌ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ํญํƒ„ ์‹œ๊ฐ ํšจ๊ณผ์™€ ์‚ฌ์šด๋“œ ํƒ€์ด๋ฐ์ด ์ž˜ ๋งž๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- ํญํƒ„ ์‚ฌ์šด๋“œ๊ฐ€ ๋„ˆ๋ฌด ํฌ๊ฑฐ๋‚˜ BGM์„ ๊ณผํ•˜๊ฒŒ ๋ฎ์ง€ ์•Š๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. +- mute ์ƒํƒœ์—์„œ ํญํƒ„ ์‚ฌ์šด๋“œ๊ฐ€ ์žฌ์ƒ๋˜์ง€ ์•Š๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. diff --git a/00_Raw/AI Answer Engine Optimization.md b/00_Raw/AI Answer Engine Optimization.md new file mode 100644 index 00000000..67014244 --- /dev/null +++ b/00_Raw/AI Answer Engine Optimization.md @@ -0,0 +1,19 @@ +# [[AI Answer Engine Optimization]] + +## ๐Ÿ“Œ Brief Summary +AI Answer Engine Optimization(AEO)์€ ๊ธฐ์กด์˜ ์ „ํ†ต์ ์ธ ๊ฒ€์ƒ‰ ์—”์ง„ ๊ฒฐ๊ณผ ํŽ˜์ด์ง€(SERP) ์ „๋žต์„ ๋„˜์–ด ChatGPT, Gemini, Perplexity์™€ ๊ฐ™์€ AI ๋‹ต๋ณ€ ์—”์ง„(Answer Engines) ๋ฐ ์ƒ์„ฑํ˜• AI ๊ฒ€์ƒ‰ ์‹œ์Šคํ…œ์— ๋งž์ถฐ ์›น์‚ฌ์ดํŠธ๋ฅผ ์ตœ์ ํ™”ํ•˜๋Š” ์ตœ์‹  SEO ์ ‘๊ทผ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค[1, 2]. AI ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ํšจ๊ณผ์ ์œผ๋กœ ์ถ”์ถœํ•˜๊ณ  ์ธ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์‹œ๋งจํ‹ฑ HTML, ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ, ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML์„ ์ œ๊ณตํ•˜์—ฌ ๋จธ์‹ ๋Ÿฌ๋‹ ๋ชจ๋ธ์˜ ์ดํ•ด๋„๋ฅผ ๋†’์ด๋Š” ๊ฒƒ์ด ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค[3, 4]. ์ด๋Š” JavaScript ์‹คํ–‰์„ ์ƒ๋žตํ•˜๋Š” ๋Œ€๊ทœ๋ชจ AI ์—์ด์ „ํŠธ์˜ ํŠน์„ฑ์— ๋Œ€์‘ํ•˜์—ฌ ๋ธŒ๋žœ๋“œ์˜ ์ฝ˜ํ…์ธ  ๊ฐ€์‹œ์„ฑ์„ ํ™•๋ณดํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ๊ณผ์ •์ž…๋‹ˆ๋‹ค[2, 3]. + +## ๐Ÿ“– Core Content +* **์ „ํ†ต์  SERP์—์„œ AEO๋กœ์˜ ์ง„ํ™”:** 2026๋…„์˜ ์›น์‚ฌ์ดํŠธ ์ตœ์ ํ™” ๊ณผ์ œ๋Š” ๋‹จ์ˆœํ•œ ๊ตฌ๊ธ€์˜ '๋ธ”๋ฃจ ๋งํฌ' ๋…ธ์ถœ์„ ๋„˜์–ด AI ๊ธฐ๋ฐ˜ ์ฝ˜ํ…์ธ  ๊ฒ€์ƒ‰ ์‹œ์Šคํ…œ์„ ์ถฉ์กฑ์‹œํ‚ค๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ํ™•์žฅ๋˜์—ˆ์Šต๋‹ˆ๋‹ค[2, 5]. ๋ฐฉ๋Œ€ํ•œ ๊ทœ๋ชจ๋กœ ์ž‘๋™ํ•˜๋Š” AI ๋ชจ๋ธ ํ›ˆ๋ จ์šฉ ํฌ๋กค๋Ÿฌ(์˜ˆ: GPTBot, ClaudeBot ๋“ฑ)๋Š” ๋ฆฌ์†Œ์Šค ๋น„์šฉ ๋ฌธ์ œ๋กœ JavaScript(JS)๋ฅผ ์‹คํ–‰ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค[3]. ๋”ฐ๋ผ์„œ JS ์‹คํ–‰ ๋ฒฝ(Execution Wall) ๋’ค์— ๊ฐ‡ํžŒ ์ฝ˜ํ…์ธ ๋Š” AI ์˜ค๋ฒ„๋ทฐ(SGE)์— ํฌํ•จ๋˜๊ฑฐ๋‚˜ ๋‹ต๋ณ€์˜ ์ถœ์ฒ˜๋กœ ์ธ์šฉ๋˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค[3]. +* **์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML์˜ ์ œ๊ณต:** AI ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”์˜ ์ƒˆ๋กœ์šด ํ•ต์‹ฌ ์ง€์ฃผ๋Š” AI ๋ด‡์ด ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋ฅผ ์ •ํ™•ํ•˜๊ฒŒ ํ•ฉ์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ณ ํ’ˆ์งˆ์˜ '์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML(Pre-rendered HTML)'์„ ๋ช…์‹œ์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค[6]. ์ด๋Š” ํด๋ผ์ด์–ธํŠธ ์ธก ๋ Œ๋”๋ง(CSR)์˜ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์ด๋‚˜ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)์„ ๋„์ž…ํ•ด์•ผ ํ•จ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค[3, 6]. +* **์‹œ๋งจํ‹ฑ HTML์„ ํ†ตํ•œ ๊ตฌ์กฐํ™”:** AI ํฌ๋กค๋Ÿฌ๊ฐ€ ํ•ต์‹ฌ ์ฝ˜ํ…์ธ ์™€ ๋‹จ์ˆœ ๋‚ด๋น„๊ฒŒ์ด์…˜ ํฌ๋กฌ(Navigation Chrome)์„ ์‰ฝ๊ฒŒ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๊ธฐ ์œ„ํ•ด `
`, `
`, `
`์™€ ๊ฐ™์€ ์‹œ๋งจํ‹ฑ HTML ํƒœ๊ทธ๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊น”๋”ํ•œ ๊ตฌ์กฐ(Clean structure)๊ฐ€ ์š”๊ตฌ๋ฉ๋‹ˆ๋‹ค[4]. +* **๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ(Schema Markup) ์ ์šฉ:** Schema.org์˜ JSON-LD ๋งˆํฌ์—…์„ ๊ตฌํ˜„ํ•˜๋ฉด AI ํฌ๋กค๋Ÿฌ์—๊ฒŒ ํŽ˜์ด์ง€์— ํฌํ•จ๋œ ๋‚ด์šฉ์ด ๋ฌด์—‡์ธ์ง€ ๋ช…์‹œ์ ์ธ ์‹ ํ˜ธ๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค[4]. ์ด๋Š” ํŠน์ • ์„น์…˜์ด ์‚ฌ์šฉ์ž์˜ ์งˆ๋ฌธ์— ๋Œ€ํ•œ ์ •ํ™•ํ•œ ๋‹ต๋ณ€์ž„์„ ๊ตฌ๊ธ€ ๋ฐ AI ์—”์ง„์— ์•Œ๋ฆผ์œผ๋กœ์จ AI ์˜ค๋ฒ„๋ทฐ์— ์ฑ„ํƒ๋  ๊ธฐํšŒ๋ฅผ ํฌ๊ฒŒ ๋†’์—ฌ์ค๋‹ˆ๋‹ค[7]. +* **์ง์ ‘์ ์ธ ๋‹ต๋ณ€ ํฌ๋งทํŒ…(Direct Answer Formatting):** ์ฝ˜ํ…์ธ ๋ฅผ ๋ช…ํ™•ํ•œ ์งˆ๋ฌธ(H2 ํƒœ๊ทธ ํ™œ์šฉ)๊ณผ ๊ทธ์— ๋”ฐ๋ฅด๋Š” ๊ฐ„๊ฒฐํ•œ ๋‹ต๋ณ€ ๊ตฌ์กฐ๋กœ ์กฐ์งํ™”ํ•˜๋ฉด, AI ์ƒ์„ฑ ์˜ค๋ฒ„๋ทฐ์—์„œ ํ•ด๋‹น ํŽ˜์ด์ง€๊ฐ€ ์ง์ ‘์ ์ธ ์ธ์šฉ ์ถœ์ฒ˜๋กœ ์„ ํƒ๋  ๊ฐ€๋Šฅ์„ฑ์ด ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค[4]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Generative Engine Optimization]], [[Server-Side Rendering (SSR)]], [[Semantic HTML]], [[Structured Data Markup]] +- **Projects/Contexts:** [[SEO for Single Page Applications]], [[Modern Web Design Best Practices]] +- **Contradictions/Notes:** ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์˜ ๊ธฐ๋ณธ ์•„ํ‚คํ…์ฒ˜์ธ ์ˆœ์ˆ˜ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๋ฐฉ์‹์€ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” ๋น ๋ฅด๊ณ  ์œ ์—ฐํ•œ ์ธํ„ฐ๋ž™์…˜์„ ์ œ๊ณตํ•˜์ง€๋งŒ, JavaScript ์‹คํ–‰ ๋น„์šฉ์„ ์•„๋ผ๋ ค๋Š” AI ํฌ๋กค๋Ÿฌ์—๊ฒŒ๋Š” ์ฝ˜ํ…์ธ ๋ฅผ ๋…ธ์ถœ์‹œํ‚ค์ง€ ๋ชปํ•˜๋Š” ๊ตฌ์กฐ์ ์ธ ๋ชจ์ˆœ์„ ๋‚ณ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์†Œ์Šค๋“ค์€ AI ์—”์ง„์˜ ์›ํ™œํ•œ ํฌ๋กค๋ง๊ณผ ์ธ์šฉ์„ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด ๋ฐ˜๋“œ์‹œ SSR, SSG ๋“ฑ์˜ ์„œ๋ฒ„ ๋ Œ๋”๋ง ์ ‘๊ทผ๋ฒ•์ด ๋ณ‘ํ–‰๋˜์–ด์•ผ ํ•œ๋‹ค๊ณ  ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Accessibility Compliance (ADA-EAA).md b/00_Raw/Accessibility Compliance (ADA-EAA).md new file mode 100644 index 00000000..e9a3b1fe --- /dev/null +++ b/00_Raw/Accessibility Compliance (ADA-EAA).md @@ -0,0 +1,31 @@ +# [[Accessibility Compliance (ADA/EAA)]] + +## ๐Ÿ“Œ Brief Summary +์›น ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜(Accessibility Compliance)๋Š” ์‹œ๊ฐ, ์ฒญ๊ฐ, ์‹ ์ฒด์  ๋ฐ ์ธ์ง€์  ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ ์›น์‚ฌ์ดํŠธ, ๋ชจ๋ฐ”์ผ ์•ฑ ๋“ฑ ๋””์ง€ํ„ธ ์ž์‚ฐ์— ๋™๋“ฑํ•˜๊ฒŒ ์ ‘๊ทผํ•˜๊ณ  ์ด์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๋Š” ํ•„์ˆ˜์ ์ธ ๊ณผ์ •์ž…๋‹ˆ๋‹ค [1, 2]. ๋ฏธ๊ตญ์˜ ๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•(ADA)๊ณผ ์œ ๋Ÿฝ์˜ ์œ ๋Ÿฝ ์ ‘๊ทผ์„ฑ๋ฒ•(EAA) ๋“ฑ์˜ ๊ทœ์ œ๋Š” W3C๊ฐ€ ์ œ์ •ํ•œ ์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ(WCAG)์„ ๋ฒ•์  ๋ฐ ๊ธฐ์ˆ ์  ํ‘œ์ค€์œผ๋กœ ์ฑ„ํƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [3, 4]. ์ตœ์‹  ์›น ์•„ํ‚คํ…์ฒ˜ ๋ฐ UX ์„ค๊ณ„์—์„œ ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜๋Š” ๋‹จ์ˆœํ•œ ๋ฒ•์  ์˜๋ฌด๋ฅผ ๋„˜์–ด ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ํ–ฅ์ƒ, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ฐ•ํ™”, ๊ทธ๋ฆฌ๊ณ  ๋ธŒ๋žœ๋“œ ์‹ ๋ขฐ๋„ ๊ตฌ์ถ•์„ ์œ„ํ•œ ํ•ต์‹ฌ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋กœ ์ž๋ฆฌ ์žก์•˜์Šต๋‹ˆ๋‹ค [1, 5, 6]. + +## ๐Ÿ“– Core Content + +**๋ฒ•์  ์š”๊ตฌ์‚ฌํ•ญ ๋ฐ ์ฃผ์š” ๊ทœ์ œ ๋™ํ–ฅ** +* **๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•(ADA):** ๋ฏธ๊ตญ ๋ฒ•๋ฌด๋ถ€(DOJ)๋Š” ADA Title II์— ๋”ฐ๋ผ 2026๋…„ 4์›” 24์ผ๊นŒ์ง€ ์ฃผ ๋ฐ ์ง€๋ฐฉ ์ •๋ถ€, ๊ณต๊ณต ๊ธฐ๊ด€์˜ ์›น์‚ฌ์ดํŠธ๊ฐ€ WCAG 2.1 Level AA ํ‘œ์ค€์„ ์˜๋ฌด์ ์œผ๋กœ ์ค€์ˆ˜ํ•˜๋„๋ก ๊ทœ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค [7-9]. ๋ฏผ๊ฐ„ ๊ธฐ์—…์˜ ๊ฒฝ์šฐ์—๋„ ๋ช…์‹œ์ ์ธ ๋ฒ•์  ๊ทœ์ •์€ ์•„๋‹ˆ์ง€๋งŒ, ์ด ๊ธฐ์ค€์ด ADA ์†Œ์†ก์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•œ ์‹ค์งˆ์ ์ธ ํ‘œ์ค€์œผ๋กœ ์ ์šฉ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [10, 11]. +* **์œ ๋Ÿฝ ์ ‘๊ทผ์„ฑ๋ฒ•(EAA):** 2025๋…„ 6์›” 28์ผ๋ถ€ํ„ฐ ๋ฐœํšจ๋œ EAA์— ๋”ฐ๋ผ ์œ ๋Ÿฝ ๋‚ด์—์„œ ์ „์ž์ƒ๊ฑฐ๋ž˜, ๋ฑ…ํ‚น, ํ†ต์‹  ๋ฐ ๊ตํ†ต ๋“ฑ์˜ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์—…์€ WCAG 2.1 Level AA์— ๋งคํ•‘๋˜๋Š” EN 301 549 ํ‘œ์ค€์„ ๋ฐ˜๋“œ์‹œ ์ถฉ์กฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [4, 12]. +* ์›น์‚ฌ์ดํŠธ๊ฐ€ ๊ทœ์ œ๋ฅผ ์ค€์ˆ˜ํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ๋ฒ•์  ์†Œ์†ก์˜ ์œ„ํ—˜์— ์ง๋ฉดํ•˜๊ฒŒ ๋˜๋ฉฐ, ์‹ค์ œ๋กœ 2025๋…„ ์ƒ๋ฐ˜๊ธฐ ADA ์›น์‚ฌ์ดํŠธ ๊ด€๋ จ ์†Œ์†ก ๊ฑด์ˆ˜๋Š” ์ „๋…„ ๋Œ€๋น„ 37% ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค [9]. + +**์ ‘๊ทผ์„ฑ์˜ ํ•ต์‹ฌ ์›์น™ (POUR) ๋ฐ WCAG ์š”๊ตฌ์‚ฌํ•ญ** +* **POUR ์›์น™:** ๋ชจ๋“  WCAG ํ‘œ์ค€์€ ์ธ์ง€ ๊ฐ€๋Šฅ์„ฑ(Perceivable), ์šด์šฉ ๊ฐ€๋Šฅ์„ฑ(Operable), ์ดํ•ด ๊ฐ€๋Šฅ์„ฑ(Understandable), ๊ฒฌ๊ณ ์„ฑ(Robust)์ด๋ผ๋Š” 4๊ฐ€์ง€ ์›์น™์— ๊ธฐ๋ฐ˜์„ ๋‘๊ณ  ์„ค๊ณ„๋ฉ๋‹ˆ๋‹ค [13, 14]. +* **WCAG 2.1 ์ฃผ์š” ๊ธฐ์ค€:** ์‹œ๊ฐ ์žฅ์• ์ธ ๋ฐ ์ €์‹œ๋ ฅ์ž๋ฅผ ์œ„ํ•œ ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ํ˜ธํ™˜ ๋ฐ ์˜๋ฏธ ์žˆ๋Š” ๋Œ€์ฒด ํ…์ŠคํŠธ(Alt Text) ์ œ๊ณต, ๋ฐฐ๊ฒฝ๊ณผ ํ…์ŠคํŠธ ๊ฐ„ ์ตœ์†Œ 4.5:1์˜ ์ƒ‰์ƒ ๋Œ€๋น„ ์œ ์ง€, ๋งˆ์šฐ์Šค ์—†์ด ํ‚ค๋ณด๋“œ๋งŒ์œผ๋กœ ๋ชจ๋“  ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ์š”์†Œ ์กฐ์ž‘ ๊ฐ€๋Šฅ, ์˜ค๋””์˜ค/๋น„๋””์˜ค ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ์บก์…˜ ๋ฐ ๋Œ€๋ณธ ์ œ๊ณต ๋“ฑ์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [15-18]. +* **WCAG 2.2 ์‹ ๊ทœ ๊ธฐ์ค€ (2023๋…„ ๋„์ž…):** ์ธ์ง€ ์žฅ์•  ๋ฐ ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ๊ธฐ์ค€์ด ๋”์šฑ ๊ฐ•ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฒน์น˜๋Š” ์š”์†Œ์— ์˜ํ•ด ํฌ์ปค์Šค๊ฐ€ ๊ฐ€๋ ค์ง€์ง€ ์•Š๊ฒŒ ํ•˜๋Š” 'Focus Not Obscured', ๋ช…ํ™•ํ•œ ํฌ์ปค์Šค ํ‘œ์‹œ์ธ 'Focus Appearance', ๋ณต์žกํ•œ ๋“œ๋ž˜๊ทธ ๋™์ž‘์˜ ๋Œ€์•ˆ์„ ์ œ๊ณตํ•˜๋Š” 'Dragging Movements', ์•”๊ธฐ๋ ฅ์— ์˜์กดํ•˜์ง€ ์•Š๋Š” ๋กœ๊ทธ์ธ ์ˆ˜๋‹จ์„ ์ œ๊ณตํ•˜๋Š” 'Accessible Authentication', ์ค‘๋ณต ์ž…๋ ฅ์„ ์ค„์ด๋Š” 'Redundant Entry' ๋“ฑ์˜ 9๊ฐ€์ง€ ์ƒˆ๋กœ์šด ๊ธฐ์ค€์ด ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค [19-23]. + +**์ ‘๊ทผ์„ฑ ๊ตฌํ˜„์„ ์œ„ํ•œ ์›น ๋””์ž์ธ ๋ชจ๋ฒ” ์‚ฌ๋ก€** +* ์ ‘๊ทผ์„ฑ์€ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์˜ ์ดˆ๊ธฐ ๋‹จ๊ณ„๋ถ€ํ„ฐ ๊ณ ๋ ค๋˜์–ด์•ผ ํ•˜๋ฉฐ, ์ž๋™ํ™”๋œ ๊ฒ€์‚ฌ ๋„๊ตฌ(์˜ˆ: WAVE, axe)์™€ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”(NVDA, JAWS)๋ฅผ ํ†ตํ•œ ์ˆ˜๋™ ํ…Œ์ŠคํŠธ๋ฅผ ๋ณ‘ํ–‰ํ•˜๋Š” ํฌ๊ด„์ ์ธ ๊ฐ์‚ฌ๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค [15, 24, 25]. +* ๋ฒ„ํŠผ ์ƒ‰์ƒ์˜ ๊ณ ๋Œ€๋น„ ์ ์šฉ, ๋ช…ํ™•ํ•œ ์ œ๋ชฉ ๊ณ„์ธต ๊ตฌ์กฐ, ๊ทธ๋ฆฌ๊ณ  ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์ตœ์ ํ™”๋Š” ์žฅ์• ์ธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋Š๋ฆฐ ์ธํ„ฐ๋„ท ํ™˜๊ฒฝ์˜ ์‚ฌ์šฉ์ž๋‚˜ ์ผ์‹œ์  ์žฅ์• ๋ฅผ ๊ฒช๋Š” ๋ชจ๋“  ์‚ฌ์šฉ์ž์˜ ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [26, 27]. +* ์„œ๋“œํŒŒํ‹ฐ ๋ฒค๋”๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๋„๊ตฌ(๊ฒฐ์ œ ํฌํ„ธ, ๋“ฑ๋ก ์‹œ์Šคํ…œ ๋“ฑ) ์—ญ์‹œ WCAG ์ค€์ˆ˜ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•˜์—ฌ ๊ณ„์•ฝ์— ํฌํ•จ์‹œ์ผœ์•ผ ์ ‘๊ทผ์„ฑ ๋ˆ„๋ฝ์„ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [28]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Web Content Accessibility Guidelines (WCAG)]], [[SEO (Search Engine Optimization)]], [[Visual Hierarchy]], [[User-Centered Design Approach]] +- **Projects/Contexts:** + - [[Telemedicine Platform Redesign]]: ์›๊ฒฉ ์˜๋ฃŒ ํ”Œ๋žซํผ์—์„œ ํ™˜์ž์™€ ์˜๋ฃŒ์ง„์„ ์œ„ํ•ด HIPAA ์ค€์ˆ˜์™€ ๋”๋ถˆ์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ํ˜ธํ™˜์„ฑ, ๊ณ ๋Œ€๋น„ ๋ชจ๋“œ, ๋‹ค๊ตญ์–ด ์ง€์› ๋“ฑ์„ ๊ตฌ์ถ•ํ•ด ์ ‘๊ทผ์„ฑ ๋ฐ ์‚ฌ์šฉ์„ฑ์„ ํฌ๊ฒŒ ๊ฐœ์„ ํ•œ ์‚ฌ๋ก€ [29, 30]. + - [[Online Learning Management System]]: ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ํ•™์Šต ํ™˜๊ฒฝ์œผ๋กœ ์ „ํ™˜ํ•˜๋Š” ๋Œ€ํ•™๊ต์—์„œ ์‹œ๊ฐ์žฅ์• ์ธ์šฉ ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ํ˜ธํ™˜์„ฑ ๋ฐ ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋“ฑ ํฌ๊ด„์ ์ธ ์ ‘๊ทผ์„ฑ ๊ธฐ๋Šฅ์„ LMS์— ํ†ตํ•ฉํ•˜์—ฌ 94%์˜ ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜ ๋“ฑ๊ธ‰์„ ๋‹ฌ์„ฑํ•œ ์‚ฌ๋ก€ [31, 32]. +- **Contradictions/Notes:** ์›น์‚ฌ์ดํŠธ์— ๋‹จ์ˆœํžˆ "์ ‘๊ทผ์„ฑ ์œ„์ ฏ(accessibility widgets)"์ด๋‚˜ ์˜ค๋ฒ„๋ ˆ์ด๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์€ ๊ทผ๋ณธ์ ์ธ ํ•ด๊ฒฐ์ฑ…์ด ๋  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. 2025๋…„ ์ƒ๋ฐ˜๊ธฐ ADA ์ ‘๊ทผ์„ฑ ์†Œ์†ก์˜ 22.6%๊ฐ€ ์ด๋Ÿฌํ•œ ์ž๋™ํ™” ์œ„์ ฏ์„ ์„ค์น˜ํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ์ œ๊ธฐ๋˜์—ˆ์œผ๋ฏ€๋กœ, ์ฝ”๋“œ ๋ ˆ๋ฒจ(Code level)์—์„œ์˜ ์ง์ ‘์ ์ธ ๊ฐœ์„  ๋ฐ ๊ตฌ์กฐ์  ์ˆ˜์ •์ด ๋ฒ•์  ์œ„ํ—˜์„ ์ค„์ด๋Š” ํ™•์‹คํ•œ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค [33, 34]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Code Splitting.md b/00_Raw/Code Splitting.md new file mode 100644 index 00000000..e003ded8 --- /dev/null +++ b/00_Raw/Code Splitting.md @@ -0,0 +1,22 @@ +# [[Code Splitting]] + +## ๐Ÿ“Œ Brief Summary +์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…(Code Splitting)์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฑฐ๋Œ€ํ•œ ๋‹จ์ผ ๋ฒˆ๋“ค์„ ๋” ์ž‘์€ ์ฒญํฌ(chunk) ๋‹จ์œ„๋กœ ๋ถ„ํ• ํ•˜์—ฌ ํ•„์š”ํ•  ๋•Œ๋งŒ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋กœ๋“œ(on-demand)ํ•˜๋„๋ก ๋งŒ๋“œ๋Š” ์ตœ์ ํ™” ๊ธฐ๋ฒ•์ž…๋‹ˆ๋‹ค [1, 2]. ์ด๋ฅผ ํ†ตํ•ด ์ดˆ๊ธฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 50~100KB ์ˆ˜์ค€์œผ๋กœ ์ค„์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์˜๋ฏธ ์žˆ๋Š” ์ฝ˜ํ…์ธ ๋ฅผ ๋” ๋นจ๋ฆฌ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค [3]. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์ดˆ๊ธฐ ๋กœ๋“œ ์‹œ๊ฐ„, TTFB(Time to First Byte), TTI(Time to Interactive)๋ฅผ ๋Œ€ํญ ๋‹จ์ถ•ํ•˜์—ฌ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ๋ฐ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์„ฑ๋Šฅ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [4, 5]. + +## ๐Ÿ“– Core Content +* **๊ธฐ๋ณธ ์ž‘๋™ ์›๋ฆฌ์™€ React API ์ ์šฉ:** + ์ตœ์‹  React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” `React.lazy`์™€ `Suspense` API๋ฅผ ํ†ตํ•ด ์†์‰ฝ๊ฒŒ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…๊ณผ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy Loading)์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [4]. `React.lazy`๋Š” ๋™์  ๊ฐ€์ ธ์˜ค๊ธฐ(dynamic import)๋ฅผ ํ†ตํ•ด ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ผ๋ฐ˜์ ์ธ ๋ Œ๋”๋ง ๋ฐฉ์‹์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๊ฒŒ ํ•ด์ฃผ๋ฉฐ, `Suspense`๋Š” ํ•ด๋‹น ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋กœ๋“œ๋  ๋•Œ๊นŒ์ง€ ๋Œ€๊ธฐํ•˜๋Š” ๋™์•ˆ ์Šค์ผˆ๋ ˆํ†ค ํ™”๋ฉด์ด๋‚˜ ๋กœ๋”ฉ ์Šคํ”ผ๋„ˆ์™€ ๊ฐ™์€ ๋Œ€์ฒด(fallback) UI๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [4, 6]. +* **๋ผ์šฐํŠธ ๋ฐ ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ๋ถ„ํ•  (Route & Component-level Splitting):** + ๊ฐ€์žฅ ํšจ๊ณผ์ ์ด๊ณ  ์ผ๋ฐ˜์ ์œผ๋กœ ๊ถŒ์žฅ๋˜๋Š” ๋ถ„ํ•  ์ง€์ ์€ ๋ผ์šฐํŠธ(Route) ๋‹จ์œ„์ž…๋‹ˆ๋‹ค [7]. ์‚ฌ์šฉ์ž๊ฐ€ ํŠน์ • ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ๋•Œ๋งŒ ํ•ด๋‹น ๋ผ์šฐํŠธ์˜ ์ฝ”๋“œ๋ฅผ ๋กœ๋“œํ•จ์œผ๋กœ์จ ์ดˆ๊ธฐ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ๊ธ‰๊ฒฉํžˆ ์ค„์ผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, React Router์˜ ํ”„๋ ˆ์ž„์›Œํฌ ๋ชจ๋“œ์—์„œ๋Š” ๋ผ์šฐํŠธ ๊ธฐ๋ฐ˜ ๋ถ„ํ• ์ด ๊ธฐ๋ณธ์ ์œผ๋กœ ์ž๋™ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค [1, 8]. ๋˜ํ•œ, ์ฐจํŠธ, ์—๋””ํ„ฐ, ํƒญ, ๋ชจ๋‹ฌ ๋“ฑ ์ดˆ๊ธฐ ํ™”๋ฉด์— ๋‹น์žฅ ๋ณด์ด์ง€ ์•Š๊ฑฐ๋‚˜ ์šฉ๋Ÿ‰์ด ํฐ UI ์š”์†Œ์— ๋Œ€ํ•ด์„œ๋Š” ์ปดํฌ๋„ŒํŠธ ์ˆ˜์ค€์˜ ๋ถ„ํ• ์„ ์ถ”๊ฐ€๋กœ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [7, 9]. +* **์„ฑ๋Šฅ ์ง€ํ‘œ(Core Web Vitals)์™€ SEO์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ:** + ๋ถ„ํ• ๋˜์ง€ ์•Š์€ 2MB ์ด์ƒ์˜ ๊ฑฐ๋Œ€ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค์€ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๋ฅผ ๋ง‰์•„ INP(Interaction to Next Paint)๋ฅผ ๋†’์ด๊ณ  LCP(Largest Contentful Paint)๋ฅผ ์ง€์—ฐ์‹œํ‚ต๋‹ˆ๋‹ค [5, 10]. ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์„ ์ ์ ˆํžˆ ๊ตฌ์„ฑํ•˜๋ฉด ๋ฉ”์ธ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 1.8MB์—์„œ 320KB๊นŒ์ง€ ์ค„์ด๋Š” ๋“ฑ์˜ ์ตœ์ ํ™”๊ฐ€ ๊ฐ€๋Šฅํ•ด์ ธ, INP ์ ์ˆ˜๋ฅผ 100ms ๊ฐ€๋Ÿ‰ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  ์ „์ฒด์ ์ธ ํŽ˜์ด์ง€ ์ƒํ˜ธ์ž‘์šฉ์„ฑ๊ณผ SEO ๋žญํ‚น์„ ๋ฐฉ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [10, 11]. +* **์ตœ์ ํ™” ๋ชจ๋ฒ” ์‚ฌ๋ก€ ๋ฐ ์ฃผ์˜์‚ฌํ•ญ:** + ์›นํŒฉ ๋งค์ง ์ฃผ์„(Webpack Magic Comments) ๋“ฑ์„ ์‚ฌ์šฉํ•œ ์‚ฌ์ „ ํŽ˜์น˜(Prefetching)๋‚˜ ์‚ฌ์ „ ๋กœ๋”ฉ(Preloading)์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋งค๋„๋Ÿฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [12]. ๋˜ํ•œ, ๋„คํŠธ์›Œํฌ ์˜ค๋ฅ˜๋‚˜ ์ฒญํฌ ๋กœ๋”ฉ ์‹คํŒจ ์ƒํ™ฉ์„ ์šฐ์•„ํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์—๋Ÿฌ ๋ฐ”์šด๋”๋ฆฌ(Error Boundaries) ๊ตฌํ˜„์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [13]. ๋‹ค๋งŒ, ์ง€๋‚˜์น˜๊ฒŒ ์„ธ๋ฐ€ํ•œ ๋‹จ์œ„๋กœ ๊ณผ๋„ํ•˜๊ฒŒ ๋ถ„ํ• (Over-splitting)ํ•˜๋Š” ๊ฒƒ์€ ์˜คํžˆ๋ ค ๋„คํŠธ์›Œํฌ ์˜ค๋ฒ„ํ—ค๋“œ๋ฅผ ์ฆ๊ฐ€์‹œ์ผœ ์„ฑ๋Šฅ์„ ์ €ํ•˜์‹œํ‚ค๋ฏ€๋กœ ์ฃผ์˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7, 8]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Lazy Loading]], [[Core Web Vitals]], [[Interaction to Next Paint (INP)]], [[Largest Contentful Paint (LCP)]], [[React Router]], [[Suspense]] +- **Projects/Contexts:** [[Next.js]], [[React Applications]], [[E-commerce Optimization]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์€ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„์™€ ์›น ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ์œ„ํ•ด ํ•„์ˆ˜์ ์ธ ๊ธฐ๋ฒ•์ด์ง€๋งŒ, ๋ฌด๋ถ„๋ณ„ํ•˜๊ฒŒ ๊ณผ๋„ํ•œ ๋ถ„ํ• (over-splitting)์„ ์ ์šฉํ•  ๊ฒฝ์šฐ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์€ ์ฒญํฌ๋ฅผ ๋กœ๋“œํ•ด์•ผ ํ•˜๋ฏ€๋กœ ์˜คํžˆ๋ ค ๋„คํŠธ์›Œํฌ ์˜ค๋ฒ„ํ—ค๋“œ(overhead)๊ฐ€ ์ฆ๊ฐ€ํ•ด ์„ฑ๋Šฅ์ด ์•…ํ™”๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ๊ฒฝ๊ณ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [7, 8, 14]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Core Web Vitals ์ตœ์ ํ™”.md b/00_Raw/Core Web Vitals ์ตœ์ ํ™”.md new file mode 100644 index 00000000..516e44f5 --- /dev/null +++ b/00_Raw/Core Web Vitals ์ตœ์ ํ™”.md @@ -0,0 +1,31 @@ +# [[Core Web Vitals ์ตœ์ ํ™”]] + +## ๐Ÿ“Œ Brief Summary +Core Web Vitals๋Š” ๊ตฌ๊ธ€์ด ์›นํŽ˜์ด์ง€์˜ ์‹ค์ œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋กœ๋”ฉ ์†๋„, ์ƒํ˜ธ์ž‘์šฉ์„ฑ, ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ ์ธก๋ฉด์—์„œ ๊ฐ๊ด€์ ์œผ๋กœ ํ‰๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ์ œ์ •ํ•œ ํ•ต์‹ฌ ์„ฑ๋Šฅ ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค [1-3]. 2025๋…„ ์—…๋ฐ์ดํŠธ๋ฅผ ํ†ตํ•ด ๊ธฐ์กด์˜ ์ƒํ˜ธ์ž‘์šฉ ์ง€ํ‘œ์˜€๋˜ FID(First Input Delay)๊ฐ€ ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ์˜ ์ „์ฒด ์ง€์—ฐ ์‹œ๊ฐ„์„ ์ธก์ •ํ•˜๋Š” INP(Interaction to Next Paint)๋กœ ๊ณต์‹ ๋Œ€์ฒด๋˜์—ˆ์Šต๋‹ˆ๋‹ค [1, 4, 5]. ์ด ์ง€ํ‘œ๋“ค์„ ์ตœ์ ํ™”ํ•˜๋Š” ๊ฒƒ์€ ๋‹จ์ˆœํžˆ ํŽ˜์ด์ง€ ์†๋„๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์„ ๋„˜์–ด, ์ตœ์‹  ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์ˆœ์œ„๋ฅผ ๋†’์ด๊ณ  ์ „ํ™˜์œจ๊ณผ ์‚ฌ์šฉ์ž ๋งŒ์กฑ๋„๋ฅผ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ๋ชจ๋˜ ์›น ์—”์ง€๋‹ˆ์–ด๋ง์˜ ํ•„์ˆ˜ ๊ณผ์ œ์ž…๋‹ˆ๋‹ค [6-8]. + +## ๐Ÿ“– Core Content +**1. ํ•ต์‹ฌ ์ง€ํ‘œ๋ณ„ ์ดํ•ด์™€ ์ตœ์ ํ™” ์ „๋žต** +* **LCP (Largest Contentful Paint - ๋กœ๋”ฉ ์„ฑ๋Šฅ):** ๋ทฐํฌํŠธ ๋‚ด์—์„œ ๊ฐ€์žฅ ํฐ ๋ฉ”์ธ ์ฝ˜ํ…์ธ (์ฃผ๋กœ ํžˆ์–ด๋กœ ์ด๋ฏธ์ง€๋‚˜ ํฐ ํ…์ŠคํŠธ ๋ธ”๋ก)๊ฐ€ ํ™”๋ฉด์— ํ‘œ์‹œ๋  ๋•Œ๊นŒ์ง€์˜ ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค [9-11]. + * *๋ฌธ์ œ ์›์ธ:* ๋ Œ๋”๋ง์„ ์ฐจ๋‹จํ•˜๋Š” CSS/JS ๋ฆฌ์†Œ์Šค, ๋Š๋ฆฐ ์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„(TTFB), ์ตœ์ ํ™”๋˜์ง€ ์•Š์€ ๋Œ€์šฉ๋Ÿ‰ ์ด๋ฏธ์ง€, ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ํ™˜๊ฒฝ์—์„œ์˜ ๋ Œ๋”๋ง ์ง€์—ฐ์ด ์ฃผ์š” ์›์ธ์ž…๋‹ˆ๋‹ค [12, 13]. + * *์ตœ์ ํ™” ๋ฐฉ๋ฒ•:* ์ฐจ์„ธ๋Œ€ ์ด๋ฏธ์ง€ ํฌ๋งท(WebP, AVIF) ์‚ฌ์šฉ ๋ฐ ์••์ถ•, LCP ๋ฆฌ์†Œ์Šค์— `fetchpriority="high"` ์ ์šฉ ๋ฐ ์‚ฌ์ „ ๋กœ๋“œ(preload), ์ •์  ์—์…‹์˜ CDN ์ œ๊ณต์„ ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [9, 14-16]. ๋˜ํ•œ, SSR(Server-Side Rendering)์„ ๋„์ž…ํ•˜๊ณ  ์ค‘์š” CSS(Critical CSS)๋ฅผ ์ธ๋ผ์ธ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜์—ฌ ๋กœ๋”ฉ ์†๋„๋ฅผ ํ–ฅ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [16-18]. +* **INP (Interaction to Next Paint - ์ƒํ˜ธ์ž‘์šฉ์„ฑ):** ์‚ฌ์šฉ์ž์˜ ์ƒํ˜ธ์ž‘์šฉ(ํด๋ฆญ, ํƒญ, ํ‚ค ์ž…๋ ฅ ๋“ฑ) ๋ฐœ์ƒ ํ›„ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋‹ค์Œ ํ”„๋ ˆ์ž„์„ ํ‘œ์‹œํ•  ๋•Œ๊นŒ์ง€ ๊ฑธ๋ฆฌ๋Š” ์ „์ฒด ์‘๋‹ต ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค [4, 19, 20]. + * *๋ฌธ์ œ ์›์ธ:* ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๋ฅผ ์ฐจ๋‹จํ•˜๋Š” ๋ฌด๊ฑฐ์šด JavaScript ์ž‘์—…(50ms ์ดˆ๊ณผ), ๊ณผ๋„ํ•œ ์„œ๋“œํŒŒํ‹ฐ ์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰, ๋ณต์žกํ•œ DOM ์กฐ์ž‘ ๋ฐ ํ”„๋ ˆ์ž„์›Œํฌ(React ๋“ฑ)์˜ ๋ถˆํ•„์š”ํ•œ ๋ฆฌ๋ Œ๋”๋ง์ด INP ์ €ํ•˜๋ฅผ ์ผ์œผํ‚ต๋‹ˆ๋‹ค [21, 22]. + * *์ตœ์ ํ™” ๋ฐฉ๋ฒ•:* ์—ฐ์‚ฐ์ด ๋ฌด๊ฑฐ์šด ์ž‘์—…์€ Web Workers๋ฅผ ์ด์šฉํ•ด ๋ฉ”์ธ ์Šค๋ ˆ๋“œ ๋ฐ–์œผ๋กœ ์˜คํ”„๋กœ๋“œ(Offload)ํ•˜๊ณ , ๊ธด ์ž‘์—…์€ 50ms ์ดํ•˜์˜ ์ฒญํฌ ๋‹จ์œ„๋กœ ๋ถ„ํ• ํ•˜์—ฌ ๋ธŒ๋ผ์šฐ์ €์— ์ œ์–ด๊ถŒ์„ ์–‘๋ณด(`setTimeout` ํ™œ์šฉ)ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [19, 23-25]. ๋”๋ถˆ์–ด ์„œ๋“œํŒŒํ‹ฐ ์Šคํฌ๋ฆฝํŠธ ์ง€์—ฐ(defer), ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ ์ตœ์ ํ™”(๋””๋ฐ”์šด์Šค/์Šค๋กœํ‹€), React ํ™˜๊ฒฝ์—์„œ์˜ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…(Code Splitting) ๋ฐ ์ ์ง„์  ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Progressive Hydration)์˜ ๋„์ž…์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [22, 26-28]. +* **CLS (Cumulative Layout Shift - ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ):** ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋˜๋Š” ๋™์•ˆ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋ ˆ์ด์•„์›ƒ์˜ ์ด๋™์ด ์–ผ๋งˆ๋‚˜ ์ผ์–ด๋‚˜๋Š”์ง€ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค [9, 29, 30]. + * *๋ฌธ์ œ ์›์ธ:* `width` ๋ฐ `height` ์†์„ฑ์ด ์ง€์ •๋˜์ง€ ์•Š์€ ์ด๋ฏธ์ง€ ๋ฐ ๋น„๋””์˜ค, ๊ธฐ์กด ์ฝ˜ํ…์ธ  ์œ„๋กœ ๋™์ ์œผ๋กœ ์‚ฝ์ž…๋˜๋Š” ๊ด‘๊ณ , ์›น ํฐํŠธ ๋กœ๋”ฉ ์ง€์—ฐ์œผ๋กœ ์ธํ•œ ํ…์ŠคํŠธ ํฐํŠธ ๊นœ๋นก์ž„(FOIT/FOUT), ๋ ˆ์ด์•„์›ƒ์„ ๋‹ค์‹œ ๊ณ„์‚ฐํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ์†์„ฑ ์‚ฌ์šฉ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค [29, 31]. + * *์ตœ์ ํ™” ๋ฐฉ๋ฒ•:* ๋ฏธ๋””์–ด ์š”์†Œ์— ๋ช…์‹œ์ ์ธ ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜๊ณ , ๊ด‘๊ณ ๋‚˜ ๋™์  ์ž„๋ฒ ๋“œ๋ฅผ ์œ„ํ•œ ๊ณต๊ฐ„์„ `min-height`๋‚˜ `aspect-ratio`๋ฅผ ์ด์šฉํ•ด ๋ฏธ๋ฆฌ ํ™•๋ณดํ•ด ๋‘์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [32-34]. ์›น ํฐํŠธ๋Š” `font-display: swap` ๋˜๋Š” `optional`์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฒ˜๋ฆฌํ•˜๋ฉฐ, ์• ๋‹ˆ๋ฉ”์ด์…˜์€ ๋ ˆ์ด์•„์›ƒ ์žฌ๊ณ„์‚ฐ์„ ์œ ๋ฐœํ•˜์ง€ ์•Š๋Š” CSS `transform` ์†์„ฑ์œผ๋กœ ์ œ์–ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [34, 35]. + +**2. ์„ฑ๋Šฅ ์ธก์ • ๋„๊ตฌ ๋ฐ ๋ชจ๋‹ˆํ„ฐ๋ง** +* *์‹คํ—˜์‹ค ๋ฐ์ดํ„ฐ(Lab Testing):* ํ†ต์ œ๋œ ํ™˜๊ฒฝ์—์„œ ๊ธฐ์ˆ ์  ๊ฒฐํ•จ์„ ๋ถ„์„ํ•˜๊ธฐ ์œ„ํ•ด Google Lighthouse, WebPageTest, Chrome DevTools, PageSpeed Insights ๋“ฑ์„ ์‚ฌ์šฉํ•ด ๋ณ‘๋ชฉ ๊ตฌ๊ฐ„์„ ์ง„๋‹จํ•ฉ๋‹ˆ๋‹ค [36, 37]. +* *์‹ค์ œ ์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ(RUM):* ์‚ฌ์šฉ์ž ์ฒด๊ฐ ์„ฑ๋Šฅ ๋ชจ๋‹ˆํ„ฐ๋ง์„ ์œ„ํ•ด Google Search Console(Core Web Vitals ๋ณด๊ณ ์„œ), GTmetrix, New Relic, Datadog RUM ๋“ฑ์„ ํ™œ์šฉํ•ด ์ง€์†์ ์œผ๋กœ ์„ฑ๊ณผ ์˜ˆ์‚ฐ์„ ๋ชจ๋‹ˆํ„ฐ๋งํ•˜๊ณ  ํšŒ๊ท€(Regression)๋ฅผ ๋ฐฉ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [38-41]. + +**3. ๋น„์ฆˆ๋‹ˆ์Šค ๋ฐ SEO ๊ด€์ ์˜ ํšจ๊ณผ** +์ตœ์ ํ™”๊ฐ€ ๋˜์ง€ ์•Š์€ ์‚ฌ์ดํŠธ์—์„œ Core Web Vitals์˜ ๋ชจ๋“  ์ง€ํ‘œ๋ฅผ "Good(์šฐ์ˆ˜)" ์ˆ˜์ค€์œผ๋กœ ๋Œ์–ด์˜ฌ๋ฆฌ๋ฉด ํ‰๊ท ์ ์œผ๋กœ ์ „ํ™˜์œจ 25% ์ƒ์Šน, ์ดํƒˆ๋ฅ  35% ๊ฐ์†Œ, ๋ฐฉ๋ฌธ์ž๋‹น ์ˆ˜์ต์ด 30% ๊ฐœ์„ ๋˜๋Š” ํšจ๊ณผ๋ฅผ ๊ฑฐ๋‘˜ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [42, 43]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Search Engine Optimization (SEO)]], [[First Contentful Paint (FCP)]], [[Time to First Byte (TTFB)]], [[JavaScript Optimization]] +- **Projects/Contexts:** [[React SEO ๋ฐ ์„ฑ๋Šฅ ์ตœ์ ํ™”]], [[์ด์ปค๋จธ์Šค ์›น์‚ฌ์ดํŠธ ์†๋„ ๋ฐ ์ „ํ™˜์œจ ๊ฐœ์„ ]], [[์›น ์ ‘๊ทผ์„ฑ ๋ฐ ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™”]] +- **Contradictions/Notes:** ์†Œ์Šค [44]์€ 2025๋…„ Google์˜ Core Web Vitals ๊ธฐ์ค€์ด ๋”์šฑ ์—„๊ฒฉํ•ด์ ธ LCP 2.0์ดˆ ๋ฏธ๋งŒ, CLS 0.08 ๋ฏธ๋งŒ, INP 150ms ๋ฏธ๋งŒ์„ ๋‹ฌ์„ฑํ•ด์•ผ ํ•œ๋‹ค๊ณ  ์ฃผ์žฅํ•ฉ๋‹ˆ๋‹ค [45]. ํ•˜์ง€๋งŒ ์†Œ์Šค [46], [47], [48], [49] ๋“ฑ ๋‹ค๋ฅธ ์—ฌ๋Ÿฌ ์ตœ์‹  ๋ฌธ์„œ์—์„œ๋Š” ์—ฌ์ „ํžˆ LCP 2.5์ดˆ ์ดํ•˜, CLS 0.1 ์ดํ•˜, INP 200ms ์ดํ•˜๋ฅผ '์šฐ์ˆ˜(Good)' ๊ธฐ์ค€์œผ๋กœ ๋ช…์‹œํ•˜๊ณ  ์žˆ์–ด, ๊ธฐ์ค€ ์ž„๊ณ„๊ฐ’์— ๋Œ€ํ•œ ์ •๋ณด ๊ฐ„์˜ ๋ถˆ์ผ์น˜๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค [4, 10, 32, 50, 51]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/E-commerce Migration Case Study.md b/00_Raw/E-commerce Migration Case Study.md new file mode 100644 index 00000000..ff336133 --- /dev/null +++ b/00_Raw/E-commerce Migration Case Study.md @@ -0,0 +1,24 @@ +# [[E-commerce Migration Case Study]] + +## ๐Ÿ“Œ Brief Summary +์ด ์ฃผ์ œ๋Š” ๊ธฐ์กด ํ”„๋ก ํŠธ์—”๋“œ ๊ตฌ์กฐ(์˜ˆ: ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜)๋ฅผ ํ˜„๋Œ€์ ์ธ ์›น ์•„ํ‚คํ…์ฒ˜๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์™€ Core Web Vitals ์ง€ํ‘œ๋ฅผ ํฌ๊ฒŒ ๊ฐœ์„ ํ•œ ์ด์ปค๋จธ์Šค ์›น์‚ฌ์ดํŠธ์˜ ์‹ค์ œ ์„ฑ๊ณต ์‚ฌ๋ก€๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ๋ Œ๋”๋ง ๋ฐฉ์‹์„ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์—์„œ ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR)์ด๋‚˜ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์œผ๋กœ ์ „ํ™˜ํ•˜๊ณ  ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•จ์œผ๋กœ์จ ์ธ๋ฑ์‹ฑ ๋น„์œจ, ํŽ˜์ด์ง€ ๋กœ๋“œ ์†๋„, ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ, ๊ทธ๋ฆฌ๊ณ  ๋น„์ฆˆ๋‹ˆ์Šค ์ „ํ™˜์œจ์„ ํš๊ธฐ์ ์œผ๋กœ ๋†’์ธ ๊ตฌ์ฒด์ ์ธ ๊ฒฐ๊ณผ๋“ค์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. + +## ๐Ÿ“– Core Content +์ œ๊ณต๋œ ์†Œ์Šค์—์„œ๋Š” ์ด์ปค๋จธ์Šค ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๋ฐ ์„ฑ๋Šฅ ์ตœ์ ํ™”๊ฐ€ ๋น„์ฆˆ๋‹ˆ์Šค ์ง€ํ‘œ์— ๋ฏธ์นœ ์˜ํ–ฅ์„ ๋ณด์—ฌ์ฃผ๋Š” ๋‘ ๊ฐ€์ง€ ์ฃผ์š” ์‚ฌ๋ก€ ์—ฐ๊ตฌ๋ฅผ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค. + +* **ํŒจ์…˜ ์ด์ปค๋จธ์Šค ์‚ฌ์ดํŠธ์˜ Next.js ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์‚ฌ๋ก€ (Create React App์—์„œ Next.js๋กœ ์ „ํ™˜)** + * **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ด์ „ (CSR ๋ฐฉ์‹):** 10,000๊ฐœ์˜ ์ œํ’ˆ์„ ๋ณด์œ ํ•œ ํŒจ์…˜ ์ด์ปค๋จธ์Šค ์‚ฌ์ดํŠธ๋กœ, ๊ธฐ์กด์—๋Š” Create React App์„ ์ด์šฉํ•œ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์œผ๋กœ ๊ตฌ์ถ•๋˜์–ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค [1, 2]. ๋‹น์‹œ ์ œํ’ˆ์˜ 40%๋งŒ ๊ฒ€์ƒ‰ ์—”์ง„์— ์ธ๋ฑ์‹ฑ๋˜์—ˆ๊ณ , ํ‰๊ท  ์ฒซ ๋ฐ”์ดํŠธ ๋„๋‹ฌ ์‹œ๊ฐ„(TTFB)์€ 200ms, ์ตœ๋Œ€ ์ฝ˜ํ…์ธ  ํ’€ ํŽ˜์ธํŠธ(LCP)๋Š” 4.2์ดˆ๋กœ 'Poor(๋‚˜์จ)' ์ƒํƒœ์˜€์Šต๋‹ˆ๋‹ค [1, 2]. ์›” ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์€ 50,000๊ฑด, ์ˆ˜์ต์€ $200,000์ด์—ˆ์Šต๋‹ˆ๋‹ค [1, 2]. + * **์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ:** ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€์—๋Š” ์ •์  ์ƒ์„ฑ(Static generation)์„ ์ ์šฉํ–ˆ๊ณ , ์ œํ’ˆ ํŽ˜์ด์ง€์—๋Š” 1์‹œ๊ฐ„(3600์ดˆ) ๋‹จ์œ„๋กœ ์—…๋ฐ์ดํŠธ๋˜๋Š” ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR)์„ ๋„์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค [3, 4]. ๋˜ํ•œ, ๋ฆฌ์น˜ ๋ฆฌ์ ˆํŠธ๋ฅผ ์œ„ํ•œ ์ œํ’ˆ ์Šคํ‚ค๋งˆ(Product schema) ์ ์šฉ, WebP ํฌ๋งท์„ ํ™œ์šฉํ•œ Next.js Image ์ปดํฌ๋„ŒํŠธ ๋„์ž…, ๊ทธ๋ฆฌ๊ณ  ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์„ ํ†ตํ•ด ๋ฉ”์ธ JS ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 1.8MB์—์„œ 320KB๋กœ ๋Œ€ํญ ์ถ•์†Œํ–ˆ์Šต๋‹ˆ๋‹ค [3, 4]. + * **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ดํ›„ ๊ฒฐ๊ณผ:** ๋‘ ๋ช…์˜ ์—”์ง€๋‹ˆ์–ด๊ฐ€ 6์ฃผ๊ฐ„ ์ž‘์—…ํ•œ ๊ฒฐ๊ณผ, ์ธ๋ฑ์‹ฑ ๋น„์œจ์ด 95%๋กœ ์ฆ๊ฐ€ํ–ˆ๊ณ  ํ‰๊ท  TTFB๋Š” 50ms๋กœ ๋‹จ์ถ•๋˜์—ˆ์Šต๋‹ˆ๋‹ค [3-6]. LCP๋Š” 1.8์ดˆ๋กœ ํ–ฅ์ƒ๋˜์–ด 'Good(์ข‹์Œ)' ๊ธฐ์ค€์„ ์ถฉ์กฑํ–ˆ์Šต๋‹ˆ๋‹ค [3, 4]. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์€ 70% ์ฆ๊ฐ€ํ•œ 85,000๊ฑด, ์›” ์ˆ˜์ต์€ 75% ์ฆ๊ฐ€ํ•œ $350,000๋ฅผ ๊ธฐ๋กํ•˜์—ฌ ์—ฐ๊ฐ„ 180๋งŒ ๋‹ฌ๋Ÿฌ์˜ ์ถ”๊ฐ€ ๋งค์ถœ(ROI)์„ ๋‹ฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค [3-6]. + +* **๋ฆฌํ…Œ์ผ ํŒจ์…˜ ์Šคํ† ์–ด์˜ Core Web Vitals ์ตœ์ ํ™” ์‚ฌ๋ก€** + * **์ตœ์ ํ™” ์ด์ „:** ๋ฌด๊ฑฐ์šด ์ œํ’ˆ ์ด๋ฏธ์ง€์™€ ๋™์  ๊ด‘๊ณ  ๋ฐฐ์น˜๋กœ ์ธํ•ด LCP๊ฐ€ 4.2์ดˆ(๋‚˜์จ)์˜€์œผ๋ฉฐ, ๋ˆ„์  ๋ ˆ์ด์•„์›ƒ ์ด๋™(CLS)์€ 0.28(๋‚˜์จ), ์ƒํ˜ธ์ž‘์šฉ ์ง€์—ฐ ์‹œ๊ฐ„(INP)์€ 480ms(๊ฐœ์„  ํ•„์š”)๋ฅผ ๊ธฐ๋กํ–ˆ์Šต๋‹ˆ๋‹ค [7]. + * **์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ ๋ฐ ๊ฒฐ๊ณผ:** ๊ณ ๊ธ‰ ์ด๋ฏธ์ง€ ์••์ถ• ๊ธฐ์ˆ ์„ ์ ์šฉํ•˜๊ณ , ๋ ˆ์ด์•„์›ƒ ์ด๋™์„ ๋ง‰๊ธฐ ์œ„ํ•ด ๊ด‘๊ณ  ๊ณต๊ฐ„์„ ๋ฏธ๋ฆฌ ํ™•๋ณดํ–ˆ์œผ๋ฉฐ, JavaScript ์‹คํ–‰ ์‹œ๊ฐ„์„ 37% ์ค„์ด๋Š” ์ตœ์ ํ™”๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค [7]. ๋ถˆ๊ณผ 3๊ฐœ์›” ํ›„ LCP๋Š” 2.1์ดˆ(์ข‹์Œ), CLS๋Š” 0.06(์ข‹์Œ), INP๋Š” 180ms(์ข‹์Œ)๋กœ ๋ชจ๋‘ ๋ˆˆ์— ๋„๊ฒŒ ๊ฐœ์„ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค [7]. ์ด ์„ฑ๋Šฅ ํ–ฅ์ƒ ๋•๋ถ„์— ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์ด 32% ์ƒ์Šนํ•˜๊ณ  ์ „ํ™˜์œจ์ด 22% ์ฆ๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค [7]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Client-Side Rendering (CSR)]], [[Incremental Static Regeneration (ISR)]], [[Core Web Vitals]], [[Search Engine Optimization (SEO)]], [[Largest Contentful Paint (LCP)]], [[Cumulative Layout Shift (CLS)]] +- **Projects/Contexts:** [[Next.js Migration]], [[E-commerce Website Optimization]] +- **Contradictions/Notes:** ์†Œ์Šค ๋‚ด์—์„œ ์ด์ปค๋จธ์Šค ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๊ฒฐ๊ณผ์— ๋Œ€ํ•œ ์ƒ์ถฉ๋˜๋Š” ์ฃผ์žฅ์€ ๋ฐœ๊ฒฌ๋˜์ง€ ์•Š์œผ๋ฉฐ, ๋ Œ๋”๋ง ๋ฐฉ์‹์˜ ํ˜„๋Œ€ํ™”(CSR์—์„œ ISR ๋“ฑ) ๋ฐ ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”๊ฐ€ ์ด์ปค๋จธ์Šค ํŠธ๋ž˜ํ”ฝ๊ณผ ๋งค์ถœ ์ฆ๊ฐ€์— ์ง์ ‘์ ์œผ๋กœ ๊ธ์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค๋Š” ์ ์ด ๊ณตํ†ต์ ์œผ๋กœ ์ž…์ฆ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/E-commerce Migration to Next.js Case Study.md b/00_Raw/E-commerce Migration to Next.js Case Study.md new file mode 100644 index 00000000..8c00b2dc --- /dev/null +++ b/00_Raw/E-commerce Migration to Next.js Case Study.md @@ -0,0 +1,17 @@ +# [[E-commerce Migration to Next.js Case Study]] + +## ๐Ÿ“Œ Brief Summary +์ด ์ฃผ์ œ๋Š” 10,000๊ฐœ์˜ ์ œํ’ˆ์„ ๋ณด์œ ํ•œ ํŒจ์…˜ ์ด์ปค๋จธ์Šค ์‚ฌ์ดํŠธ๊ฐ€ ๊ธฐ์กด์˜ CSR(Client-Side Rendering) ๊ธฐ๋ฐ˜ Create React App ํ™˜๊ฒฝ์—์„œ Next.js ๊ธฐ๋ฐ˜์œผ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•œ ์‹ค์ œ ์‚ฌ๋ก€๋ฅผ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ์ด ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ƒ‰์ธ๋ฅ , ๋กœ๋”ฉ ์„ฑ๋Šฅ(LCP), ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์„ ๊ทน์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์ˆ˜ํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ๋ Œ๋”๋ง ์ „๋žต์˜ ์ „ํ™˜๊ณผ ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด ์‚ฌ์ดํŠธ์˜ ๋งค์ถœ์ด ๋Œ€ํญ ํ–ฅ์ƒ๋˜๋Š” ์ง์ ‘์ ์ธ ๋น„์ฆˆ๋‹ˆ์Šค ์„ฑ๊ณผ๋ฅผ ์ฐฝ์ถœํ–ˆ์Šต๋‹ˆ๋‹ค. + +## ๐Ÿ“– Core Content +* **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ด์ „ ์ƒํƒœ ๋ฐ ๋ฌธ์ œ์  (CSR ํ™˜๊ฒฝ):** ๊ธฐ์กด ์ด์ปค๋จธ์Šค ์‚ฌ์ดํŠธ๋Š” Create React App์„ ์‚ฌ์šฉํ•œ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๋ฐฉ์‹์œผ๋กœ ๊ตฌ์ถ•๋˜์–ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค [1]. ์ „์ฒด 10,000๊ฐœ์˜ ์ œํ’ˆ ์ค‘ 40%์ธ 4,000๊ฐœ๋งŒ ๊ฒ€์ƒ‰ ์—”์ง„์— ์ƒ‰์ธ๋˜์—ˆ์œผ๋ฉฐ, ํ‰๊ท  TTFB(Time to First Byte)๋Š” 200ms, ํ‰๊ท  LCP(Largest Contentful Paint)๋Š” 4.2์ดˆ๋กœ ์„ฑ๋Šฅ์ด ๋งค์šฐ ์ €์กฐ(Poor)ํ–ˆ์Šต๋‹ˆ๋‹ค [1]. ๋‹น์‹œ ์œ ๊ธฐ์  ๊ฒ€์ƒ‰ ํŠธ๋ž˜ํ”ฝ์€ ์›” 50,000๋ช…, ์œ ๊ธฐ์  ๊ฒ€์ƒ‰์„ ํ†ตํ•œ ๋งค์ถœ์€ ์›” 20๋งŒ ๋‹ฌ๋Ÿฌ์— ๋จธ๋ฌผ๋ €์Šต๋‹ˆ๋‹ค [1]. +* **์ตœ์ ํ™” ๋ฐ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์‹คํ–‰ (Next.js ๋„์ž…):** ๋‘ ๋ช…์˜ ์—”์ง€๋‹ˆ์–ด๊ฐ€ 6์ฃผ์— ๊ฑธ์ณ Next.js๋กœ์˜ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์™„๋ฃŒํ–ˆ์Šต๋‹ˆ๋‹ค [2]. ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์œผ๋กœ๋Š” ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€(`/category/*`)์— ๋นŒ๋“œ ํƒ€์ž„ ์ •์  ์ƒ์„ฑ(SSG)์„ ๋„์ž…ํ•˜๊ณ , ์ œํ’ˆ ํŽ˜์ด์ง€์—๋Š” 1์‹œ๊ฐ„ ๋‹จ์œ„ ์—…๋ฐ์ดํŠธ(`revalidate: 3600`)๋ฅผ ์ ์šฉํ•œ ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR) ๋ฐฉ์‹์„ ์ฑ„ํƒํ•œ ๊ฒƒ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค [3]. ๋˜ํ•œ ํ’๋ถ€ํ•œ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ(Rich results)๋ฅผ ์œ„ํ•ด ์ œํ’ˆ ์Šคํ‚ค๋งˆ(Product schema) ๊ตฌ์กฐํ™” ๋ฐ์ดํ„ฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ , WebP ํฌ๋งท๊ณผ Next.js Image ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ™œ์šฉํ•ด ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค [3]. ๋”๋ถˆ์–ด ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์„ ํ†ตํ•ด ๋ฉ”์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค์˜ ํฌ๊ธฐ๋ฅผ 1.8MB์—์„œ 320KB๋กœ ํฌ๊ฒŒ ์ถ•์†Œํ–ˆ์Šต๋‹ˆ๋‹ค [3]. +* **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ดํ›„ ์„ฑ๊ณผ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์˜ํ–ฅ:** Next.js ISR์„ ์ ์šฉํ•œ ํ›„, ์ œํ’ˆ ์ƒ‰์ธ๋ฅ ์€ ๊ธฐ์กด 40%์—์„œ 95%(9,500/10,000)๋กœ ๊ธ‰์ฆํ–ˆ์Šต๋‹ˆ๋‹ค [3]. ISR ์บ์‹œ ์ ์ค‘ ๋•๋ถ„์— ํ‰๊ท  TTFB๋Š” 50ms๋กœ ๋‹จ์ถ•๋˜์—ˆ๊ณ , ํ‰๊ท  LCP๋Š” 1.8์ดˆ๋กœ ๋–จ์–ด์ ธ Core Web Vitals์—์„œ 'Good' ๋“ฑ๊ธ‰์„ ๋‹ฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค [3]. ๋น„์ฆˆ๋‹ˆ์Šค ์ธก๋ฉด์—์„œ๋Š” ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์ด ์›” 85,000๋ช…์œผ๋กœ 70% ์ฆ๊ฐ€ํ–ˆ์œผ๋ฉฐ, ๋งค์ถœ์€ ์›” 35๋งŒ ๋‹ฌ๋Ÿฌ๋กœ 75% ์ƒ์Šนํ•˜์—ฌ ๊ฒฐ๊ณผ์ ์œผ๋กœ ์›” 15๋งŒ ๋‹ฌ๋Ÿฌ, ์—ฐ๊ฐ„ 180๋งŒ ๋‹ฌ๋Ÿฌ์˜ ์ถ”๊ฐ€ ์ˆ˜์ต(ROI)์„ ์ฐฝ์ถœํ–ˆ์Šต๋‹ˆ๋‹ค [2, 3]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Incremental Static Regeneration (ISR)]], [[Client-Side Rendering (CSR)]], [[Largest Contentful Paint (LCP)]], [[Core Web Vitals]], [[Code Splitting]], [[Image Optimization]] +- **Projects/Contexts:** [[React SEO Guide]], [[E-commerce Web Development]], [[Web Performance Optimization]] +- **Contradictions/Notes:** ๊ธฐ์กด CSR ๊ธฐ๋ฐ˜์˜ React ์•ฑ์€ ์ดˆ๊ธฐ HTML์ด ๋น„์–ด ์žˆ์–ด ๊ฒ€์ƒ‰ ์—”์ง„ ์ƒ‰์ธ ์ง€์—ฐ ๋ฐ ์„ฑ๋Šฅ(LCP) ๋ฌธ์ œ๋ฅผ ์ดˆ๋ž˜ํ–ˆ์œผ๋‚˜, Next.js์˜ SSR/SSG/ISR ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์›น ์„ฑ๋Šฅ๊ณผ SEO ํŠธ๋ž˜ํ”ฝ์„ ๋™์‹œ์— ํš๊ธฐ์ ์œผ๋กœ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Œ์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ฆ๋ช…ํ•œ ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค [1, 3]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/First Contentful Paint (FCP).md b/00_Raw/First Contentful Paint (FCP).md new file mode 100644 index 00000000..82e20779 --- /dev/null +++ b/00_Raw/First Contentful Paint (FCP).md @@ -0,0 +1,21 @@ +# [[First Contentful Paint (FCP)]] + +## ๐Ÿ“Œ Brief Summary +First Contentful Paint(FCP)๋Š” ์›น ์„ฑ๋Šฅ ์ง€ํ‘œ ์ค‘ ํ•˜๋‚˜๋กœ, ์‚ฌ์šฉ์ž์˜ ํ™”๋ฉด์— ์ฒซ ๋ฒˆ์งธ ํ…์ŠคํŠธ๋‚˜ ์ด๋ฏธ์ง€๊ฐ€ ๋ Œ๋”๋ง๋˜๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค [1, 2]. ์ด ์ง€ํ‘œ๋Š” ์ดˆ๊ธฐ ์ฝ˜ํ…์ธ  ํ‘œ์‹œ ์„ฑ๋Šฅ์— ์ง‘์ค‘ํ•˜๋ฉฐ, ์ง€์—ฐ๋  ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž์˜ ์‚ฌ์ดํŠธ ์ฒด๋ฅ˜ ์‹œ๊ฐ„๊ณผ ์ „๋ฐ˜์ ์ธ ํŽ˜์ด์ง€ ๊ฒฝํ—˜์— ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค [2, 3]. + +## ๐Ÿ“– Core Content +* **์—ญํ•  ๋ฐ ์ธก์ • ๊ธฐ์ค€:** FCP๋Š” ํ™”๋ฉด์— ์ฒซ ๋ฒˆ์งธ ์ฝ˜ํ…์ธ (ํ…์ŠคํŠธ ๋˜๋Š” ์ด๋ฏธ์ง€)๊ฐ€ ๊ทธ๋ ค์ง€๋Š” ์‹œ์ ์„ ์ธก์ •ํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์ดํŠธ ๋กœ๋”ฉ์„ ์ฒด๊ฐํ•˜๋Š” ์ฒซ ์ˆœ๊ฐ„์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค [1]. ์ด๋Š” ํŽ˜์ด์ง€์˜ ๋ฉ”์ธ ์ฝ˜ํ…์ธ ๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ์‹œ์ ์„ ์ธก์ •ํ•˜๋Š” LCP(Largest Contentful Paint)์™€๋Š” ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„๋˜๋Š” ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค [2]. +* **์ž„๊ณ„๊ฐ’ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์˜ํ–ฅ:** FCP์˜ ๊ถŒ์žฅ ์ž„๊ณ„๊ฐ’์€ 1.5์ดˆ ๋ฏธ๋งŒ [1] ํ˜น์€ 1.8์ดˆ ์ดํ•˜ [4-6]๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค. FCP ๊ธฐ์ค€์„ ์ถฉ์กฑํ•˜์ง€ ๋ชปํ•˜๊ณ  ์ง€์—ฐ๋  ๊ฒฝ์šฐ, ์‚ฌ์šฉ์ž์˜ ์‚ฌ์ดํŠธ ์ฒด๋ฅ˜ ์‹œ๊ฐ„์ด 9%๊ฐ€๋Ÿ‰ ๊ฐ์†Œํ•˜๋ฉฐ Google์˜ ํŽ˜์ด์ง€ ๊ฒฝํ—˜ ์ ์ˆ˜(Page Experience Score)์—๋„ ์•…์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค [3]. +* **์ตœ์ ํ™” ์ „๋žต:** + * ๊ธฐ์ˆ ์  ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด ์ค‘์š”ํ•œ(Critical) CSS๋ฅผ ์ธ๋ผ์ธ์œผ๋กœ ์ฒ˜๋ฆฌํ•˜๊ณ , ๋ Œ๋”๋ง์„ ์ฐจ๋‹จํ•˜๋Š” ๋ฆฌ์†Œ์Šค๋ฅผ ์ตœ์†Œํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7]. + * `preconnect`๋‚˜ `dns-prefetch`์™€ ๊ฐ™์€ ๋ฆฌ์†Œ์Šค ํžŒํŠธ๋ฅผ ํ™œ์šฉํ•˜๊ณ  ํฐํŠธ ๋กœ๋”ฉ์„ ์ตœ์ ํ™”ํ•˜๋ฉฐ ์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค [7]. + * React ๊ธฐ๋ฐ˜์˜ ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์—์„œ๋Š” ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์„ ๋„์ž…ํ•˜์—ฌ ์ดˆ๊ธฐ HTML์„ ์ œ๊ณตํ•จ์œผ๋กœ์จ FCP๋ฅผ ๋น ๋ฅด๊ฒŒ ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [8, 9]. + * ๋˜ํ•œ, ๋ผ์šฐํŠธ ๋ฐ ์ปดํฌ๋„ŒํŠธ ์ˆ˜์ค€์—์„œ์˜ ์ฝ”๋“œ ๋ถ„ํ• (Code-splitting)๊ณผ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy loading)์„ ์ ์šฉํ•˜๋ฉด ์ดˆ๊ธฐ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ์ค„์—ฌ FCP ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [10, 11]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Core Web Vitals]], [[Largest Contentful Paint (LCP)]], [[Server-Side Rendering (SSR)]], [[Render-Blocking Resources]] +- **Projects/Contexts:** [[Google Page Experience 2025]], [[React SEO Optimization]], [[Frontend Performance Optimization]] +- **Contradictions/Notes:** ์†Œ์Šค 6์€ FCP๊ฐ€ 2025๋…„๋ถ€ํ„ฐ 1.5์ดˆ ๋ฏธ๋งŒ์˜ ๊ธฐ์ค€์„ ๊ฐ€์ง„ ์ƒˆ๋กœ์šด Core Web Vitals ์ง€ํ‘œ๋กœ ๊ณต์‹ ์ถ”์ ๋œ๋‹ค๊ณ  ์ฃผ์žฅํ•ฉ๋‹ˆ๋‹ค [1, 12]. ๋ฐ˜๋ฉด, ์†Œ์Šค 14, 15 ๋ฐ 28์—์„œ๋Š” FCP๋ฅผ ๋ณด์กฐ ๋ฉ”ํŠธ๋ฆญ(Supporting metrics)์œผ๋กœ ๋ถ„๋ฅ˜ํ•˜๊ฑฐ๋‚˜ ์ข‹์€ ์ ์ˆ˜์˜ ๊ธฐ์ค€์„ 1.8์ดˆ ์ดํ•˜๋กœ ๋ช…์‹œํ•˜์—ฌ ๊ธฐ์ค€์น˜์— ์•ฝ๊ฐ„์˜ ์˜๊ฒฌ ์ฐจ์ด๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค [4-6]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Frontend Performance Optimization.md b/00_Raw/Frontend Performance Optimization.md new file mode 100644 index 00000000..f22bcb76 --- /dev/null +++ b/00_Raw/Frontend Performance Optimization.md @@ -0,0 +1,30 @@ +# [[Frontend Performance Optimization]] + +## ๐Ÿ“Œ Brief Summary +ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”๋Š” ์›น์‚ฌ์ดํŠธ์˜ ๋กœ๋”ฉ ์†๋„, ์ƒํ˜ธ์ž‘์šฉ์„ฑ, ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ํ–ฅ์ƒ์‹œ์ผœ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜๊ณผ ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„(SEO)๋ฅผ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ์ผ๋ จ์˜ ๊ณผ์ • ๋ฐ ๊ธฐ์ˆ ์  ์‹ค์ฒœ์„ ์˜๋ฏธํ•œ๋‹ค [1-3]. 2025๋…„์„ ๊ธฐ์ค€์œผ๋กœ ํ•ต์‹ฌ ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals)์˜ ์ตœ์‹  ์ง€ํ‘œ์ธ LCP, INP, CLS๋ฅผ ์ถฉ์กฑํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฏธ์ง€ ๋ฐ ๋ฆฌ์†Œ์Šค ์ตœ์ ํ™”, ์ฝ”๋“œ ๋ถ„ํ• (Code Splitting), ๋ Œ๋”๋ง ์ฐจ๋‹จ ์š”์†Œ ์ œ๊ฑฐ, ํšจ์œจ์ ์ธ ๋ Œ๋”๋ง ์ „๋žต(SSR, SSG) ๋“ฑ์ด ๋™์›๋œ๋‹ค [1, 4-7]. ์ด๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ๊ตฌํ˜„ํ•˜๋ฉด ์›น์‚ฌ์ดํŠธ์˜ ์ดํƒˆ๋ฅ ์„ ์ค„์ด๊ณ  ๊ถ๊ทน์ ์œผ๋กœ ์ „ํ™˜์œจ ๋ฐ ์ˆ˜์ต์„ฑ์„ ๋Œ€ํญ ๋†’์ผ ์ˆ˜ ์žˆ๋‹ค [8, 9]. + +## ๐Ÿ“– Core Content + +* **ํ•ต์‹ฌ ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ์ตœ์ ํ™” ์ „๋žต:** + * **LCP (Largest Contentful Paint):** ํŽ˜์ด์ง€์˜ ์ฃผ์š”(๊ฐ€์žฅ ํฐ) ์ฝ˜ํ…์ธ ๊ฐ€ ์‹œ๊ฐ์ ์œผ๋กœ ๋กœ๋“œ๋˜๋Š” ์‹œ๊ฐ„์„ ์ธก์ •ํ•˜๋ฉฐ, 2.0์ดˆ ๋˜๋Š” 2.5์ดˆ ์ด๋‚ด๋กœ ์ตœ์ ํ™”ํ•ด์•ผ ํ•œ๋‹ค [2, 5, 10]. LCP๋ฅผ ๊ฐœ์„ ํ•˜๋ ค๋ฉด WebP๋‚˜ AVIF์™€ ๊ฐ™์€ ์ฐจ์„ธ๋Œ€ ์ด๋ฏธ์ง€ ํฌ๋งท ์‚ฌ์šฉ, ์ค‘์š” ๋ฆฌ์†Œ์Šค ์‚ฌ์ „ ๋กœ๋“œ(preload), CDN(์ฝ˜ํ…์ธ  ์ „์†ก ๋„คํŠธ์›Œํฌ) ํ™œ์šฉ, ์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„(TTFB) ์ตœ์ ํ™”, ๊ทธ๋ฆฌ๊ณ  ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR) ์ ์šฉ์ด ํ•„์š”ํ•˜๋‹ค [11-15]. + * **INP (Interaction to Next Paint):** 2025๋…„๋ถ€ํ„ฐ ๊ธฐ์กด FID๋ฅผ ๋Œ€์ฒดํ•œ ์ง€ํ‘œ๋กœ, ๋ฒ„ํŠผ ํด๋ฆญ์ด๋‚˜ ํ‚ค๋ณด๋“œ ์ž…๋ ฅ ๋“ฑ ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ ํ›„ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•  ๋•Œ๊นŒ์ง€์˜ ์ „์ฒด ์ง€์—ฐ ์‹œ๊ฐ„์„ ์ธก์ •ํ•˜๋ฉฐ 150ms~200ms ์ดํ•˜ ์œ ์ง€๊ฐ€ ๋ชฉํ‘œ์ด๋‹ค [1, 2, 4, 5, 16]. ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๋ฅผ ์ฐจ๋‹จํ•˜๋Š” ๋ฌด๊ฑฐ์šด JavaScript ์‹คํ–‰์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด, ์ž‘์—…์„ 50ms ์ดํ•˜์˜ ์ฒญํฌ๋กœ ๋ถ„ํ• ํ•˜๊ฑฐ๋‚˜ Web Workers๋ฅผ ํ†ตํ•ด ์—ฐ์‚ฐ์„ ๋ถ„๋ฆฌํ•˜๊ณ  ๋ถˆํ•„์š”ํ•œ ์„œ๋“œํŒŒํ‹ฐ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ง€์—ฐ(defer)์‹œ์ผœ์•ผ ํ•œ๋‹ค [16-20]. + * **CLS (Cumulative Layout Shift):** ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ๋˜๋Š” ๋™์•ˆ ๋ฐœ์ƒํ•˜๋Š” ์˜ˆ๊ธฐ์น˜ ์•Š์€ ๋ ˆ์ด์•„์›ƒ ์ด๋™์„ ์ธก์ •ํ•˜๋ฉฐ, ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ์œ„ํ•ด 0.08์—์„œ 0.1 ๋ฏธ๋งŒ์œผ๋กœ ์œ ์ง€ํ•ด์•ผ ํ•œ๋‹ค [2, 5, 11, 12]. ์ด๋ฅผ ๋ฐฉ์ง€ํ•˜๋ ค๋ฉด ์ด๋ฏธ์ง€ ๋ฐ ๋น„๋””์˜ค์— ๋ช…์‹œ์ ์ธ `width`์™€ `height` ์†์„ฑ์„ ์ง€์ •ํ•˜๊ณ , ๋™์  ๊ด‘๊ณ ๋‚˜ ์ฝ˜ํ…์ธ ๊ฐ€ ๋“ค์–ด๊ฐˆ ๊ณต๊ฐ„์„ ๋ฏธ๋ฆฌ ํ™•๋ณดํ•ด์•ผ ํ•˜๋ฉฐ, ํฐํŠธ ๋กœ๋“œ ์‹œ `font-display: swap` ๋˜๋Š” `optional`์„ ์ง€์ •ํ•ด์•ผ ํ•œ๋‹ค [12, 21-23]. + +* **์ฝ”๋“œ ๋ถ„ํ• (Code Splitting) ๋ฐ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy Loading):** + * ์ดˆ๊ธฐ ๋กœ๋”ฉ ์‹œ ์ „์ฒด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ฝ”๋“œ๋ฅผ ํ•œ ๋ฒˆ์— ๋‹ค์šด๋กœ๋“œํ•˜๋Š” ํฐ ๋ฒˆ๋“ค ์‚ฌ์ด์ฆˆ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด, ์ฝ”๋“œ๋ฅผ ๋” ์ž‘์€ ์ฒญํฌ(chunk)๋กœ ๋‚˜๋ˆ„์–ด ํ•„์š”ํ•  ๋•Œ๋งŒ ๋กœ๋“œํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค [6]. + * React ํ™˜๊ฒฝ์—์„œ๋Š” `React.lazy`์™€ `Suspense`๋ฅผ ๊ฒฐํ•ฉํ•˜๊ฑฐ๋‚˜ ๋ผ์šฐํŠธ ๊ธฐ๋ฐ˜ ๋ถ„ํ• (Route-Based Splitting)์„ ํ†ตํ•ด ํŠน์ • ๋ผ์šฐํŠธ๋‚˜ ๋ฌด๊ฑฐ์šด ์ปดํฌ๋„ŒํŠธ(์˜ˆ: ์ฐจํŠธ, ์—๋””ํ„ฐ ๋“ฑ)์—๋งŒ ์ง€์—ฐ ๋กœ๋”ฉ์„ ์ ์šฉํ•œ๋‹ค [24-28]. + * ์ด๋Š” ์ดˆ๊ธฐ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 50~100KB ์ˆ˜์ค€์œผ๋กœ ์ค„์—ฌ TTFB์™€ TTI(Time to Interactive)๋ฅผ ํš๊ธฐ์ ์œผ๋กœ ํ–ฅ์ƒ์‹œํ‚จ๋‹ค [29, 30]. ๋‹จ, ํ™”๋ฉด ์ƒ๋‹จ(Above-the-fold)์˜ ์ค‘์š”ํ•œ ์ฝ˜ํ…์ธ ๋‚˜ ์˜์›… ์ด๋ฏธ์ง€(Hero image)๋ฅผ ์ง€์—ฐ ๋กœ๋”ฉํ•  ๊ฒฝ์šฐ ์˜คํžˆ๋ ค LCP๊ฐ€ ์•…ํ™”๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์ฃผ์˜ํ•ด์•ผ ํ•œ๋‹ค [31]. + +* **๋ Œ๋”๋ง ์•„ํ‚คํ…์ฒ˜ (Rendering Architecture):** + * ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ™”๋ฉด์„ ์ „๋ถ€ ๊ตฌ์„ฑํ•˜๋Š” ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์€ ๋นˆ HTML ์Šค์ผˆ๋ ˆํ†ค์„ ๋จผ์ € ์ œ๊ณตํ•˜๋ฏ€๋กœ ๊ฒ€์ƒ‰ ์—”์ง„ ํฌ๋กค๋ง๊ณผ ์„ฑ๋Šฅ ์ง€ํ‘œ(FCP)์— ์•…์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค [32, 33]. + * ๋Œ€์‹  ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์ด๋‚˜ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG), ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR)์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฏธ๋ฆฌ ๋ Œ๋”๋ง๋œ ์™„๋ฒฝํ•œ HTML์„ ๋ธŒ๋ผ์šฐ์ €๋‚˜ ํฌ๋กค๋Ÿฌ์— ์ „๋‹ฌํ•˜๋ฉด ๋กœ๋”ฉ ์†๋„์™€ SEO ๋ฌธ์ œ๋ฅผ ๋™์‹œ์— ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค [34-36]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Core Web Vitals]], [[Code Splitting]], [[Server-Side Rendering (SSR)]], [[Lazy Loading]], [[React Router]] +- **Projects/Contexts:** [[ํ™ˆํŽ˜์ด์ง€ ๊ตฌ์กฐ & UX modern website architecture best practices landing page UX patterns examples homepage layout structure case study react router best practices seo basics for react websites web performance optimization frontend checklist core web vitals optimization guide]] +- **Contradictions/Notes:** + - ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ์˜ ์—„๊ฒฉ์„ฑ์— ๋Œ€ํ•œ ์ฐจ์ด: ์†Œ์Šค [5]๋Š” 2025๋…„ ๊ธฐ์ค€ LCP๋ฅผ 2.0์ดˆ ๋ฏธ๋งŒ, CLS๋ฅผ 0.08 ๋ฏธ๋งŒ์œผ๋กœ ๋”์šฑ ์—„๊ฒฉํ•ด์ง„ ์ž„๊ณ„๊ฐ’์„ ์ œ์‹œํ•˜์ง€๋งŒ, ์†Œ์Šค [2] ๋ฐ [10] ๋“ฑ์—์„œ๋Š” ์—ฌ์ „ํžˆ LCP 2.5์ดˆ ์ดํ•˜, CLS 0.1 ์ดํ•˜๋ฅผ ์–‘ํ˜ธํ•œ(Good) ๊ธฐ์ค€์œผ๋กœ ๋ช…์‹œํ•˜๊ณ  ์žˆ์–ด ์†Œ์Šค ๊ฐ„ ๊ธฐ์ค€ ์ž„๊ณ„๊ฐ’์— ์•ฝ๊ฐ„์˜ ํŽธ์ฐจ๊ฐ€ ์กด์žฌํ•œ๋‹ค. + - ๋™์  ๋ Œ๋”๋ง(Dynamic Rendering)์— ๋Œ€ํ•œ ํ‰๊ฐ€: ์†Œ์Šค [34]์€ ๋™์  ๋ Œ๋”๋ง์„ ๋ด‡ ํŠธ๋ž˜ํ”ฝ ํ•ด๊ฒฐ์„ ์œ„ํ•œ ์ฐจ์„ ์ฑ…('Good' SEO Impact)์œผ๋กœ ์†Œ๊ฐœํ•˜์ง€๋งŒ, ์†Œ์Šค [37]๋Š” 2026๋…„ ๊ธฐ์ค€ ์ด๋Š” ์‚ฌ์šฉ์ž ๋Œ€์ƒ๊ณผ ๋ด‡ ๋Œ€์ƒ์„ ๋‹ค๋ฅด๊ฒŒ ๋ณด์—ฌ์ฃผ๋Š” ํด๋กœํ‚น(Cloaking)์œผ๋กœ ๊ฐ„์ฃผ๋  ์ˆ˜ ์žˆ์–ด ๊ตฌ๊ธ€์ด ๋ช…์‹œ์ ์œผ๋กœ ์‚ฌ์šฉ ์ค‘๋‹จ(Deprecated)์„ ๊ถŒ์žฅํ•˜๋Š” ๊ธฐ๋ฒ•์ด๋ผ๊ณ  ๊ฒฝ๊ณ ํ•œ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Modern Website Architecture.md b/00_Raw/Modern Website Architecture.md new file mode 100644 index 00000000..a7c4f6df --- /dev/null +++ b/00_Raw/Modern Website Architecture.md @@ -0,0 +1,25 @@ +# [[Modern Website Architecture]] + +## ๐Ÿ“Œ Brief Summary +ํ˜„๋Œ€์˜ ์›น์‚ฌ์ดํŠธ ์•„ํ‚คํ…์ฒ˜๋Š” ๊ณ ์„ฑ๋Šฅ ๊ธฐ์ˆ  ๊ตฌ์กฐ์™€ ์ „ํ™˜(Conversion) ์ค‘์‹ฌ์˜ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์ด ์™„๋ฒฝํ•˜๊ฒŒ ํ†ตํ•ฉ๋œ ์ƒํƒœ๊ณ„๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค [1]. ๊ณผ๊ฑฐ ๋””์ž์ธ๊ณผ ์—”์ง€๋‹ˆ์–ด๋ง์ด ๋ถ„๋ฆฌ๋˜์–ด ์žˆ๋˜ ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌ, ํ˜„์žฌ๋Š” ๋ฐ€๋ฆฌ์ดˆ ๋‹จ์œ„์˜ ์ง€์—ฐ์ด๋‚˜ ๋ฏธ์„ธํ•œ ๋ ˆ์ด์•„์›ƒ ์ด๋™์กฐ์ฐจ ๋น„์ฆˆ๋‹ˆ์Šค์˜ ์ƒ์กด์„ ์œ„ํ˜‘ํ•˜๋Š” ์š”์†Œ๋กœ ๊ฐ„์ฃผ๋˜์–ด ์—„๊ฒฉํ•œ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ์„ฑ๋Šฅ์„ ์š”๊ตฌํ•ฉ๋‹ˆ๋‹ค [1]. ๋”๋ถˆ์–ด React์™€ ๊ฐ™์€ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ ํ™˜๊ฒฝ์—์„œ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR), ๋™์  ๋ผ์šฐํŒ…, ๊ทธ๋ฆฌ๊ณ  ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ ์ ‘๊ทผ๋ฒ•์„ ํ™œ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์™€ ์••๋„์ ์ธ ์‚ฌ์šฉ์ž ์†๋„ ๊ฒฝํ—˜์„ ๋™์‹œ์— ๋‹ฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค [1-3]. + +## ๐Ÿ“– Core Content + +* **๊ตฌ์กฐ์  ๊ณ„์ธต ๋ฐ ๋””์ž์ธ ์ฒ ํ•™** + ํ˜„๋Œ€ ์›น ์•„ํ‚คํ…์ฒ˜์˜ ๊ธฐ๋ณธ ์ฒ ํ•™์€ ์ •๋ณด์˜ ๋ฐ€๋„๋ฅผ ๋‚ฎ์ถ”๊ณ  ์ธ์ง€์  ๋ช…ํ™•์„ฑ์„ ๋†’์ด๋Š” '๋นŒ๋ณด๋“œ(Billboard)' ๋ชจ๋ธ๋กœ์˜ ์ „ํ™˜์ž…๋‹ˆ๋‹ค [4]. ๋ชจ๋“  ๊ธฐ๋Šฅ๊ณผ ์ฝ˜ํ…์ธ ๋ฅผ ํ—ค๋”์— ์‘ค์…” ๋„ฃ๋˜ ๊ณผ๊ฑฐ ๋ฐฉ์‹์—์„œ ๋ฒ—์–ด๋‚˜, ์—ฌ๋ฐฑ, ์‹œ๊ฐ์  ๊ณ„์ธต ๊ตฌ์กฐ, ๋ช…ํ™•ํ•œ ์ œ๋ชฉ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์—ฌ์ •์„ ๋…ผ๋ฆฌ์ ์œผ๋กœ ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค [4]. ๋˜ํ•œ ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ชจ๋ฐ”์ผ ์šฐ์„ (Mobile-first) ์ ์‘ํ˜• ๋””์ž์ธ๊ณผ ์‹œ๋งจํ‹ฑ HTML5 ๋ฐ ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์„ ํ™œ์šฉํ•˜์—ฌ ์ ‘๊ทผ์„ฑ๊ณผ AI ๊ฒ€์ƒ‰ ์—”์ง„์˜ ํฌ๋กค๋ง์„ ๋•๋Š” ๊ตฌ์กฐ๋ฅผ ๊ฐ–์ถ”์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [5-7]. +* **๋ Œ๋”๋ง ์ „๋žต (Rendering Strategies) ๋ฐ SEO** + ์ „ํ†ต์ ์ธ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๊ธฐ๋ฐ˜์˜ ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์€ ๋นˆ HTML ์…ธ์„ ์ œ๊ณตํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„์˜ ํฌ๋กค๋ง ์ง€์—ฐ ๋ฐ SEO ํ•˜๋ฝ ๋ฌธ์ œ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [8-10]. ์ด๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ํ˜„๋Œ€ ์•„ํ‚คํ…์ฒ˜๋Š” **์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)**, **์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)**, ๊ทธ๋ฆฌ๊ณ  ๋‘ ๊ฐ€์ง€์˜ ์žฅ์ ์„ ๊ฒฐํ•ฉํ•œ **์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR)** ๋ฐฉ์‹์„ ์ „๋žต์ ์œผ๋กœ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค [3, 11, 12]. ์ด๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์— ์ฆ‰๊ฐ์ ์ธ ์ฝ˜ํ…์ธ ๋ฅผ ์ œ๊ณตํ•˜๊ณ  ์ดˆ๊ธฐ ๋กœ๋“œ ์†๋„๋ฅผ ๊ทน๋Œ€ํ™”ํ•˜์—ฌ ๋žญํ‚น ์ƒ์Šน๊ณผ ์›ํ™œํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค [3, 13, 14]. +* **์„ฑ๋Šฅ ์ตœ์ ํ™”์™€ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ (Core Web Vitals)** + ์ตœ์‹  ์›น ์•„ํ‚คํ…์ฒ˜๋Š” ๊ตฌ๊ธ€์˜ 2025๋…„ ๊ธฐ์ค€ ์—„๊ฒฉํ•ด์ง„ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ์„ ์ถฉ์กฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. LCP(Largest Contentful Paint)๋Š” 2.0์ดˆ ๋ฏธ๋งŒ, CLS(Cumulative Layout Shift)๋Š” 0.08 ๋ฏธ๋งŒ, ๊ทธ๋ฆฌ๊ณ  ์ƒˆ๋กญ๊ฒŒ ๋„์ž…๋œ INP(Interaction to Next Paint)๋Š” 150ms ๋˜๋Š” 200ms ๋ฏธ๋งŒ์œผ๋กœ ์œ ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7, 15, 16]. ์ด๋ฅผ ์œ„ํ•ด WebP/AVIF ์ด๋ฏธ์ง€ ์ตœ์ ํ™”, ๋ Œ๋”๋ง ์ฐจ๋‹จ ๋ฆฌ์†Œ์Šค ์ œ๊ฑฐ, ์›น ์›Œ์ปค(Web Workers)๋ฅผ ์ด์šฉํ•œ ๊ณผ๋„ํ•œ JavaScript ๋ถ„์‚ฐ ์‹คํ–‰, ๋ ˆ์ด์•„์›ƒ ์ด๋™ ๋ฐฉ์ง€๋ฅผ ์œ„ํ•œ ๋ช…์‹œ์  ํฌ๊ธฐ ์ง€์ • ๋“ฑ์ด ํ•„์ˆ˜์ ์œผ๋กœ ์ˆ˜๋ฐ˜๋ฉ๋‹ˆ๋‹ค [17-20]. +* **ํ”„๋ŸฐํŠธ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ผ์šฐํŒ… ๋ฐ ์ƒํƒœ ๊ด€๋ฆฌ** + React Router v6.4+์™€ ๊ฐ™์€ ์ตœ์‹  ๋ผ์šฐํŒ… ๊ธฐ์ˆ ์€ ๋‹จ์ˆœํ•œ ํŽ˜์ด์ง€ ์ด๋™์„ ๋„˜์–ด ๋ฐ์ดํ„ฐ ํŒจ์นญ๊ณผ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ์ค‘์•™์—์„œ ์กฐ์œจํ•ฉ๋‹ˆ๋‹ค [21]. ์ค‘์ฒฉ ๋ผ์šฐํŒ…(Nested Routing)์„ ํ†ตํ•ด UI๋ฅผ ๊ณ„์ธต์ ์œผ๋กœ ๊ตฌ์„ฑํ•˜๋ฉฐ, **Loader**์™€ **Action** API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ Œ๋”๋ง๋˜๊ธฐ ์ „์— ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ‘๋ ฌ๋กœ ๋ฏธ๋ฆฌ ๊ฐ€์ ธ์™€ '์›Œํ„ฐํด(Waterfall)' ์ง€์—ฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค [22, 23]. ๋˜ํ•œ, ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…(Code Splitting) ๋ฐ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy Loading)์„ ํ†ตํ•ด ์ดˆ๊ธฐ JavaScript ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ์ค„์—ฌ ์„ฑ๋Šฅ์„ ๋Œ€ํญ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [24-26]. +* **์ ‘๊ทผ์„ฑ(Accessibility)๊ณผ ์ƒํ˜ธ ์šด์šฉ์„ฑ(Baseline)** + ๋ชจ๋“  ์‚ฌ์šฉ์ž๋ฅผ ํฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด WCAG 2.1 ๋ฐ ์ตœ์‹  2.2 AA ํ‘œ์ค€ ์ค€์ˆ˜๊ฐ€ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [27]. ์ด๋Š” ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์ง€์›, ์ดˆ์ (Focus)์ด ๋‹ค๋ฅธ ์ฝ˜ํ…์ธ ์— ๊ฐ€๋ ค์ง€์ง€ ์•Š๋„๋ก ๋ณด์žฅ, ๋ณต์žกํ•œ ๋“œ๋ž˜๊ทธ ์ œ์Šค์ฒ˜์˜ ๋Œ€์•ˆ ์ œ๊ณต ๋“ฑ์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค [28, 29]. ์•„์šธ๋Ÿฌ ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ ํ‰๊ฐ€์— ์žˆ์–ด ๊ฐœ๋ณ„ ๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „๋ณด๋‹ค๋Š” ์›น ํ”Œ๋žซํผ์˜ ์•ˆ์ „ํ•œ ์‚ฌ์šฉ ๊ธฐ์ค€์ ์ธ '๋ฒ ์ด์Šค๋ผ์ธ(Baseline)'์„ ํ†ตํ•ด ํด๋ฆฌํ•„ ์˜์กด์„ ์ค„์ด๊ณ  ๋„ค์ดํ‹ฐ๋ธŒ ์›น API๋ฅผ ์ ๊ทน ์ฑ„ํƒํ•˜๋Š” ์ถ”์„ธ์ž…๋‹ˆ๋‹ค [30-32]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Core Web Vitals]], [[Server-Side Rendering (SSR)]], [[Single Page Applications (SPA)]], [[Web Content Accessibility Guidelines (WCAG)]], [[React Router]], [[Code Splitting]] +- **Projects/Contexts:** [[Allbirds PWA Redesign]], [[Multi-Brand Marketplace Platform Onboarding Redesign]] +- **Contradictions/Notes:** SPA ๊ตฌํ˜„ ์‹œ CSR์€ ์ธํ„ฐ๋ž™์…˜ ์†๋„๋ฅผ ๋†’์—ฌ์ฃผ์ง€๋งŒ ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์ง€์—ฐ๊ณผ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์˜ ์ ‘๊ทผ์„ฑ ๋ถ€์žฌ๋ผ๋Š” ๋ช…ํ™•ํ•œ ๋‹จ์ ์ด ์žˆ์–ด, ๋ณด์•ˆ์ด ํ•„์š”ํ•œ ์ธ์ฆ ํŽ˜์ด์ง€๊ฐ€ ์•„๋‹Œ ๊ณต๊ฐœ ์ฝ˜ํ…์ธ ์˜ ๊ฒฝ์šฐ CSR๋งŒ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ๊ถŒ์žฅ๋˜์ง€ ์•Š์œผ๋ฉฐ SSR, SSG ๋˜๋Š” ISR๋กœ ๋Œ€์ฒดํ•ด์•ผ ํ•œ๋‹ค๊ณ  ๊ฐ•์กฐ๋ฉ๋‹ˆ๋‹ค [2, 11, 33]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Next.js Framework.md b/00_Raw/Next.js Framework.md new file mode 100644 index 00000000..f3e6b382 --- /dev/null +++ b/00_Raw/Next.js Framework.md @@ -0,0 +1,22 @@ +# [[Next.js Framework]] + +## ๐Ÿ“Œ Brief Summary +Next.js๋Š” ๋น ๋ฅธ ์›น ์„ฑ๋Šฅ๊ณผ ๋‚ด์žฅ๋œ SEO ์ตœ์ ํ™” ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ ๊ฐ€์žฅ ์ธ๊ธฐ ์žˆ๋Š” React ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค [1, 2]. SSR(Server-Side Rendering), SSG(Static Site Generation), ISR(Incremental Static Regeneration) ๋“ฑ ๋‹ค์–‘ํ•œ ์„œ๋ฒ„ ์ธก ๋ Œ๋”๋ง ๋ฐฉ์‹์„ ์ œ๊ณตํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์—๊ฒŒ ์ฆ‰๊ฐ์ ์œผ๋กœ ์™„์ „ํ•œ HTML์„ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š”๋‹ค [2, 3]. ์„ฑ๋Šฅ ์ค‘์‹ฌ์˜ ๊ฐœ๋ฐœ ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ์ง€์›ํ•˜๋ฏ€๋กœ ์ „์ž์ƒ๊ฑฐ๋ž˜, ๋ธ”๋กœ๊ทธ, ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๋“ฑ์˜ Core Web Vitals ์ ์ˆ˜์™€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„๋ฅผ ๋†’์ด๋Š” ๋ฐ ํƒ์›”ํ•˜๋‹ค [3, 4]. + +## ๐Ÿ“– Core Content +* **๋‹ค์–‘ํ•œ ๋ Œ๋”๋ง ์ „๋žต์˜ ํ†ตํ•ฉ ์ง€์›:** + Next.js๋Š” `getServerSideProps` ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ด ์š”์ฒญ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ HTML์„ ์ƒ์„ฑํ•˜๋Š” SSR, `getStaticProps`๋ฅผ ํ†ตํ•ด ๋นŒ๋“œ ํƒ€์ž„์— HTML์„ ์ƒ์„ฑํ•˜๋Š” SSG๋ฅผ ๋ชจ๋‘ ์ง€์›ํ•œ๋‹ค [5, 6]. ๋˜ํ•œ, ์บ์‹œ๋œ ์ •์  ํŽ˜์ด์ง€๋ฅผ ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์—…๋ฐ์ดํŠธํ•˜๋Š” ISR ๋ฐฉ์‹์„ ํ†ตํ•ด SSR์˜ ์ตœ์‹ ์„ฑ๊ณผ SSG์˜ ์†๋„(TTFB 20-50ms ์ˆ˜์ค€)๋ฅผ ๋™์‹œ์— ๋‹ฌ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค [6, 7]. ์ด๋Š” ํด๋ผ์ด์–ธํŠธ ์ธก ๋ Œ๋”๋ง ์ง€์—ฐ์„ ์—†์• ๊ณ  ๋น ๋ฅด๊ณ  ์™„์ „ํ•œ ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉ์ž ๋ฐ ํฌ๋กค๋Ÿฌ ๋ด‡์— ์ œ๊ณตํ•œ๋‹ค [2, 5]. +* **Core Web Vitals ๋ฐ ์„ฑ๋Šฅ ์ตœ์ ํ™”:** + Next.js๋Š” ๋ผ์šฐํŠธ ๊ธฐ๋ฐ˜ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…(Code Splitting)์„ ์ž๋™์œผ๋กœ ์ˆ˜ํ–‰ํ•˜์—ฌ ๋ฌด๊ฑฐ์šด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค์„ ๋ถ„ํ• ํ•˜๊ณ  ์ดˆ๊ธฐ ๋กœ๋”ฉ ์‹œ๊ฐ„์„ ์ค„์ธ๋‹ค [8]. ์ตœ์‹ ์˜ App Router์™€ Server Components๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํŽ˜์ด์ง€์˜ ์ •์ ์ธ ๋ถ€๋ถ„์— ๋Œ€ํ•ด ํด๋ผ์ด์–ธํŠธ๋กœ ์ „์†กํ•˜๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–‘์„ '0'์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด INP(Interaction to Next Paint) ์ง€ํ‘œ ์ตœ์ ํ™”์— ๋†€๋ผ์šด ํšจ๊ณผ๋ฅผ ๋ฐœํœ˜ํ•œ๋‹ค [9]. +* **๋‚ด์žฅ๋œ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” (`next/image`):** + ์ž์ฒด์ ์ธ ์ด๋ฏธ์ง€ ์ปดํฌ๋„ŒํŠธ์ธ `next/image`๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ WebP์™€ ๊ฐ™์€ ์ตœ์‹  ํฌ๋งท์œผ๋กœ ์ž๋™ ๋ณ€ํ™˜ํ•˜๊ณ , ๊ธฐ๊ธฐ ํ•ด์ƒ๋„์— ๋งž์ถฐ ํฌ๊ธฐ๋ฅผ ์กฐ์ •ํ•˜๋ฉฐ, ์ง€์—ฐ ๋กœ๋”ฉ(Lazy loading)์„ ์ ์šฉํ•œ๋‹ค [10, 11]. ์ด๋Š” ์›น ์„ฑ๋Šฅ์˜ ์ฃผ์š” ์ง€ํ‘œ์ธ LCP(Largest Contentful Paint)์™€ CLS(Cumulative Layout Shift) ์ ์ˆ˜๋ฅผ ํฐ ํญ์œผ๋กœ ๊ฐœ์„ ํ•œ๋‹ค [9-11]. +* **๊ฐ•๋ ฅํ•œ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๋ฐ SEO ๋„๊ตฌ ๊ด€๋ฆฌ:** + ๊ธฐ์กด React SPA์˜ ์•ฝ์ ์ด์—ˆ๋˜ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด `next/head` ์ปดํฌ๋„ŒํŠธ ๋˜๋Š” Metadata API๋ฅผ ์ œ๊ณตํ•˜์—ฌ ๋ผ์šฐํŠธ๋งˆ๋‹ค ๋™์ ์ธ ํƒ€์ดํ‹€๊ณผ Open Graph ํƒœ๊ทธ๋ฅผ ์ฃผ์ž…ํ•  ์ˆ˜ ์žˆ๋‹ค [3, 9, 12]. ๋˜ํ•œ `next-sitemap` ํŒจํ‚ค์ง€๋ฅผ ์ด์šฉํ•˜๋ฉด ๋ณต์žกํ•œ ์„ค์ • ์—†์ด XML ์‚ฌ์ดํŠธ๋งต์„ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค [13]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Core Web Vitals]], [[React SEO]], [[Interaction to Next Paint (INP)]] +- **Projects/Contexts:** [[E-commerce Migration to Next.js]] (๊ธฐ์กด ์ˆœ์ˆ˜ CSR ๋ฐฉ์‹์˜ Create React App ์ „์ž์ƒ๊ฑฐ๋ž˜ ์‚ฌ์ดํŠธ๋ฅผ Next.js ISR๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜์—ฌ ์˜ค๊ฐ€๋‹‰ ํŠธ๋ž˜ํ”ฝ 70%, ๋งค์ถœ 75% ์ƒ์Šน์„ ๋‹ฌ์„ฑํ•œ ๋น„์ฆˆ๋‹ˆ์Šค ์ ์šฉ ์‚ฌ๋ก€ [10, 14]) +- **Contradictions/Notes:** ์ „ํ†ต์ ์ธ ์ˆœ์ˆ˜ Client-Side Rendering(CSR) ๋ฐฉ์‹์€ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์—๊ฒŒ ๋นˆ HTML ์…ธ์„ ๋ฐ˜ํ™˜ํ•˜์—ฌ ์ธ๋ฑ์‹ฑ์ด ์ง€์—ฐ๋˜๊ฑฐ๋‚˜ ์‹คํŒจํ•  ์œ„ํ—˜์ด ํฌ์ง€๋งŒ, Next.js์˜ SSR ๋ฐ SSG ๋ Œ๋”๋ง ๋ฐฉ์‹์„ ์ ์šฉํ•˜๋ฉด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰์— ์˜์กดํ•˜์ง€ ์•Š๊ณ ๋„ ๋ด‡์ด ์ฆ‰์‹œ ์ฝ˜ํ…์ธ ๋ฅผ ์ˆ˜์ง‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ทผ๋ณธ์ ์ธ ๊ตฌ์กฐ๋ฅผ ๊ฐœ์„ ํ•œ๋‹ค [2, 15, 16]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Next.js SSR Implementation.md b/00_Raw/Next.js SSR Implementation.md new file mode 100644 index 00000000..9e45f6d7 --- /dev/null +++ b/00_Raw/Next.js SSR Implementation.md @@ -0,0 +1,18 @@ +# [[Next.js SSR Implementation]] + +## ๐Ÿ“Œ Brief ๋ธŒ์š” +Next.js SSR(Server-Side Rendering) ๊ตฌํ˜„์€ ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ์‹œ ์„œ๋ฒ„์—์„œ ์ฝ˜ํ…์ธ ์™€ ๋ฐ์ดํ„ฐ๋ฅผ ์‚ฌ์ „์— ํŒจ์นญ(fetch)ํ•˜์—ฌ ์™„์ „ํ•œ ํ˜•ํƒœ์˜ HTML์„ ์ƒ์„ฑํ•œ ๋’ค ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๋ Œ๋”๋ง ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค [1, 2]. ์ด๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์„ ์‚ฌ์šฉํ•˜๋Š” React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๊ฒ€์ƒ‰ ์—”์ง„ ํฌ๋กค๋ง์— ์ทจ์•ฝํ•˜๊ณ  ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์†๋„๊ฐ€ ๋Š๋ฆฐ ๋‹จ์ ์„ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค [3-5]. Next.js SSR์€ SEO๋ฅผ ๊ทน๋Œ€ํ™”ํ•˜๊ณ  Core Web Vitals์˜ ํ•ต์‹ฌ ์ง€ํ‘œ์ธ LCP(Largest Contentful Paint)๋ฅผ ๋‹จ์ถ•ํ•˜๋Š” ๋“ฑ ํ˜„๋Œ€ ์›น ์•„ํ‚คํ…์ฒ˜ ์„ฑ๋Šฅ ์ตœ์ ํ™”์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค [2, 6]. + +## ๐Ÿ“– Core Content +* **SSR ๊ตฌํ˜„ ๋ฐฉ์‹ (getServerSideProps):** Next.js์—์„œ SSR์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฐ€์žฅ ๋Œ€ํ‘œ์ ์ธ ๋ฐฉ๋ฒ•์€ `getServerSideProps` ๋น„๋™๊ธฐ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค [2, 6]. ์ด ํ•จ์ˆ˜ ๋‚ด์—์„œ API ๋“ฑ์„ ํ†ตํ•ด ์„œ๋ฒ„ ์ธก์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฏธ๋ฆฌ ๋ถˆ๋Ÿฌ์˜จ(fetch) ํ›„, ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ์˜ `props`๋กœ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค [6]. ์ด๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ๋Œ€๊ธฐ ์‹œ๊ฐ„ ์—†์ด ์ฝ˜ํ…์ธ ๊ฐ€ ์ฆ‰์‹œ ์ฑ„์›Œ์ง„ HTML ๋ผˆ๋Œ€๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ์ „์†กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [2, 6]. +* **SEO (๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”) ํšจ๊ณผ:** ์ „ํ†ต์ ์ธ React CSR ์•ฑ์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ „๊นŒ์ง€ ๋นˆ HTML ์…ธ์„ ์ œ๊ณตํ•˜๋ฏ€๋กœ, Googlebot๊ณผ ๊ฐ™์€ ๊ฒ€์ƒ‰ ์—”์ง„ ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ๋‚˜ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ์ฆ‰๊ฐ์ ์œผ๋กœ ์ธ์‹ํ•˜๋Š” ๋ฐ ์–ด๋ ค์›€์ด ์žˆ์Šต๋‹ˆ๋‹ค [3, 7]. Next.js SSR์„ ์ ์šฉํ•˜๋ฉด ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ์—†์ด๋„ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ, ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ, ์‹ค์ œ ์ฝ˜ํ…์ธ ๊ฐ€ ๋ชจ๋‘ ํฌํ•จ๋œ ์™„์ „ํ•œ HTML์„ ์ˆ˜์‹ ํ•˜๊ฒŒ ๋˜๋ฏ€๋กœ, ํฌ๋กค๋ง ๋ฐ ์ธ๋ฑ์‹ฑ ํšจ์œจ์ด ์ตœ์šฐ์ˆ˜(Excellent) ๋“ฑ๊ธ‰์œผ๋กœ ํ–ฅ์ƒ๋ฉ๋‹ˆ๋‹ค [2, 8]. +* **์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ Core Web Vitals:** Next.js SSR ๋„์ž…์€ ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”์™€ Core Web Vitals ๋‹ฌ์„ฑ์— ํฌ๊ฒŒ ๊ธฐ์—ฌํ•ฉ๋‹ˆ๋‹ค. ํด๋ผ์ด์–ธํŠธ ์ธก์˜ ๋ Œ๋”๋ง ์ง€์—ฐ์„ ์ œ๊ฑฐํ•จ์œผ๋กœ์จ ์ตœ๋Œ€ 1,000ms์˜ LCP(Largest Contentful Paint) ์†๋„ ํ–ฅ์ƒ์„ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณ ๊ธ‰ ์ตœ์ ํ™” ์ „๋žต์ž…๋‹ˆ๋‹ค [6, 9]. ๋‹ค๋งŒ, ๋ฐ์ดํ„ฐ๊ฐ€ ํฌํ•จ๋œ ์™„์ „ํ•œ HTML์ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์ฒ˜์Œ ๋ณด์—ฌ์ง€๋Š” FCP(First Contentful Paint)๋Š” ๋น ๋ฅด์ง€๋งŒ, ์„œ๋ฒ„์—์„œ ๋งค ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๋ฏ€๋กœ ๋ฐฑ์—”๋“œ ์„œ๋ฒ„ ๋ถ€ํ•˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  TTFB(Time to First Byte)๊ฐ€ ์ƒ๋Œ€์ ์œผ๋กœ ๊ธธ์–ด์งˆ ์ˆ˜ ์žˆ๋‹ค๋Š” ํŠน์ง•์„ ๊ณ ๋ คํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8, 10]. +* **ํ™œ์šฉ ๋งฅ๋ฝ (Use Cases):** ์ด ๋ฐฉ์‹์€ ๋งˆ์ผ€ํŒ… ํŽ˜์ด์ง€, ๋ธ”๋กœ๊ทธ, ์ „์ž์ƒ๊ฑฐ๋ž˜(E-commerce) ํ”Œ๋žซํผ ๋“ฑ ์ฝ˜ํ…์ธ ๊ฐ€ ๋งค์šฐ ๋นˆ๋ฒˆํ•˜๊ฒŒ ์—…๋ฐ์ดํŠธ๋˜๊ฑฐ๋‚˜ ์‚ฌ์šฉ์ž ์„ธ์…˜๊ณผ ๋ฌด๊ด€ํ•˜๊ฒŒ ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ ์ œ๊ณต ๋ฐ SEO๊ฐ€ ํ•„์ˆ˜์ ์ธ ํŽ˜์ด์ง€์— ์ฃผ๋กœ ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค [1, 8, 11]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Largest Contentful Paint (LCP)]], [[Search Engine Optimization (SEO)]], [[Core Web Vitals]] +- **Projects/Contexts:** [[SEO for React Applications]], [[Core Web Vitals Optimization Guide]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด Next.js SSR์€ ์ดˆ๊ธฐ HTML ๋„๋‹ฌ ์†๋„์™€ SEO ์ธก๋ฉด์—์„œ ๋›ฐ์–ด๋‚˜์ง€๋งŒ, ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)์ด๋‚˜ ์ฆ๋ถ„ ์ •์  ์žฌ์ƒ์„ฑ(ISR) ๋ฐฉ์‹(์บ์‹œ ๊ธฐ๋ฐ˜, TTFB 20-50ms ์ˆ˜์ค€)์— ๋น„ํ•ด ๋งค ์š”์ฒญ ์‹œ๋งˆ๋‹ค ์„œ๋ฒ„ ๋ฆฌ์†Œ์Šค๋ฅผ ์†Œ๋ชจํ•˜๋ฏ€๋กœ ์ƒ๋Œ€์ ์œผ๋กœ ์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„(TTFB 200-800ms)์ด ๋Š๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [10]. ๋”ฐ๋ผ์„œ ์ฝ˜ํ…์ธ  ๋ณ€๊ฒฝ ๋นˆ๋„์™€ ์„ฑ๋Šฅ ์š”๊ตฌ์‚ฌํ•ญ์— ๋งž์ถฐ SSR, SSG, ISR์„ ์„ ํƒ์ ์œผ๋กœ ๋„์ž…ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [1]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Next.js ๋˜๋Š” Remix๋ฅผ ํ™œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€.md b/00_Raw/Next.js ๋˜๋Š” Remix๋ฅผ ํ™œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€.md new file mode 100644 index 00000000..a3ecd430 --- /dev/null +++ b/00_Raw/Next.js ๋˜๋Š” Remix๋ฅผ ํ™œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€.md @@ -0,0 +1,26 @@ +# [[Next.js ๋˜๋Š” Remix๋ฅผ ํ™œ์šฉํ•œ E-commerce SEO ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ ์šฉ ์‚ฌ๋ก€]] + +## ๐Ÿ“Œ Brief Summary +Next.js๋‚˜ Remix์™€ ๊ฐ™์€ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ธฐ์กด์˜ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๊ธฐ๋ฐ˜ E-commerce ์›น์‚ฌ์ดํŠธ๋ฅผ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR) ๋˜๋Š” ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR) ๋ฐฉ์‹์œผ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ๋ฐ ์›น ์„ฑ๋Šฅ์„ ๊ฐœ์„ ํ•œ ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค [1-3]. ์ด๋Ÿฌํ•œ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ†ตํ•ด ๊ฒ€์ƒ‰ ์—”์ง„์˜ ํฌ๋กค๋ง ๋ฐ ์ƒ‰์ธ ์ƒ์„ฑ์„ ํš๊ธฐ์ ์œผ๋กœ ํ–ฅ์ƒ์‹œํ‚ค๊ณ , ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ์ง€ํ‘œ๋ฅผ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [1, 2]. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ(Organic traffic)๊ณผ ์ „ํ™˜์œจ, ๊ทธ๋ฆฌ๊ณ  ๋งค์ถœ์„ ํฌ๊ฒŒ ์ฆ๊ฐ€์‹œํ‚ค๋Š” ๋น„์ฆˆ๋‹ˆ์Šค ์„ฑ๊ณผ๋ฅผ ์ฐฝ์ถœํ•ฉ๋‹ˆ๋‹ค [2]. + +## ๐Ÿ“– Core Content +* **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๋ฐฐ๊ฒฝ ๋ฐ ๋ฌธ์ œ์ :** + ๊ธฐ์กด Create React App (CSR) ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตฌ์ถ•๋œ 10,000๊ฐœ์˜ ์ œํ’ˆ์„ ๋ณด์œ ํ•œ ํŒจ์…˜ E-commerce ์‚ฌ์ดํŠธ๋Š” ๋ Œ๋”๋ง ์ง€์—ฐ๊ณผ ๋‚ฎ์€ ์ƒ‰์ธ ์ƒ์„ฑ๋ฅ ๋กœ ์ธํ•ด SEO์— ํฐ ์–ด๋ ค์›€์„ ๊ฒช๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค [1]. ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ด์ „์—๋Š” ์ „์ฒด ์ œํ’ˆ์˜ 40%๋งŒ์ด ์ƒ‰์ธ๋˜์—ˆ์œผ๋ฉฐ, TTFB(Time to First Byte)๋Š” 200ms, LCP(Largest Contentful Paint)๋Š” 4.2์ดˆ๋กœ 'Poor' ๋“ฑ๊ธ‰์„ ๊ธฐ๋กํ–ˆ์Šต๋‹ˆ๋‹ค [1]. ๋‹น์‹œ ์›”๊ฐ„ ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์€ 50,000๋ช…, ๋งค์ถœ์€ 20๋งŒ ๋‹ฌ๋Ÿฌ ์ˆ˜์ค€์— ๋จธ๋ฌผ๋ €์Šต๋‹ˆ๋‹ค [1]. + +* **Next.js๋ฅผ ํ™œ์šฉํ•œ ์ฃผ์š” ๊ฐœ์„  ์‚ฌํ•ญ:** + ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด 2๋ช…์˜ ์—”์ง€๋‹ˆ์–ด๊ฐ€ 6์ฃผ๊ฐ„ Next.js ISR์„ ๋„์ž…ํ•˜์—ฌ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์ง„ํ–‰ํ–ˆ์œผ๋ฉฐ, ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค [2, 3]: + * **๋ Œ๋”๋ง ์ „๋žต ๋ณ€๊ฒฝ:** ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€์—๋Š” ๋นŒ๋“œ ํƒ€์ž„ ๋ Œ๋”๋ง์ธ ์ •์  ์ƒ์„ฑ(Static generation)์„ ์ ์šฉํ•˜๊ณ , ์ œํ’ˆ ํŽ˜์ด์ง€์—๋Š” ๋งค์‹œ๊ฐ„ ์—…๋ฐ์ดํŠธ๋˜๋„๋ก ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR, `revalidate: 3600`)์„ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค [2]. + * **๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ ์ ์šฉ:** ๋ฆฌ์น˜ ๊ฒฐ๊ณผ(Rich results) ๋…ธ์ถœ์„ ์œ„ํ•ด ์ œํ’ˆ ์Šคํ‚ค๋งˆ(Product schema) ๋“ฑ ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋„์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค [2]. + * **์ด๋ฏธ์ง€ ์ตœ์ ํ™”:** WebP ํฌ๋งท๊ณผ ํ•จ๊ป˜ Next.js Image ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค [2]. + * **์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…:** ๊ฒฝ๋กœ(Route) ๊ธฐ๋ฐ˜์˜ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์„ ํ†ตํ•ด ๋ฉ”์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 1.8MB์—์„œ 320KB๋กœ ํฌ๊ฒŒ ์ถ•์†Œํ–ˆ์Šต๋‹ˆ๋‹ค [2]. + +* **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๊ฒฐ๊ณผ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์„ฑ๊ณผ:** + ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์™„๋ฃŒ ํ›„ ์ƒ‰์ธ ์ƒ์„ฑ๋ฅ ์€ 40%์—์„œ 95%๋กœ ๊ธ‰์ฆํ–ˆ์Šต๋‹ˆ๋‹ค [1, 2]. ๋˜ํ•œ ISR ์บ์‹œ ์ ์ค‘ ๋•๋ถ„์— TTFB๋Š” 50ms๋กœ ๋‹จ์ถ•๋˜๊ณ , LCP๋Š” 1.8์ดˆ('Good' ๋“ฑ๊ธ‰)๋กœ ํฌ๊ฒŒ ๊ฐœ์„ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค [2]. ์ด๋Ÿฌํ•œ ์„ฑ๋Šฅ ๋ฐ SEO ๊ฐœ์„ ์˜ ๊ฒฐ๊ณผ๋กœ ์›”๊ฐ„ ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์€ 70% ์ฆ๊ฐ€ํ•œ 85,000๋ช…, ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์„ ํ†ตํ•œ ๋งค์ถœ์€ 75% ์ฆ๊ฐ€ํ•œ 35๋งŒ ๋‹ฌ๋Ÿฌ๋ฅผ ๋‹ฌ์„ฑํ•˜์—ฌ ์›” 15๋งŒ ๋‹ฌ๋Ÿฌ(์—ฐ๊ฐ„ 180๋งŒ ๋‹ฌ๋Ÿฌ)์˜ ์ถ”๊ฐ€ ๋งค์ถœ์ด๋ผ๋Š” ํ›Œ๋ฅญํ•œ ROI๋ฅผ ๊ธฐ๋กํ–ˆ์Šต๋‹ˆ๋‹ค [2, 3]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Incremental Static Regeneration (ISR)]], [[Core Web Vitals]], [[Largest Contentful Paint (LCP)]], [[Search Engine Optimization (SEO)]] +- **Projects/Contexts:** [[Create React App ๊ธฐ๋ฐ˜ ํŒจ์…˜ E-commerce ํ”Œ๋žซํผ์˜ Next.js ์ „ํ™˜ ํ”„๋กœ์ ํŠธ]] +- **Contradictions/Notes:** ์†Œ์Šค์—์„œ๋Š” ๊ตฌ์ฒด์ ์ธ ์ˆ˜์น˜์™€ ํ•จ๊ป˜ Next.js๋ฅผ ํ™œ์šฉํ•œ ํŒจ์…˜ E-commerce ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์„ฑ๊ณต ์‚ฌ๋ก€๋ฅผ ์ƒ์„ธํžˆ ์ œ๊ณตํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [1, 2]. ๋ฐ˜๋ฉด Remix์˜ ๊ฒฝ์šฐ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ๋กœ์„œ ๋›ฐ์–ด๋‚œ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜(DX)๊ณผ ๋‚ด์žฅ๋œ ์„ฑ๋Šฅ ์ตœ์ ํ™”๋ฅผ ์ œ๊ณตํ•˜๋Š” ํ›Œ๋ฅญํ•œ ๋Œ€์•ˆ์œผ๋กœ ์–ธ๊ธ‰๋˜๊ณ  ์žˆ์œผ๋‚˜, E-commerce ๋„๋ฉ”์ธ์— ๋งž์ถ˜ ๊ตฌ์ฒด์ ์ธ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ˆ˜์น˜๋‚˜ ์‚ฌ๋ก€ ๋ฐ์ดํ„ฐ๋Š” ์†Œ์Šค์— ์ •๋ณด๊ฐ€ ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค [4]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/POUR Principles.md b/00_Raw/POUR Principles.md new file mode 100644 index 00000000..c8e4ca6f --- /dev/null +++ b/00_Raw/POUR Principles.md @@ -0,0 +1,18 @@ +# [[POUR Principles]] + +## ๐Ÿ“Œ Brief Summary +POUR ์›์น™์€ ์›น ์ ‘๊ทผ์„ฑ ์ง€์นจ(WCAG)์˜ ๊ทผ๊ฐ„์„ ์ด๋ฃจ๋Š” 4๊ฐ€์ง€ ํ•ต์‹ฌ ์›์น™์„ ์˜๋ฏธํ•œ๋‹ค [1-3]. ์ด๋Š” ์›น ์ฝ˜ํ…์ธ ๊ฐ€ ์ธ์ง€ ๊ฐ€๋Šฅ(Perceivable), ์šด์šฉ ๊ฐ€๋Šฅ(Operable), ์ดํ•ด ๊ฐ€๋Šฅ(Understandable), ๊ฒฌ๊ณ ํ•ด์•ผ(Robust) ํ•จ์„ ๋‚˜ํƒ€๋‚ธ๋‹ค [1, 2, 4]. ์ด ์›์น™๋“ค์€ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๊ธฐ๋‚˜ ํ‚ค๋ณด๋“œ ํƒ์ƒ‰์„ ํ•„์š”๋กœ ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ํฌํ•จํ•˜์—ฌ ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ ์›น์‚ฌ์ดํŠธ๋ฅผ ์›ํ™œํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ์„ค๊ณ„ ๊ธฐ์ค€์„ ์ œ๊ณตํ•œ๋‹ค [2, 3, 5]. + +## ๐Ÿ“– Core Content +* **Perceivable (์ธ์ง€ ๊ฐ€๋Šฅ):** ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€์˜ ์ •๋ณด์™€ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ์š”์†Œ๋ฅผ ์‰ฝ๊ฒŒ ์ธ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ œ๊ณต๋˜์–ด์•ผ ํ•œ๋‹ค [6]. ์‹œ๊ฐ์ด๋‚˜ ์ฒญ๊ฐ์˜ ์ œ์•ฝ์ด ์žˆ๋Š” ์‚ฌ์šฉ์ž๋„ ์ฝ˜ํ…์ธ ๋ฅผ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋Œ€์ฒด ํ…์ŠคํŠธ(alt text), ์˜ค๋””์˜ค ๋ฐ ๋น„๋””์˜ค ์ž๋ง‰, ๊ทธ๋ฆฌ๊ณ  ๋ช…ํ™•ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„๋ฅผ ํฌํ•จํ•ด์•ผ ํ•œ๋‹ค [2, 5]. +* **Operable (์šด์šฉ ๊ฐ€๋Šฅ):** ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ์™€ ๋‚ด๋น„๊ฒŒ์ด์…˜์€ ๋ˆ„๊ตฌ๋‚˜ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค [7]. ๋งˆ์šฐ์Šค ์—†์ด๋„ ํ‚ค๋ณด๋“œ๋‚˜ ์Œ์„ฑ ๋ช…๋ น๋งŒ์œผ๋กœ ๋ชจ๋“  ๊ธฐ๋Šฅ์ด ์ž‘๋™ํ•ด์•ผ ํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž๊ฐ€ ์ž‘์—…์„ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ๋Š” ์ถฉ๋ถ„ํ•œ ์‹œ๊ฐ„์„ ์ œ๊ณตํ•ด์•ผ ํ•œ๋‹ค [2, 5, 7, 8]. ๋˜ํ•œ ๋น›์ด ๋ฒˆ์ฉ์ด๋Š” ์š”์†Œ์ฒ˜๋Ÿผ ๋ฐœ์ž‘์„ ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ๋Š” ์ฝ˜ํ…์ธ  ๋””์ž์ธ์„ ํ”ผํ•ด์•ผ ํ•œ๋‹ค [8]. +* **Understandable (์ดํ•ด ๊ฐ€๋Šฅ):** ์ •๋ณด์˜ ๋‚ด์šฉ๊ณผ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์˜ ์ž‘๋™ ๋ฐฉ์‹์ด ๋ชจ๋‘ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์›Œ์•ผ ํ•œ๋‹ค [9]. ์–ธ์–ด๋ฅผ ๋‹จ์ˆœํ•˜๊ฒŒ ์œ ์ง€ํ•˜๊ณ  ์ง๊ด€์ ์ธ ๋‚ด๋น„๊ฒŒ์ด์…˜์„ ์ œ๊ณตํ•ด์•ผ ํ•˜๋ฉฐ, ๋ณต์žกํ•œ CAPTCHA ์š”์†Œ๋Š” ํ”ผํ•ด์•ผ ํ•œ๋‹ค [2, 5]. ์–‘์‹(form) ์ž‘์„ฑ ์‹œ ๋ ˆ์ด๋ธ”๊ณผ ์ง€์นจ์„ ๋ช…ํ™•ํžˆ ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ์‹ค์ˆ˜๋ฅผ ๋ฐฉ์ง€ํ•˜๊ณ  ์˜ค๋ฅ˜๋ฅผ ์‰ฝ๊ฒŒ ๋ณต๊ตฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์•ผ ํ•œ๋‹ค [5, 10]. +* **Robust (๊ฒฌ๊ณ ์„ฑ):** ๋ณด์กฐ ๊ธฐ์ˆ ์„ ํฌํ•จํ•œ ๊ด‘๋ฒ”์œ„ํ•œ ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ(๋ธŒ๋ผ์šฐ์ € ๋“ฑ)๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์‹ ๋ขฐ์„ฑ ์žˆ๊ฒŒ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ถฉ๋ถ„ํžˆ ๊ฒฌ๊ณ ํ•˜๊ฒŒ ๊ตฌ์ถ•๋˜์–ด์•ผ ํ•œ๋‹ค [11]. ์ด๋Š” ์›น์‚ฌ์ดํŠธ๊ฐ€ ๋‹ค์–‘ํ•œ ๊ธฐ๊ธฐ ๋ฐ ๋ณด์กฐ ๊ธฐ์ˆ ๊ณผ ํ˜ธํ™˜๋˜๋ฉฐ, ๊ธฐ์ˆ ์ด ๋ฐœ์ „ํ•˜๋”๋ผ๋„ ์ ‘๊ทผ์„ฑ ์„ค๊ณ„๊ฐ€ ์ง€์†์ ์œผ๋กœ ๊ธฐ๋Šฅํ•ด์•ผ ํ•จ์„ ์˜๋ฏธํ•œ๋‹ค [2, 5]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[WCAG]], [[Web Accessibility]], [[UX Design]] +- **Projects/Contexts:** [[ADA Website Compliance]], [[Modern Web Design Best Practices]] +- **Contradictions/Notes:** ์†Œ์Šค ๋‚ด์—์„œ POUR ์›์น™์— ๋Œ€ํ•œ ์ƒ์ถฉ๋˜๋Š” ์ฃผ์žฅ์€ ์—†์œผ๋ฉฐ, ์ œ๊ณต๋œ ๋ชจ๋“  ์†Œ์Šค๊ฐ€ ์ด๋ฅผ ์›น ์ ‘๊ทผ์„ฑ์„ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๋ณดํŽธ์ ์ด๊ณ  ํ•„์ˆ˜์ ์ธ ํ‘œ์ค€์œผ๋กœ ์ผ๊ด€๋˜๊ฒŒ ์„ค๋ช…ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/React Application SEO Migration.md b/00_Raw/React Application SEO Migration.md new file mode 100644 index 00000000..100f6f87 --- /dev/null +++ b/00_Raw/React Application SEO Migration.md @@ -0,0 +1,26 @@ +# [[React Application SEO Migration]] + +## ๐Ÿ“Œ Brief Summary +React Application SEO Migration์€ ์ „ํ†ต์ ์ธ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๊ธฐ๋ฐ˜์˜ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๊ฐ€์ง€๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ์ƒ‰์ธ ๋ฐ ๋…ธ์ถœ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด, ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์ด๋‚˜ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)๊ณผ ๊ฐ™์€ SEO ์นœํ™”์ ์ธ ์•„ํ‚คํ…์ฒ˜๋กœ ์ „ํ™˜ํ•˜๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ React ์•ฑ์€ ์ดˆ๊ธฐ ์š”์ฒญ ์‹œ ๋นˆ HTML ์…ธ๋งŒ์„ ์ œ๊ณตํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์˜ ํฌ๋กค๋ง์„ ๋ฐฉํ•ดํ•˜๋ฏ€๋กœ, Next.js๋‚˜ Remix ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋„์ž…ํ•˜์—ฌ ์ฝ˜ํ…์ธ , ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ, ๊น”๋”ํ•œ URL ๋ผ์šฐํŒ…์ด ์ฆ‰๊ฐ์ ์œผ๋กœ ์ œ๊ณต๋˜๋„๋ก ๊ตฌ์กฐ๋ฅผ ๊ฐœํŽธํ•˜๋Š” ๊ฒƒ์ด ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด Core Web Vitals๋ฅผ ๊ฐœ์„ ํ•˜๊ณ  ๊ฒ€์ƒ‰ ์—”์ง„ ์ˆœ์œ„ ๋ฐ ์˜ค๊ฐ€๋‹‰ ํŠธ๋ž˜ํ”ฝ์„ ๊ทน๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. + +## ๐Ÿ“– Core Content +* **React์˜ SEO ๊ณผ์ œ (CSR์˜ ํ•œ๊ณ„):** + ๊ธฐ๋ณธ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ†ตํ•ด ํ™”๋ฉด์„ ๊ทธ๋ฆฌ๋Š” CSR ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด ๊ตฌ๊ธ€๋ด‡(Googlebot) ๋“ฑ์˜ ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ ‘๊ทผํ–ˆ์„ ๋•Œ ์ดˆ๊ธฐ์—๋Š” ๋‚ด์šฉ์ด ์—†๋Š” ๋นˆ HTML ๊ณจ๊ฒฉ(`
`)๋งŒ ๋ณด๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ด‡์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ์‹คํ–‰ํ•  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ค์•ผ ํ•˜๋Š” '2๋‹จ๊ณ„ ์ƒ‰์ธ(Two-wave indexing)' ๊ณผ์ •์„ ๊ฑฐ์น˜๊ฒŒ ๋˜๋ฉฐ, ์ด๋Š” ํฌ๋กค๋ง ์˜ˆ์‚ฐ ๋‚ญ๋น„, ์ธ๋ฑ์‹ฑ ์ง€์—ฐ, ์ฝ˜ํ…์ธ  ๋ˆ„๋ฝ, ๊ทธ๋ฆฌ๊ณ  ๋Œ€๊ทœ๋ชจ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค๋กœ ์ธํ•œ Core Web Vitals ์ ์ˆ˜ ํ•˜๋ฝ์„ ์ดˆ๋ž˜ํ•ฉ๋‹ˆ๋‹ค. +* **์ฃผ์š” ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ „๋žต (๋ Œ๋”๋ง ๋ฐฉ์‹ ๊ฐœํŽธ):** + * **์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง (SSR):** ๊ฐ ์š”์ฒญ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜์—ฌ ์™„์ „ํ•œ HTML์„ ์ƒ์„ฑํ•ด ์ œ๊ณตํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ๊ตฌ๊ธ€๋ด‡์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰์„ ๊ธฐ๋‹ค๋ฆด ํ•„์š” ์—†์ด ์ฆ‰์‹œ ์ฝ˜ํ…์ธ ๋ฅผ ์ˆ˜์ง‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆ์ผ€ํŒ… ์‚ฌ์ดํŠธ, ๋ธ”๋กœ๊ทธ, ์‹ค์‹œ๊ฐ„ ๋™์  ์ฝ˜ํ…์ธ ์— ์ ํ•ฉํ•˜๋ฉฐ Next.js, Remix ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ†ตํ•ด ๋„์ž…ํ•ฉ๋‹ˆ๋‹ค. + * **์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ (SSG) ๋ฐ ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ (ISR):** ๋นŒ๋“œ ์‹œ์ ์— ๋ชจ๋“  HTML์„ ์‚ฌ์ „ ์ƒ์„ฑ(SSG)ํ•˜๊ฑฐ๋‚˜, ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์ฃผ๊ธฐ์ ์œผ๋กœ ์ •์  ํŽ˜์ด์ง€๋ฅผ ์—…๋ฐ์ดํŠธ(ISR)ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋น ๋ฅธ ๋กœ๋”ฉ ์†๋„์™€ ์™„๋ฒฝํ•œ ํฌ๋กค๋ง ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜์—ฌ ์ „์ž์ƒ๊ฑฐ๋ž˜(E-commerce)๋‚˜ ๋Œ€๊ทœ๋ชจ ๋ฌธ์„œ ์‚ฌ์ดํŠธ์— ์œ ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. + * **๋™์  ๋ Œ๋”๋ง (Dynamic Rendering):** ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์—๊ฒŒ๋Š” ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML์„ ์ œ๊ณตํ•˜๊ณ , ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” CSR์„ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ์‹(์˜ˆ: Prerender.io ํ™œ์šฉ)์ž…๋‹ˆ๋‹ค. ๋‹จ, ์ด๋Š” SSR ์ ์šฉ์ด ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ์˜ ์ž„์‹œ๋ฐฉํŽธ(Fallback)์ž…๋‹ˆ๋‹ค. +* **์„ฑ๊ณต์ ์ธ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ์œ„ํ•œ ํ•ต์‹ฌ ๊ธฐ์ˆ  ์š”๊ฑด:** + * **๋ผ์šฐํŒ… ์ตœ์ ํ™”:** ํ•ด์‹œ ๋ผ์šฐํŒ…(์˜ˆ: `/#/about`)์€ ๊ฒ€์ƒ‰ ์—”์ง„์ด ๊ฐœ๋ณ„ ํŽ˜์ด์ง€๋กœ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๋ฏ€๋กœ, HTML5 History API๋ฅผ ํ™œ์šฉํ•œ `BrowserRouter` ๊ธฐ๋ฐ˜์˜ ๊น”๋”ํ•œ URL ์ฒด๊ณ„๋กœ ์ „ํ™˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. + * **๋™์  ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๋ฐ ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ:** ํŽ˜์ด์ง€ ์ „ํ™˜ ์‹œ React Helmet(๋˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ ๋‚ด์žฅ ๊ธฐ๋Šฅ)์„ ์‚ฌ์šฉํ•˜์—ฌ ``, ๋ฉ”ํƒ€ ์„ค๋ช…, Open Graph ํƒœ๊ทธ๊ฐ€ ๋™์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜๋„๋ก ์ฒ˜๋ฆฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ฝ˜ํ…์ธ ์˜ ๋งฅ๋ฝ์„ ์ดํ•ดํ•˜๋„๋ก JSON-LD ํ˜•ํƒœ์˜ ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ(Schema.org)๋ฅผ ์‚ฝ์ž…ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. + * **์‹œ๋งจํ‹ฑ ํฌ๋กค๋ง ์ง€์›:** ๋‚ด๋ถ€ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์š”์†Œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ `onClick` ์ด๋ฒคํŠธ ๋Œ€์‹  ๋ฐ˜๋“œ์‹œ ํ‘œ์ค€ `<a href>` ํƒœ๊ทธ(๋˜๋Š” `<Link>` ์ปดํฌ๋„ŒํŠธ)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ด‡์ด ๋งํฌ๋ฅผ ๋”ฐ๋ผ ์ •์ƒ์ ์œผ๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. +* **๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ํšจ๊ณผ (์‚ฌ๋ก€ ์—ฐ๊ตฌ):** + ๊ธฐ์กด CSR(Create React App)๋กœ ๊ตฌ์ถ•๋œ 10,000๊ฐœ ์ƒํ’ˆ ๊ทœ๋ชจ์˜ ์ด์ปค๋จธ์Šค ์‚ฌ์ดํŠธ๋ฅผ Next.js(ISR)๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•œ ๊ฒฐ๊ณผ, ๊ฒ€์ƒ‰ ์—”์ง„ ์ƒ‰์ธ์œจ์ด 40%์—์„œ 95%๋กœ ๊ธ‰์ฆํ–ˆ์Šต๋‹ˆ๋‹ค. ์ดˆ๊ธฐ ์‘๋‹ต ์‹œ๊ฐ„(TTFB)์€ 200ms์—์„œ 50ms๋กœ ๋‹จ์ถ•๋˜๊ณ  LCP(Largest Contentful Paint)๋Š” 4.2์ดˆ(Poor)์—์„œ 1.8์ดˆ(Good)๋กœ ๊ฐœ์„ ๋˜์—ˆ์œผ๋ฉฐ, ์˜ค๊ฐ€๋‹‰ ํŠธ๋ž˜ํ”ฝ๊ณผ ์ˆ˜์ต์ด ๊ฐ๊ฐ 70%, 75% ์ฆ๊ฐ€ํ•˜๋Š” ์„ฑ๊ณผ๋ฅผ ๋‹ฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Client-Side Rendering (CSR)]], [[Core Web Vitals]], [[Search Engine Optimization (SEO)]], [[Next.js]] +- **Projects/Contexts:** [[E-commerce Migration to Next.js Case Study]] +- **Contradictions/Notes:** ๋™์  ๋ Œ๋”๋ง(Dynamic Rendering) ๊ธฐ์ˆ ์— ๋Œ€ํ•ด, ์†Œ์Šค์—์„œ๋Š” ๋ด‡๊ณผ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋‹ค๋ฅธ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณด์—ฌ์ฃผ๊ฒŒ ๋  ๊ฒฝ์šฐ ํด๋กœํ‚น(Cloaking)์œผ๋กœ ๊ฐ„์ฃผ๋˜์–ด ๊ตฌ๊ธ€๋กœ๋ถ€ํ„ฐ ํŽ˜๋„ํ‹ฐ๋ฅผ ๋ฐ›์„ ์œ„ํ—˜์ด ์žˆ๋‹ค๊ณ  ๊ฒฝ๊ณ ํ•ฉ๋‹ˆ๋‹ค. 2026๋…„ ๊ธฐ์ค€ ๊ตฌ๊ธ€์€ ์ด ๋ฐฉ์‹์„ ๊ถŒ์žฅํ•˜์ง€ ์•Š์œผ๋ฉฐ(Deprecated), ๊ฐ€๊ธ‰์  SSR์ด๋‚˜ SSG ์•„ํ‚คํ…์ฒ˜๋กœ ์™„์ „ํžˆ ์ „ํ™˜ํ•  ๊ฒƒ์„ ๊ถŒ๊ณ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/React Router URL Configuration.md b/00_Raw/React Router URL Configuration.md new file mode 100644 index 00000000..f3cc077a --- /dev/null +++ b/00_Raw/React Router URL Configuration.md @@ -0,0 +1,31 @@ +# [[React Router URL Configuration]] + +## ๐Ÿ“Œ Brief Summary +React Router URL Configuration์€ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ URL์„ ํŠน์ • UI ์ปดํฌ๋„ŒํŠธ ๋ฐ ๋™์ž‘์— ๋งคํ•‘ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ์„ค์ • ๋ฐฉ์‹์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค [1, 2]. ์ด๋Š” ๋ถ€๋ชจ-์ž์‹ ๊ฐ„์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ(Nested Routes) ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•˜๊ณ , ๋™์  URL ์„ธ๊ทธ๋จผํŠธ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋ฉฐ, ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์— ์ ํ•ฉํ•œ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ผ์šฐํŒ… ํ™˜๊ฒฝ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [1, 3, 4]. ์˜ฌ๋ฐ”๋ฅธ URL ๊ตฌ์„ฑ์„ ํ†ตํ•ด ๋ณต์žกํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ ˆ์ด์•„์›ƒ์„ ํšจ๊ณผ์ ์œผ๋กœ ์œ ์ง€ ๊ด€๋ฆฌํ•˜๊ณ , ์‚ฌ์šฉ์ž ํƒ์ƒ‰ ๋ฐ ์ƒํƒœ ๋™๊ธฐํ™” ๊ฒฝํ—˜์„ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5, 6]. + +## ๐Ÿ“– Core Content +* **์ค‘์ฒฉ ๋ผ์šฐํŒ… ๋ฐ URL ๊ณ„์ธต ๊ตฌ์กฐ (Nested Routes):** + React Router๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด URL์— ๋”ฐ๋ผ ํŽ˜์ด์ง€์˜ ๊ณตํ†ต ๋ถ€๋ถ„(์˜ˆ: ์‚ฌ์ด๋“œ๋ฐ”, ํ—ค๋”)์€ ๊ณ ์ •๋œ ์ƒํƒœ์—์„œ ์ž์‹ ์š”์†Œ๋งŒ ๋ณ€๊ฒฝ๋˜๋Š” ๋ถ€๋ชจ-์ž์‹ ๊ด€๊ณ„์˜ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [1]. ์˜ˆ๋ฅผ ๋“ค์–ด, `/dashboard` URL์ด ๋ถ€๋ชจ ๋ ˆ์ด์•„์›ƒ์„ ์ œ๊ณตํ•˜๊ณ , `/dashboard/analytics`์™€ ๊ฐ™์ด ์ค‘์ฒฉ๋œ URL์— ์ ‘๊ทผ ์‹œ `<Outlet />` ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ†ตํ•ด ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ Œ๋”๋งํ•˜๋„๋ก ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค [2]. + +* **๋™์  ์„ธ๊ทธ๋จผํŠธ ๋ฐ 404 ์—๋Ÿฌ ์ฒ˜๋ฆฌ:** + `/:userId`์™€ ๊ฐ™์ด URL ๋‚ด์— ๋™์ ์ธ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ํฌํ•จํ•˜๋„๋ก ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋Ÿฌํ•œ ๊ฐ’์€ `useParams()` ํ›…์„ ํ†ตํ•ด ์‰ฝ๊ฒŒ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5, 7]. ๋˜ํ•œ, ๊ฐ ๋ผ์šฐํŠธ ๋ ˆ๋ฒจ์—์„œ `*` ๊ฒฝ๋กœ(Catch-all)๋ฅผ ๊ตฌ์„ฑํ•˜์—ฌ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ URL ์ ‘๊ทผ ์‹œ ์ „์—ญ 404 ํŽ˜์ด์ง€๋‚˜ ํŠน์ • ์„น์…˜๋ณ„ Not Found ํŽ˜์ด์ง€๋กœ ์œ ์—ฐํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5, 7, 8]. + +* **๋ฐ์ดํ„ฐ ํ˜•ํƒœ์˜ ๋ผ์šฐํŠธ ๊ตฌ์„ฑ (Route Configuration as Data):** + ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ URL ๊ตฌ์„ฑ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด, JSX ํŠธ๋ฆฌ๊ฐ€ ์•„๋‹Œ JavaScript ๊ฐ์ฒด ๋ฐฐ์—ด ํ˜•ํƒœ๋กœ ๋ผ์šฐํŠธ๋ฅผ ์ •์˜ํ•˜๊ณ  `useRoutes()` ํ›…์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5, 7, 8]. ์ด๋Š” ๊ฒฝ๋กœ ๊ตฌ์„ฑ์„ ์„ ์–ธ์  ๋ฐ์ดํ„ฐ๋กœ ์ทจ๊ธ‰ํ•˜์—ฌ ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ํ™•์žฅ์„ฑ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [5, 7]. + +* **SEO ์นœํ™”์ ์ธ URL ๊ตฌ์„ฑ (HTML5 History API):** + ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด์„œ๋Š” `example.com/#/about`๊ณผ ๊ฐ™์€ ํ•ด์‹œ ๋ผ์šฐํŒ…(Hash Routing) ๋ฐฉ์‹์„ ํ”ผํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [3, 4]. ํ•ด์‹œ ๊ธฐ๋ฐ˜ URL์€ ๊ฒ€์ƒ‰ ์—”์ง„์ด ๊ฐœ๋ณ„ ํŽ˜์ด์ง€๋กœ ์ธ์‹ํ•˜์ง€ ์•Š์•„ ํฌ๋กค๋ง์— ์‹คํŒจํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค [3, 4, 9]. ๋Œ€์‹  `BrowserRouter`๋ฅผ ํ†ตํ•œ ํด๋ฆฐ URL(`example.com/about`)์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋“  ๋ผ์šฐํŠธ๊ฐ€ ๊ฐœ๋ณ„์ ์œผ๋กœ ์ธ๋ฑ์‹ฑ๋  ์ˆ˜ ์žˆ๋„๋ก ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [3, 4, 9]. + +* **ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ผ์šฐํŒ…์„ ์œ„ํ•œ ์„œ๋ฒ„ ์„ค์ •:** + `BrowserRouter` ๊ธฐ๋ฐ˜์œผ๋กœ URL์„ ๊ตฌ์„ฑํ•  ๊ฒฝ์šฐ, ์‚ฌ์šฉ์ž๊ฐ€ ํŠน์ • URL์„ ์ง์ ‘ ์ž…๋ ฅํ•ด ์ ‘์†ํ–ˆ์„ ๋•Œ ์„œ๋ฒ„์—์„œ 404 ์—๋Ÿฌ๋ฅผ ๋ฐ˜ํ™˜ํ•˜์ง€ ์•Š๋„๋ก ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [3]. ์ด๋ฅผ ์œ„ํ•ด Nginx, Express, Apache ๋“ฑ์˜ ๋ฐฑ์—”๋“œ ์„œ๋ฒ„๋Š” ๋ชจ๋“  ๋ผ์šฐํŒ… ์š”์ฒญ์— ๋Œ€ํ•ด ๋‹จ์ผ ์ง„์ž…์ ์ธ `index.html`์„ ๋ฐ˜ํ™˜ํ•˜๋„๋ก ๊ตฌ์„ฑ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [3]. + +* **URL์„ ํ™œ์šฉํ•œ ์ƒํƒœ ๊ด€๋ฆฌ (URL Search Params):** + React Router ํ™˜๊ฒฝ์—์„œ๋Š” ์ž„์‹œ UI ์ƒํƒœ(์˜ˆ: ๋ฆฌ์ŠคํŠธ ๋ทฐ vs ๋””ํ…Œ์ผ ๋ทฐ ์ „ํ™˜)๋ฅผ ๋…๋ฆฝ์ ์ธ React ์ปดํฌ๋„ŒํŠธ ์ƒํƒœ(State)๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ๋ณด๋‹ค๋Š” URL์˜ Query ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์ด์šฉํ•ด ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค [6, 10]. ์ด ๊ตฌ์„ฑ์„ ํ†ตํ•ด ๋ถˆํ•„์š”ํ•œ ์ƒํƒœ ๋™๊ธฐํ™” ๋ฒ„๊ทธ๋ฅผ ๋ฐฉ์ง€ํ•˜๊ณ  URL ์ž์ฒด๋ฅผ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ๋‹จ์ผ ์ถœ์ฒ˜(Source of truth)๋กœ ์‚ผ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [6, 11]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Single Page Applications (SPA)]], [[Nested Routing]], [[Client-Side Routing]], [[Search Engine Optimization (SEO)]], [[Server-Side Rendering (SSR)]], [[Core Web Vitals]] +- **Projects/Contexts:** [[๋ณต์žกํ•œ ๊ณ„์ธตํ˜• ๋Œ€์‹œ๋ณด๋“œ ๋ฐ SaaS ํ”Œ๋žซํผ UI ๋„ค๋น„๊ฒŒ์ด์…˜ ์„ค๊ณ„]], [[SPA ๊ธฐ๋ฐ˜ React ์›น์‚ฌ์ดํŠธ์˜ ๊ธฐ์ˆ ์  SEO ๊ฐœ์„  ๋ฐ SSR ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ „๋žต]] +- **Contradictions/Notes:** ํ•ด์‹œ ๋ผ์šฐํŒ…(`HashRouter`)์€ ์„œ๋ฒ„์— ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ผ์šฐํŒ…์„ ์œ„ํ•œ ์ถ”๊ฐ€์ ์ธ `index.html` ๋ฐ˜ํ™˜ ์„ค์ •์„ ํ•  ํ•„์š”๊ฐ€ ์—†์–ด ์ดˆ๊ธฐ ๋ฐฐํฌ ๊ตฌ์„ฑ์ด ๊ฐ„ํŽธํ•˜๋‹ค๋Š” ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๋Š” URL์ด ์ œ๋Œ€๋กœ ํฌ๋กค๋ง๋˜์ง€ ์•Š์•„ ๊ฒ€์ƒ‰ ์—”์ง„ ๋žญํ‚น์— ์น˜๋ช…์ ์ธ ์•…์˜ํ–ฅ์„ ๋ฏธ์น˜๋ฏ€๋กœ, SEO๊ฐ€ ์ค‘์š”ํ•œ ํ˜„๋Œ€์˜ ์›น ํ”„๋กœ๋•์…˜ ํ™˜๊ฒฝ์—์„œ๋Š” ๊ฐ•ํ•˜๊ฒŒ ์ง€์–‘๋ฉ๋‹ˆ๋‹ค [3, 4, 12]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/React Router ๊ธฐ๋ฐ˜์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต.md b/00_Raw/React Router ๊ธฐ๋ฐ˜์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต.md new file mode 100644 index 00000000..3e0c7188 --- /dev/null +++ b/00_Raw/React Router ๊ธฐ๋ฐ˜์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต.md @@ -0,0 +1,29 @@ +# [[React Router ๊ธฐ๋ฐ˜์˜ ์ค‘์ฒฉ ๋ผ์šฐํŠธ ๋ฐ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ์ตœ์ ํ™” ์ „๋žต]] + +## ๐Ÿ“Œ Brief Summary +React Router๋ฅผ ํ™œ์šฉํ•œ ์ค‘์ฒฉ ๋ผ์šฐํŠธ(Nested Routes)๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋ณต์žกํ•œ ๋ ˆ์ด์•„์›ƒ๊ณผ ๊ณ„์ธต์  ๋‚ด๋น„๊ฒŒ์ด์…˜์„ ์„ ์–ธ์ ์œผ๋กœ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์— ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…(Code Splitting) ๋ฐ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy Loading)์„ ๊ฒฐํ•ฉํ•˜๋ฉด ์ดˆ๊ธฐ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ์ค„์ด๊ณ  ํ•„์š”ํ•œ ์ฝ”๋“œ๋งŒ ๋กœ๋“œํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜๊ณผ ์ดˆ๊ธฐ ๋กœ๋”ฉ ์„ฑ๋Šฅ์„ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋‘ ๊ฐ€์ง€ ์ „๋žต์€ ๋Œ€๊ทœ๋ชจ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋ Œ๋”๋ง ํšจ์œจ์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•˜๊ณ  ๋ฆฌ์†Œ์Šค์˜ ๋„คํŠธ์›Œํฌ ๋ณ‘๋ชฉ์„ ์ตœ์†Œํ™”ํ•˜๋Š” ํ˜„๋Œ€ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค. + +## ๐Ÿ“– Core Content + +**์ค‘์ฒฉ ๋ผ์šฐํŠธ (Nested Routes)์˜ ๊ตฌ์กฐ์™€ ํ™œ์šฉ** +* **๊ณ„์ธต์  ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ**: ์ค‘์ฒฉ ๋ผ์šฐํŠธ๋Š” ๋ถ€๋ชจ ๋ผ์šฐํŠธ ๋‚ด์— ์ž์‹ ๋ผ์šฐํŠธ๋ฅผ ์ •์˜ํ•˜์—ฌ, ๋Œ€์‹œ๋ณด๋“œ๋‚˜ ์„ค์ • ํŽ˜์ด์ง€์ฒ˜๋Ÿผ ์‚ฌ์ด๋“œ๋ฐ”๋‚˜ ํ—ค๋” ๋“ฑ์˜ UI๋Š” ๊ณ ์ •ํ•˜๊ณ  ๋‚˜๋จธ์ง€ ๋ถ€๋ถ„๋งŒ URL์— ๋”ฐ๋ผ ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝ๋˜๊ฒŒ ํ•˜๋Š” ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค [1-4]. +* **์ปดํฌ๋„ŒํŠธ ๋ Œ๋”๋ง**: `<Outlet />` ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž์‹ ๋ผ์šฐํŠธ๊ฐ€ ๋ Œ๋”๋ง๋  ์œ„์น˜(ํ”Œ๋ ˆ์ด์Šคํ™€๋”)๋ฅผ ๋ช…์‹œ์ ์œผ๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค [3-6]. +* **๊ธฐ๋ณธ ๋ทฐ ์„ค์ •**: `index` ์†์„ฑ์„ ๋ถ€์—ฌํ•˜๋ฉด, ์‚ฌ์šฉ์ž๊ฐ€ ๋ถ€๋ชจ ๋ผ์šฐํŠธ์˜ ๊ฒฝ๋กœ์™€ ์ •ํ™•ํžˆ ์ผ์น˜ํ•˜๋Š” URL๋กœ ์ ‘์†ํ–ˆ์„ ๋•Œ ๋ Œ๋”๋ง๋  ๊ธฐ๋ณธ(๋””ํดํŠธ) ์ž์‹ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [3, 4, 6, 7]. +* **๋ผ์šฐํŠธ ๋ณดํ˜ธ ๋ฐ ๊ด€๋ฆฌ**: ์ธ์ฆ(Authentication) ๊ฒ€์‚ฌ ์ปดํฌ๋„ŒํŠธ๋กœ ๋ผ์šฐํŠธ๋ฅผ ๊ฐ์‹ธ ์ ‘๊ทผ ๊ถŒํ•œ์ด ์—†๋Š” ์‚ฌ์šฉ์ž๋ฅผ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธํ•˜๋Š” ๋ณดํ˜ธ๋œ ๋ผ์šฐํŠธ(Protected Routes) ํŒจํ„ด์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, `useRoutes()` ํ›…์„ ํ†ตํ•ด ๋Œ€๊ทœ๋ชจ ์•ฑ์—์„œ ๋ผ์šฐํŠธ ๊ตฌ์„ฑ์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด ๋ฐ์ดํ„ฐ๋กœ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [6, 8-10]. + +**์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… (Code Splitting) ๋ฐ ์ง€์—ฐ ๋กœ๋”ฉ (Lazy Loading) ์ „๋žต** +* **์„ฑ๋Šฅ ์ตœ์ ํ™” ํšจ๊ณผ**: ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ž‘์€ ์ฒญํฌ(Chunk)๋กœ ๋‚˜๋ˆ„์–ด ํ•„์š”ํ•  ๋•Œ๋งŒ ๋กœ๋“œ(์ง€์—ฐ ๋กœ๋”ฉ)ํ•จ์œผ๋กœ์จ, ์ดˆ๊ธฐ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ 50~100KB ์ˆ˜์ค€์œผ๋กœ ์ค„์ด๊ณ  TTFB(Time to First Byte) ๋ฐ TTI(Time to Interactive)๋ฅผ ํฌ๊ฒŒ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค [11-14]. +* **๊ตฌํ˜„ ๋ฐฉ๋ฒ•**: `React.lazy()`๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋™์  ์ž„ํฌํŠธ(Dynamic Import)๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋‹ค๋ฆฌ๋Š” ๋™์•ˆ `<Suspense>` ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ†ตํ•ด ๋กœ๋”ฉ ์Šคํ”ผ๋„ˆ์™€ ๊ฐ™์€ ํด๋ฐฑ(Fallback) UI๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [15-18]. +* **๋ถ„ํ•  ์ „๋žต**: ๋ผ์šฐํŠธ ๋ ˆ๋ฒจ์—์„œ์˜ ์Šคํ”Œ๋ฆฌํŒ…์ด ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ด๊ณ  ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค [17, 19]. ๊ทธ ์™ธ์—๋„ ์กฐ๊ฑด๋ถ€ ๋กœ๋”ฉ, ํƒญ ์„ ํƒ ์‹œ ๋กœ๋”ฉ, ํ™”๋ฉด์˜ ๋ทฐํฌํŠธ์— ๋“ค์–ด์˜ฌ ๋•Œ ๋กœ๋“œํ•˜๋Š” ๋ฐฉ์‹(Intersection Observer ํ™œ์šฉ) ๋“ฑ ๋ฌด๊ฑฐ์šด ์ปดํฌ๋„ŒํŠธ ๋ ˆ๋ฒจ์˜ ๋ถ„ํ• ์„ ์ „๋žต์ ์œผ๋กœ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [18, 20, 21]. + +**React Router 6.4+์˜ ๋ฐ์ดํ„ฐ ํŒจ์นญ๊ณผ UX ์ตœ์ ํ™”** +* **์›Œํ„ฐํด(Waterfall) ๋ฌธ์ œ ํ•ด๊ฒฐ**: ์ „ํ†ต์ ์ธ React ์ปดํฌ๋„ŒํŠธ๋Š” ๋ Œ๋”๋ง์ด ์™„๋ฃŒ๋œ ํ›„์—์•ผ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ˆœ์ฐจ์  ์ง€์—ฐ(์›Œํ„ฐํด)์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค [22-24]. React Router v6.4 ์ด์ƒ์—์„œ๋Š” `loader` ํ•จ์ˆ˜๋ฅผ ๋„์ž…ํ•˜์—ฌ ๋ผ์šฐํŠธ ๋งค์นญ๊ณผ ๋™์‹œ์— ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ‘๋ ฌ๋กœ ๊ฐ€์ ธ์˜ด์œผ๋กœ์จ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค [24, 25]. +* **UX ์•ˆ์ •์„ฑ**: ๋ฐ์ดํ„ฐ๊ฐ€ ์ค€๋น„๋œ ์ดํ›„์—๋งŒ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ Œ๋”๋ง๋˜๋ฏ€๋กœ UI ๊นœ๋นก์ž„์ด ์‚ฌ๋ผ์ง€๊ณ , ์‚ฌ์šฉ์ž ๋‚ด๋น„๊ฒŒ์ด์…˜์„ ์˜ˆ์ธกํ•˜์—ฌ ๋ผ์šฐํŠธ๋ฅผ ์‚ฌ์ „ ๋กœ๋“œ(Preloading)ํ•˜๊ฑฐ๋‚˜ ์ฒญํฌ ๋กœ๋”ฉ ์‹คํŒจ์— ๋Œ€๋น„ํ•ด ์—๋Ÿฌ ๋ฐ”์šด๋”๋ฆฌ(Error Boundaries)๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ์šฐ์•„ํ•˜๊ฒŒ ์‹คํŒจ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ๋ชจ๋ฒ” ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค [15, 18, 21, 24, 26]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Web Performance Optimization]], [[Core Web Vitals]], [[User Experience (UX) Design]] +- **Projects/Contexts:** [[์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง ์ตœ์ ํ™”]], [[๋Œ€๊ทœ๋ชจ SaaS ๋Œ€์‹œ๋ณด๋“œ ๋ฐ ๋ณต์žกํ•œ ๊ณ„์ธต์  UI ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„]] +- **Contradictions/Notes:** ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ…์€ ์ดˆ๊ธฐ ๋กœ๋“œ ์‹œ๊ฐ„์„ ์ค„์—ฌ์ฃผ์ง€๋งŒ, ๋„ˆ๋ฌด ๊ณผ๋„ํ•˜๊ฒŒ ๋ถ„ํ• (Over-splitting)ํ•  ๊ฒฝ์šฐ ๊ด€๋ฆฌํ•ด์•ผ ํ•  ์ฒญํฌ๊ฐ€ ๋งŽ์•„์ ธ ์˜คํžˆ๋ ค ๋„คํŠธ์›Œํฌ ์˜ค๋ฒ„ํ—ค๋“œ๊ฐ€ ์ฆ๊ฐ€ํ•˜๊ณ  UX๊ฐ€ ์ €ํ•˜๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ๋ผ์šฐํŠธ ๋‹จ์œ„๋‚˜ ๋ฌด๊ฑฐ์šด ๊ธฐ๋Šฅ(์ฐจํŠธ, ์—๋””ํ„ฐ ๋“ฑ) ์œ„์ฃผ๋กœ ์ „๋žต์ ์œผ๋กœ ๋ถ„ํ• ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [19, 27, 28]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/React SEO Optimization.md b/00_Raw/React SEO Optimization.md new file mode 100644 index 00000000..a9a89baa --- /dev/null +++ b/00_Raw/React SEO Optimization.md @@ -0,0 +1,32 @@ +# [[React SEO Optimization]] + +## ๐Ÿ“Œ Brief Summary +React SEO Optimization์€ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์„ ๊ธฐ๋ณธ์œผ๋กœ ํ•˜๋Š” React ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์˜ ๊ตฌ์กฐ์  ํ•œ๊ณ„๋กœ ์ธํ•ด ๋ฐœ์ƒํ•˜๋Š” ๊ฒ€์ƒ‰์—”์ง„ ํฌ๋กค๋ง ๋ฐ ์ธ๋ฑ์‹ฑ ์ง€์—ฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ธฐ์ˆ ์  ์ตœ์ ํ™” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡๊ณผ AI ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์ฆ‰์‹œ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋„๋ก ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR) ๋ฐ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG) ๊ฐ™์€ ๋ Œ๋”๋ง ์ „๋žต์„ ์ฑ„ํƒํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ, ๋ผ์šฐํŒ… ๊ตฌ์กฐ ๊ฐœ์„ , ๋™์  ๋ฉ”ํƒ€ ํƒœ๊ทธ ์‚ฝ์ž…, ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals) ํ–ฅ์ƒ์„ ํ†ตํ•ด ๊ฒ€์ƒ‰ ๋…ธ์ถœ ์ˆœ์œ„์™€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋™์‹œ์— ๊ทน๋Œ€ํ™”ํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค. + +## ๐Ÿ“– Core Content +* **React SEO์˜ ์ฃผ์š” ๊ณผ์ œ** + * **๋ Œ๋”๋ง ์ง€์—ฐ ๋ฐ ํฌ๋กค๋ง ์˜ˆ์‚ฐ ๋‚ญ๋น„:** ์ „ํ†ต์ ์ธ React ์•ฑ์€ ์ดˆ๊ธฐ ์š”์ฒญ ์‹œ ๋นˆ HTML ์‰˜(`<div id="root"></div>`)๋งŒ ์ œ๊ณตํ•˜๋ฏ€๋กœ, ๊ตฌ๊ธ€๋ด‡ ๋“ฑ ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ์‹คํ–‰ํ•ด์•ผ๋งŒ ์ฝ˜ํ…์ธ ๋ฅผ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [1-3]. ์ด๋Š” ์ดˆ๊ธฐ HTML ์ธ๋ฑ์‹ฑ ํ›„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ˜ํ…์ธ ๋ฅผ ๋‚˜์ค‘์— ์ธ๋ฑ์‹ฑํ•˜๋Š” '๋‘ ๋‹จ๊ณ„ ์ธ๋ฑ์‹ฑ(Two-wave indexing)'์„ ์œ ๋ฐœํ•˜๋ฉฐ, ์‹œ๊ฐ„ ์ง€์—ฐ ๋ฐ ํฌ๋กค๋ง ์˜ˆ์‚ฐ ๋‚ญ๋น„๋ฅผ ์ดˆ๋ž˜ํ•ฉ๋‹ˆ๋‹ค [4-6]. + * **๋ผ์šฐํŒ… ๋ฐ ์†Œํ”„ํŠธ 404 ๋ฌธ์ œ:** SPA๋Š” ์กด์žฌํ•˜์ง€ ์•Š๋Š” URL์— ๋Œ€ํ•ด์„œ๋„ 200 OK ์ƒํƒœ ์ฝ”๋“œ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ์†Œํ”„ํŠธ 404 ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ•ด์‹œ ๋ผ์šฐํŒ…(#) ์‚ฌ์šฉ ์‹œ ๊ฒ€์ƒ‰ ์—”์ง„์ด URL์„ ๋…๋ฆฝ๋œ ํŽ˜์ด์ง€๋กœ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค [7, 8]. + * **์„ฑ๋Šฅ ๋ฐ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ํ•˜๋ฝ:** ๋ฌด๊ฑฐ์šด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค๊ณผ ๋ธŒ๋ผ์šฐ์ € ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๋ฅผ ๋ฌถ๋Š” ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Hydration) ๊ณผ์ •์€ LCP(Largest Contentful Paint)์™€ INP(Interaction to Next Paint) ์ง€ํ‘œ๋ฅผ ์•…ํ™”์‹œ์ผœ ๊ฒ€์ƒ‰ ์ˆœ์œ„์— ์•…์˜ํ–ฅ์„ ์ค๋‹ˆ๋‹ค [9-11]. + +* **ํ•ต์‹ฌ ๋ Œ๋”๋ง ์ „๋žต** + * **์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง (SSR):** Next.js๋‚˜ Remix ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์„œ๋ฒ„์—์„œ ์™„์ „ํ•œ HTML์„ ์ƒ์„ฑํ•ด ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ํฌ๋กค๋Ÿฌ๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ์—†์ด๋„ ์™„์„ฑ๋œ ์ฝ˜ํ…์ธ , ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ, ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฆ‰์‹œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด ๋งˆ์ผ€ํŒ… ์‚ฌ์ดํŠธ๋‚˜ ๋™์  ์ฝ˜ํ…์ธ ์— ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค [12-14]. + * **์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ (SSG) ๋ฐ ์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ (ISR):** ๋ฌธ์„œ๋‚˜ ๋žœ๋”ฉ ํŽ˜์ด์ง€์˜ ๊ฒฝ์šฐ ๋นŒ๋“œ ์‹œ์ ์— HTML์„ ์‚ฌ์ „ ์ƒ์„ฑ(SSG)ํ•˜์—ฌ ๊ฐ€์žฅ ๋น ๋ฅธ ์†๋„๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [15, 16]. ์ „์ž์ƒ๊ฑฐ๋ž˜๋‚˜ ๋‰ด์Šค ์‚ฌ์ดํŠธ์ฒ˜๋Ÿผ ์ž์ฃผ ๋ณ€๊ฒฝ๋˜๋Š” ์ฝ˜ํ…์ธ ๋Š” ๋ฐฑ๊ทธ๋ผ์šด๋“œ์—์„œ ์ •์  ํŽ˜์ด์ง€๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๋Š” ISR์„ ์ ์šฉํ•˜์—ฌ ๋น ๋ฅธ ์†๋„์™€ ๋ฐ์ดํ„ฐ์˜ ์ตœ์‹ ์„ฑ์„ ๋ชจ๋‘ ํ™•๋ณดํ•ฉ๋‹ˆ๋‹ค [16, 17]. + * **๋™์  ๋ Œ๋”๋ง (Dynamic Rendering):** ๋ด‡์—๊ฒŒ๋Š” ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML์„, ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” CSR ๊ธฐ๋ฐ˜์˜ ์•ฑ์„ ์ œ๊ณตํ•˜๋Š” ํด๋ฐฑ(Fallback) ์ „๋žต์ž…๋‹ˆ๋‹ค [18, 19]. + +* **์˜จํŽ˜์ด์ง€(On-Page) ๋ฐ ๋ผ์šฐํŒ… ์ตœ์ ํ™”** + * **๋™์  ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ:** ์‚ฌ์šฉ์ž๊ฐ€ ์•ฑ ๋‚ด์—์„œ ์ด๋™ํ•  ๋•Œ `<title>`, `<meta>` ์„ค๋ช…, Open Graph ํƒœ๊ทธ๊ฐ€ ๋™์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜๋„๋ก React Helmet Async ๋˜๋Š” Next.js์˜ `<Head>` ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7, 20, 21]. + * **๋ผ์šฐํŒ… ๋ฐ ๋งํฌ ๊ตฌ์กฐ:** ํ•ด์‹œ ๋ผ์šฐํŒ…์„ ํ”ผํ•˜๊ณ  HTML5 History API(`BrowserRouter`)๋ฅผ ์‚ฌ์šฉํ•ด ๊น”๋”ํ•œ URL์„ ๊ตฌ์„ฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋‚ด๋น„๊ฒŒ์ด์…˜ ์‹œ `onClick` ์ด๋ฒคํŠธ ๋Œ€์‹  ํ‘œ์ค€ `<a href>` ๋˜๋Š” `<Link>` ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํฌ๋กค๋Ÿฌ์˜ ๋งํฌ ํƒ์ƒ‰์„ ๋ณด์žฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7, 22, 23]. + * **๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ (JSON-LD):** ๊ฒ€์ƒ‰ ์—”์ง„ ๋ฐ AI ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ์˜ ๋ฌธ๋งฅ์„ ์ดํ•ดํ•˜๊ณ  ๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ(Rich Snippets)์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ํŽ˜์ด์ง€์— JSON-LD ํ˜•์‹์˜ Schema ๋งˆํฌ์—…์„ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค [7, 24, 25]. + +* **์„ฑ๋Šฅ ์ตœ์ ํ™” (Core Web Vitals ํ–ฅ์ƒ)** + * ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค ํฌ๊ธฐ๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด ๋ผ์šฐํŠธ ๊ธฐ๋ฐ˜ ์ฝ”๋“œ ๋ถ„ํ• (Code Splitting)๊ณผ ์ง€์—ฐ ๋กœ๋”ฉ(Lazy Loading)์„ ์ ์šฉํ•˜์—ฌ ์ดˆ๊ธฐ ๋กœ๋“œ ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•ฉ๋‹ˆ๋‹ค [26, 27]. + * ํ•˜์ด๋“œ๋ ˆ์ด์…˜ ์ง€์—ฐ์„ ์ค„์ด๊ณ  INP๋ฅผ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•œ ์ปดํฌ๋„ŒํŠธ๋งŒ ์„ ํƒ์ ์œผ๋กœ ํ•˜์ด๋“œ๋ ˆ์ด์…˜ํ•˜๋Š” ๋ถ€๋ถ„ ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Islands Architecture)์ด๋‚˜ React 18์˜ ์ŠคํŠธ๋ฆฌ๋ฐ SSR ๊ธฐ์ˆ ์„ ์ ๊ทน ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค [26-28]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Core Web Vitals]], [[Single Page Applications (SPA)]], [[React Router]] +- **Projects/Contexts:** [[Next.js SEO Migration]] (Create React App ๊ธฐ๋ฐ˜์˜ CSR ์ „์ž์ƒ๊ฑฐ๋ž˜ ์‚ฌ์ดํŠธ๋ฅผ Next.js ISR๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜์—ฌ ์˜ค๊ฐ€๋‹‰ ํŠธ๋ž˜ํ”ฝ 70% ์ฆ๊ฐ€ ๋ฐ ์ธ๋ฑ์‹ฑ๋ฅ  95% ๋‹ฌ์„ฑ์„ ์ด๋ค„๋‚ธ ์‚ฌ๋ก€ [29, 30]) +- **Contradictions/Notes:** ๋™์  ๋ Œ๋”๋ง(Dynamic Rendering)์˜ ๊ฒฝ์šฐ ๊ณผ๊ฑฐ์—๋Š” SPA์˜ ์œ ์šฉํ•œ SEO ํ•ด๊ฒฐ์ฑ…์ด์—ˆ์œผ๋‚˜, 2026๋…„ ๊ธฐ์ค€์œผ๋กœ๋Š” ๊ฒ€์ƒ‰์—”์ง„์— ํด๋กœํ‚น(Cloaking)์œผ๋กœ ๊ฐ„์ฃผ๋  ์œ„ํ—˜์ด ์žˆ์–ด ๊ตฌ๊ธ€์—์„œ๋„ ๋ช…์‹œ์ ์œผ๋กœ ๊ถŒ์žฅํ•˜์ง€ ์•Š์œผ๋ฉฐ(Deprecated), SSR์ด๋‚˜ SSG๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์„ ๋•Œ๋งŒ ์ œํ•œ์ ์œผ๋กœ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ž„์‹œ๋ฐฉํŽธ์ž…๋‹ˆ๋‹ค [18, 19]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/SEO Integration.md b/00_Raw/SEO Integration.md new file mode 100644 index 00000000..200952a0 --- /dev/null +++ b/00_Raw/SEO Integration.md @@ -0,0 +1,19 @@ +# [[SEO Integration]] + +## ๐Ÿ“Œ Brief Summary +SEO ํ†ตํ•ฉ(SEO Integration)์€ ๋‹จ์ˆœํžˆ ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๊ฒƒ์„ ๋„˜์–ด, ์›น์‚ฌ์ดํŠธ์˜ ๊ธฐํš ๋ฐ ๋””์ž์ธ ์ดˆ๊ธฐ ๋‹จ๊ณ„๋ถ€ํ„ฐ ๊ฒ€์ƒ‰ ์—”์ง„ ๊ฐ€์‹œ์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ๊ธฐ์ˆ ์  ๊ตฌ์กฐ, ์ฝ˜ํ…์ธ  ํ”„๋ ˆ์  ํ…Œ์ด์…˜, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์„ ๊ฒฐํ•ฉํ•˜๋Š” ํ•ต์‹ฌ ์„ค๊ณ„ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค [1, 2]. ํŠนํžˆ React์™€ ๊ฐ™์€ ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) ํ™˜๊ฒฝ์—์„œ๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์ฆ‰์‹œ ์ฝ๊ณ  ์ƒ‰์ธํ™”ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ Œ๋”๋ง ๋ฐฉ์‹๊ณผ ๋™์  ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ์ตœ์ ํ™”ํ•˜๋Š” ๊ณผ์ •์ด ํ•„์ˆ˜์ ์œผ๋กœ ์ˆ˜๋ฐ˜๋ฉ๋‹ˆ๋‹ค [3, 4]. ์ด๋ฅผ ํ†ตํ•ด ์œ ๊ธฐ์  ํŠธ๋ž˜ํ”ฝ์„ ์œ ๋„ํ•˜๊ณ  ๊ฒ€์ƒ‰ ์—”์ง„ ๋žญํ‚น์„ ์ง€์†์ ์œผ๋กœ ๋†’์ด๋ฉฐ ๋‹ค๊ฐ€์˜ฌ AI ๊ฒ€์ƒ‰ ํ™˜๊ฒฝ์—๋„ ๋Œ€๋น„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [2, 5]. + +## ๐Ÿ“– Core Content +* **๊ตฌ์กฐ์  ๋ฐ ์‹œ๋งจํ‹ฑ HTML ๊ธฐ๋ฐ˜ ๊ตฌ์ถ•:** ํ˜„๋Œ€์ ์ธ SEO ํ†ตํ•ฉ์€ ์‹œ๋งจํ‹ฑ HTML5 ํƒœ๊ทธ(`<header>`, `<main>`, `<article>` ๋“ฑ)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ์™€ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๋„๋ก ๋•๋Š” ๊ฒƒ์—์„œ ์ถœ๋ฐœํ•ฉ๋‹ˆ๋‹ค [6, 7]. ๋˜ํ•œ ํƒ€๊ฒŸ ํ‚ค์›Œ๋“œ๊ฐ€ ํฌํ•จ๋œ ๋ช…ํ™•ํ•˜๊ณ  ๋…ผ๋ฆฌ์ ์ธ URL ๊ตฌ์กฐ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ , ์‚ฌ์šฉ์ž์™€ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ชจ๋‘๊ฐ€ ์›ํ™œํ•˜๊ฒŒ ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ฒด๊ณ„์ ์ธ ๋‚ด๋ถ€ ๋งํฌ ์ „๋žต(Internal Linking Strategy)์„ ๊ตฌ์ถ•ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8, 9]. +* **๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ ๋งˆํฌ์—…(Structured Data Markup):** ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ฝ˜ํ…์ธ ์˜ ๋งฅ๋ฝ์„ ์ดํ•ดํ•˜๊ณ  ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ(๋ฆฌ๋ทฐ, FAQ ๋“ฑ)์„ ์ƒ์„ฑํ•˜๋„๋ก JSON-LD์™€ ๊ฐ™์€ ์Šคํ‚ค๋งˆ(Schema) ๋งˆํฌ์—…์„ ๊ตฌํ˜„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8, 10]. ์ด๋Š” ํ–ฅํ›„ AI ๊ธฐ๋ฐ˜ ๊ฒ€์ƒ‰ ์—”์ง„(ChatGPT, Perplexity ๋“ฑ) ๋ฐ ์—์ด์ „ํŠธ ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์ •ํ™•ํ•˜๊ฒŒ ์ถ”์ถœํ•˜๊ณ  ์ธ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ๋ฐ์—๋„ ๋งค์šฐ ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค [5, 11]. +* **SPA ๋ฐ React ํ™˜๊ฒฝ์˜ ๋ Œ๋”๋ง ์ตœ์ ํ™”:** ๊ธฐ๋ณธ์ ์œผ๋กœ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์„ ์‚ฌ์šฉํ•˜๋Š” ์ „ํ†ต์ ์ธ React ์•ฑ์€ ๊ฒ€์ƒ‰ ๋ด‡์—๊ฒŒ ๋นˆ HTML ์…ธ๋งŒ ์ œ๊ณตํ•˜๋ฏ€๋กœ, JS ์‹คํ–‰์„ ๊ธฐ๋‹ค๋ฆฌ๋Š” ๋™์•ˆ ์ƒ‰์ธ์ด ์ง€์—ฐ๋˜๊ฑฐ๋‚˜ ํฌ๋กค๋ง ์˜ˆ์‚ฐ์ด ๋‚ญ๋น„๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค [3, 4, 12]. ์ด๋Ÿฌํ•œ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด Next.js๋‚˜ Remix ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ **์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)**, **์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)**, ๋˜๋Š” **์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ(ISR)** ๋ฐฉ์‹์„ ๋„์ž…ํ•ด ํฌ๋กค๋Ÿฌ์—๊ฒŒ ์™„์„ฑ๋œ HTML์„ ์ฆ‰์‹œ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [13-15]. +* **๋ผ์šฐํŒ… ๋ฐ ํฌ๋กค๋ง ๊ฐ€๋Šฅ์„ฑ(Crawlability) ๊ฐœ์„ :** ๊ฒ€์ƒ‰ ์—”์ง„์ด SPA ๋‚ด๋ถ€์˜ ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ณ„์ ์œผ๋กœ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ƒ‰์ธํ•˜๋ ค๋ฉด, ํ•ด์‹œ ๋ผ์šฐํŒ…(`#`)์„ ํ”ผํ•˜๊ณ  HTML5 History API๋ฅผ ํ™œ์šฉํ•œ ๊น”๋”ํ•œ URL์„ ์œ ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [16, 17]. ๋˜ํ•œ ํฌ๋กค๋Ÿฌ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜์˜ `onClick` ์ด๋ฒคํŠธ๋ฅผ ๋”ฐ๋ผ๊ฐ€์ง€ ๋ชปํ•˜๋ฏ€๋กœ, ๋ฐ˜๋“œ์‹œ ํ‘œ์ค€ `<a href>` ๋˜๋Š” `<Link>` ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด ๋‚ด๋ถ€ ํƒ์ƒ‰ ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [16-18]. +* **๋™์  ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ:** ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋Š” ํŽ˜์ด์ง€ ์ „ํ™˜ ์‹œ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ƒˆ๋กœ๊ณ ์นจ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ, ๋ผ์šฐํŠธ๊ฐ€ ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค `<title>`, `<meta description>`, Canonical ํƒœ๊ทธ, Open Graph ํƒœ๊ทธ ๋“ฑ์ด ๋™์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜๋„๋ก React Helmet๊ณผ ๊ฐ™์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [16, 17, 19]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Static Site Generation (SSG)]], [[Core Web Vitals]], [[Semantic HTML]], [[Structured Data Markup]] +- **Projects/Contexts:** [[React SEO Guide]], [[Modern Web Design Best Practices for 2025]], [[SEO for Single Page Applications]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๊ด€๋ จ ์ •๋ณด๊ฐ€ ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค. (ํŠน์ • ๋ Œ๋”๋ง ๋ฐฉ์‹์„ ์ œ์™ธํ•˜๊ณ  SEO ํ†ตํ•ฉ ์ž์ฒด์— ๋Œ€ํ•œ ์ƒ์ถฉ๋œ ์ฃผ์žฅ์ด๋‚˜ ๋ชจ์ˆœ์€ ์†Œ์Šค์— ๋ช…์‹œ๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.) + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Schema Markup.md b/00_Raw/Schema Markup.md new file mode 100644 index 00000000..33d2261c --- /dev/null +++ b/00_Raw/Schema Markup.md @@ -0,0 +1,27 @@ +# [[Schema Markup]] + +## ๐Ÿ“Œ Brief Summary +์Šคํ‚ค๋งˆ ๋งˆํฌ์—…(Schema Markup) ๋˜๋Š” ๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ(Structured Data, JSON-LD)๋Š” ๊ฒ€์ƒ‰ ์—”์ง„์ด ์›น์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ  ๋งฅ๋ฝ์„ ํ…์ŠคํŠธ ์ด์ƒ์œผ๋กœ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๋„๋ก ๋•๋Š” ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค [1-3]. ์ด๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ๋ฆฌ๋ทฐ, FAQ, ๊ฐ€๊ฒฉ, ๋ณ„์  ๋“ฑ์˜ ํ’๋ถ€ํ•œ ์Šค๋‹ˆํŽซ(Rich Snippets)์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ตœ์‹  AI ๊ฐœ์š”(AI Overviews) ๊ฒ€์ƒ‰์— ์ฝ˜ํ…์ธ ๊ฐ€ ๋…ธ์ถœ๋  ํ™•๋ฅ ์„ ํฌ๊ฒŒ ๋†’์ž…๋‹ˆ๋‹ค [1, 2, 4]. React์™€ ๊ฐ™์€ ์ตœ์‹  ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์•„ํ‚คํ…์ฒ˜ ๋ฐ SEO ์ตœ์ ํ™”์—์„œ ๊ฒ€์ƒ‰ ๊ฐ€์‹œ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ๋ฐ˜๋“œ์‹œ ๊ตฌํ˜„ํ•ด์•ผ ํ•  ํ•ต์‹ฌ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ ํ‰๊ฐ€๋ฐ›์Šต๋‹ˆ๋‹ค [3, 5]. + +## ๐Ÿ“– Core Content +* **์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์˜ ๋ชฉ์  ๋ฐ SEO ๊ธฐ์—ฌ๋„:** + ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์€ ๊ฒ€์ƒ‰ ์—”์ง„์—๊ฒŒ ํŽ˜์ด์ง€๊ฐ€ '์ œํ’ˆ'์ธ์ง€, '๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ'์ธ์ง€, 'FAQ'์ธ์ง€ ๋“ฑ์— ๋Œ€ํ•œ ๋ช…ํ™•ํ•œ ์ปจํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [2]. ์ด๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰ ์—”์ง„ ๊ฒฐ๊ณผ ํŽ˜์ด์ง€(SERP)์—์„œ ๋ฆฌ๋ทฐ ํ‰์ , ์ด๋ฒคํŠธ ๋‚ ์งœ ๋“ฑ์˜ '๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ(Rich snippets)'๊ณผ '์ง€์‹ ํŒจ๋„(Knowledge panels)'์„ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค [1, 2, 6]. ๋˜ํ•œ, ๊ฒ€์ƒ‰ ์—”์ง„์˜ AI ๊ฐœ์š”(AI Overviews) ์‹œ์Šคํ…œ์ด๋‚˜ ๋ณด์กฐ ๊ธฐ๊ธฐ(assistive devices)๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ•ด์„ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ๊ตฌ์กฐ์  ์•ˆ์ •์„ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [4, 7]. + +* **์›น์‚ฌ์ดํŠธ ์œ ํ˜•๋ณ„ ์Šคํ‚ค๋งˆ ์ ์šฉ ์‚ฌ๋ก€:** + * **์ „์ž์ƒ๊ฑฐ๋ž˜(E-commerce):** ์ œํ’ˆ(Product) ์Šคํ‚ค๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ์ง์ ‘ ๊ฐ€๊ฒฉ, ์žฌ๊ณ  ์—ฌ๋ถ€, ๋ฆฌ๋ทฐ ํ‰์ ์„ ํ‘œ์‹œํ•˜์—ฌ ํด๋ฆญ๋ฅ ์„ ๋†’์ž…๋‹ˆ๋‹ค [8]. + * **๋ธ”๋กœ๊ทธ ๋ฐ ๋‰ด์Šค(Blogs):** ๊ธฐ์‚ฌ(Article) ์Šคํ‚ค๋งˆ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ฝ˜ํ…์ธ ์˜ ์ž‘์„ฑ์ž, ๋ฐœํ–‰์ผ, ํ—ค๋“œ๋ผ์ธ ๋“ฑ์„ ๋ช…์‹œํ•ฉ๋‹ˆ๋‹ค [8]. + * **์ง€์—ญ ๋น„์ฆˆ๋‹ˆ์Šค(Local Biz):** LocalBusiness ์Šคํ‚ค๋งˆ๋ฅผ ํ†ตํ•ด ๋น„์ฆˆ๋‹ˆ์Šค ์ฃผ์†Œ์™€ ์˜์—…์‹œ๊ฐ„์„ ๋ช…ํ™•ํžˆ ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค [8]. + * **๊ธฐํƒ€ ํ•„์ˆ˜ ์š”์†Œ:** FAQ, ๋นต๋ถ€์Šค๋Ÿฌ๊ธฐ(Breadcrumb) ์Šคํ‚ค๋งˆ ๋“ฑ์ด ๋‚ด๋น„๊ฒŒ์ด์…˜๊ณผ ์ •๋ณด ์ „๋‹ฌ์„ ์œ„ํ•ด ๋„๋ฆฌ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค [6, 9]. + +* **React ๋ฐ ๋ชจ๋˜ ์›น์—์„œ์˜ ๊ธฐ์ˆ ์  ๊ตฌํ˜„ ๋ฐ ์ฃผ์˜์‚ฌํ•ญ:** + * **JSON-LD ์ฃผ์ž…:** React ์•ฑ์˜ ๊ฒฝ์šฐ, ๋ฌธ์„œ์˜ `<head>` ์˜์—ญ์— JSON-LD ์Šคํฌ๋ฆฝํŠธ ๋ธ”๋ก์„ ์ฃผ์ž…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์„ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค [3]. + * **๋ณด์•ˆ(Security) ๊ณ ๋ ค์‚ฌํ•ญ:** ์‚ฌ์šฉ์ž ์ƒ์„ฑ ์ฝ˜ํ…์ธ (UGC)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ JSON-LD ๋ฐ์ดํ„ฐ๋ฅผ ๋™์ ์œผ๋กœ ์ฑ„์šธ ๋•Œ๋Š” XSS(๊ต์ฐจ ์‚ฌ์ดํŠธ ์Šคํฌ๋ฆฝํŒ…) ๊ณต๊ฒฉ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ˜๋“œ์‹œ ์ ์ ˆํžˆ ์‚ด๊ท (sanitize) ์ฒ˜๋ฆฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8]. + * **๊ฒ€์ฆ ๋ฐ ๋ชจ๋‹ˆํ„ฐ๋ง:** Google Rich Results Test๋‚˜ Schema.org Validator์™€ ๊ฐ™์€ ๋ถ„์„ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งˆํฌ์—… ๊ตฌ๋ฌธ์ด ์˜ฌ๋ฐ”๋ฅธ์ง€, ๋ˆ„๋ฝ๋œ ๊ตฌ์กฐํ™” ๋ฐ์ดํ„ฐ๊ฐ€ ์—†๋Š”์ง€ ์ง€์†์ ์œผ๋กœ ๊ฒ€์ฆํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8, 9]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Search Engine Optimization (SEO)]], [[Structured Data (JSON-LD)]], [[Rich Snippets]], [[Semantic HTML5]] +- **Projects/Contexts:** [[React SEO Optimization]], [[E-commerce Product Pages]], [[AI Overviews Visibility]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด React์™€ ๊ฐ™์€ ๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์—์„œ ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…(JSON-LD)์€ ํŠธ๋ž˜ํ”ฝ์„ ์œ ๋„ํ•˜๋Š” ๊ฐ€์žฅ ํšจ๊ณผ์ ์ธ SEO ๋ ˆ๋ฒ„๋ฆฌ์ง€ ์ค‘ ํ•˜๋‚˜์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์‹ค์ œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ๋Š” ์ข…์ข… ๊ฐ€์žฅ ๊ฐ„๊ณผ๋˜๊ณ (underutilized) ์žˆ๋Š” ์š”์†Œ๋กœ ์ง€์ ๋ฉ๋‹ˆ๋‹ค [3]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Semantic HTML.md b/00_Raw/Semantic HTML.md new file mode 100644 index 00000000..989c6369 --- /dev/null +++ b/00_Raw/Semantic HTML.md @@ -0,0 +1,17 @@ +# [[Semantic HTML]] + +## ๐Ÿ“Œ Brief Summary +์‹œ๋งจํ‹ฑ HTML(Semantic HTML)์€ ๋‹จ์ˆœํžˆ ์ฝ˜ํ…์ธ ์˜ ์‹œ๊ฐ์  ํ˜•ํƒœ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์„ ๋„˜์–ด, ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ์™€ ๊ตฌ์กฐ๋ฅผ ๋ช…ํ™•ํžˆ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด ํŠน์ •ํ•œ HTML5 ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์›น ๊ฐœ๋ฐœ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค [1]. ์ด๋Š” ์ฝ”๋“œ ๋‚ด์—์„œ ๋ชฉ์ฐจ์™€ ๊ฐ™์€ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„๊ณผ ํ™”๋ฉด ํŒ๋…๊ธฐ(Screen Reader)๊ฐ€ ์›น์‚ฌ์ดํŠธ์˜ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ์ •ํ™•ํžˆ ์ดํ•ดํ•˜๋„๋ก ๋•์Šต๋‹ˆ๋‹ค [1, 2]. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์›น ์ ‘๊ทผ์„ฑ(Accessibility)์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ  SEO ์„ฑ๋Šฅ์„ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ธ ์š”์†Œ๋กœ ์ž‘์šฉํ•ฉ๋‹ˆ๋‹ค [1, 2]. + +## ๐Ÿ“– Core Content +* **๊ตฌ์กฐ์  ํƒœ๊ทธ์˜ ํ™œ์šฉ:** ์›น ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์„ฑํ•  ๋•Œ ์˜๋ฏธ๊ฐ€ ๋ถˆ๋ถ„๋ช…ํ•œ `<div>` ํƒœ๊ทธ๋กœ ๋ชจ๋“  ์˜์—ญ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋Œ€์‹ , `<header>`, `<main>`, `<article>`, `<nav>`, `<aside>`์™€ ๊ฐ™์€ ์‹œ๋งจํ‹ฑ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ˜ํ…์ธ ์˜ ๊ณ„์ธต๊ณผ ์ค‘์š”๋„๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์ •์˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [1, 2]. +* **๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ๋ฐ AI ๊ฒ€์ƒ‰ ๋…ธ์ถœ ํ–ฅ์ƒ:** ์‹œ๋งจํ‹ฑ HTML์€ ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์ด ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ๋ฅผ ์‰ฝ๊ฒŒ ํŒŒ์•…ํ•˜๊ณ  ํฌ๋กค๋ง ๋ฐ ์ƒ‰์ธ(Index) ์ž‘์—…์„ ์›ํ™œํ•˜๊ฒŒ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค [1, 2]. ํŠนํžˆ AI ๊ฐœ์š”(AI Overviews)์™€ ๊ฐ™์€ ์ตœ์‹  ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ์˜์—ญ์— ์›น์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๊ฐ€ ๋…ธ์ถœ๋  ํ™•๋ฅ ์„ ๋†’์ด๋Š” ๋ฐ ์ง์ ‘์ ์œผ๋กœ ๊ธฐ์—ฌํ•ฉ๋‹ˆ๋‹ค [1]. +* **์›น ์ ‘๊ทผ์„ฑ(Accessibility) ๊ฐ•ํ™”:** ์‹œ๋งจํ‹ฑ ๊ตฌ์กฐ๋Š” ํ›Œ๋ฅญํ•œ ๊ตฌ์กฐ๋ฅผ ํ†ตํ•ด ๋ชจ๋“  ์‚ฌ์šฉ์ž์—๊ฒŒ ์ด์ ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [3]. ํ™”๋ฉด ํŒ๋…๊ธฐ(Screen Readers)๊ฐ€ ์›นํŽ˜์ด์ง€์˜ ๊ณ„์ธต ๊ตฌ์กฐ์™€ ์ฝ˜ํ…์ธ ์˜ ๋งฅ๋ฝ์„ ์ •ํ™•ํ•˜๊ฒŒ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ์–ด ์‹œ๊ฐ ์žฅ์• ์ธ ๋“ฑ ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ์ž์˜ ์›น ์ ‘๊ทผ์„ฑ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [2]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[SEO (Search Engine Optimization)]], [[Web Accessibility (WCAG)]], [[AI Overviews]] +- **Projects/Contexts:** [[Modern Web Design Best Practices]], [[React SEO Optimization]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๊ด€๋ จ ์ •๋ณด๊ฐ€ ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Semantic HTML5.md b/00_Raw/Semantic HTML5.md new file mode 100644 index 00000000..014f1645 --- /dev/null +++ b/00_Raw/Semantic HTML5.md @@ -0,0 +1,17 @@ +# [[Semantic HTML5]] + +## ๐Ÿ“Œ Brief Summary +์‹œ๋งจํ‹ฑ HTML5(Semantic HTML5)๋Š” ์›นํŽ˜์ด์ง€์˜ ์‹œ๊ฐ์  ํ˜•ํƒœ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ์™€ ๊ตฌ์กฐ๋ฅผ ๋ช…ํ™•ํžˆ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด ํŠน์ • HTML ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก ์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๊ฒ€์ƒ‰ ์—”์ง„์˜ ์ƒ‰์ธ ์ƒ์„ฑ, AI ํฌ๋กค๋Ÿฌ์˜ ์ฝ˜ํ…์ธ  ์ถ”์ถœ ๋ฐ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๋ฅผ ํ†ตํ•œ ์›น ์ ‘๊ทผ์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ํ˜„๋Œ€ ์›น์‚ฌ์ดํŠธ ์•„ํ‚คํ…์ฒ˜์˜ ํ•ต์‹ฌ ์š”์†Œ์ž…๋‹ˆ๋‹ค [1-3]. + +## ๐Ÿ“– Core Content +- **๋ช…ํ™•ํ•œ ๊ตฌ์กฐ์  ํƒœ๊ทธ ํ™œ์šฉ:** ์‹œ๋งจํ‹ฑ HTML5๋Š” ๋ชจ๋“  ์š”์†Œ๋ฅผ ๋‹จ์ˆœํ•œ `<div>` ํƒœ๊ทธ๋กœ ๋ฌถ๋Š” ๊ฒƒ์„ ์ง€์–‘ํ•˜๊ณ , `<header>`, `<main>`, `<article>`, `<nav>`, `<aside>`์™€ ๊ฐ™์€ ์˜๋ฏธ ์žˆ๋Š” ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค [1, 2]. ์ด๋ฅผ ํ†ตํ•ด ์›น์‚ฌ์ดํŠธ์˜ ์ฝ”๋“œ๋ฅผ ๋งˆ์น˜ ์ž˜ ์ •๋ฆฌ๋œ ๋ชฉ์ฐจ(table of contents)์ฒ˜๋Ÿผ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [1]. +- **๊ฒ€์ƒ‰ ์—”์ง„ ๋ฐ AI ์ตœ์ ํ™” (SEO & AEO):** ์‹œ๋งจํ‹ฑ HTML์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ๋ด‡์ด๋‚˜ AI ํฌ๋กค๋Ÿฌ๊ฐ€ ์ฝ˜ํ…์ธ ์˜ ๊ณ„์ธต ๊ตฌ์กฐ์™€ ์ค‘์š”๋„๋ฅผ ์ •ํ™•ํžˆ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [2, 3]. ํŠนํžˆ AI ํฌ๋กค๋Ÿฌ๊ฐ€ ํ•ต์‹ฌ ์ฝ˜ํ…์ธ ๋ฅผ ๋‚ด๋น„๊ฒŒ์ด์…˜๊ณผ ๊ฐ™์€ ๋ถ€๊ฐ€ ์š”์†Œ์™€ ๊ตฌ๋ณ„ํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ฃผ์–ด, ๊ฒ€์ƒ‰ ์—”์ง„์˜ AI ์˜ค๋ฒ„๋ทฐ(AI Overviews)์— ๋…ธ์ถœ๋  ํ™•๋ฅ ์„ ๋†’์ด๊ณ  ๊ตฌ์กฐ์  ์•ˆ์ •์„ฑ์„ ๊ฐ•ํ™”ํ•ฉ๋‹ˆ๋‹ค [1, 3-5]. +- **์›น ์ ‘๊ทผ์„ฑ(Accessibility) ํ–ฅ์ƒ:** ์‹œ๋งจํ‹ฑ HTML5๋ฅผ ์‚ฌ์šฉํ•œ ๋…ผ๋ฆฌ์ ์ธ ๊ตฌ์กฐํ™”๋Š” ์Šคํฌ๋ฆฐ ๋ฆฌ๋” ๋ฐ ๋ณด์กฐ ๊ธฐ๊ธฐ๊ฐ€ ์›นํŽ˜์ด์ง€์˜ ์ฝ˜ํ…์ธ ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ•ด์„ํ•˜๊ณ  ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•˜์—ฌ, ๋ชจ๋“  ์‚ฌ์šฉ์ž์—๊ฒŒ ๋” ๋‚˜์€ ์›น ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [1, 2, 5]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Search Engine Optimization (SEO)]], [[Accessibility Compliance (WCAG)]], [[AI Search Optimization]], [[Website Structure]] +- **Projects/Contexts:** [[Modern Website Architecture]] +- **Contradictions/Notes:** ์†Œ์Šค ๋‚ด์—์„œ ์ƒ์ถฉํ•˜๋Š” ๋‚ด์šฉ์€ ์—†์Šต๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Single Page Application (SPA).md b/00_Raw/Single Page Application (SPA).md new file mode 100644 index 00000000..1de2ee36 --- /dev/null +++ b/00_Raw/Single Page Application (SPA).md @@ -0,0 +1,27 @@ +# [[Single Page Application (SPA)]] + +## ๐Ÿ“Œ Brief Summary +Single Page Application(SPA)์€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋กœ๋“œํ•˜๋Š” ๊ธฐ๋ณธ ๋ฐฉ์‹ ๋Œ€์‹ , ์›น ์„œ๋ฒ„์—์„œ ์ƒˆ๋กœ์šด ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„ ํ˜„์žฌ ์›น ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ๋‹ค์‹œ ์ž‘์„ฑํ•˜์—ฌ ์‚ฌ์šฉ์ž์™€ ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค [1]. ์ด๋Ÿฌํ•œ ์ „ํ™˜์€ JavaScript๋ฅผ ํ†ตํ•ด ํด๋ผ์ด์–ธํŠธ ์ธก(๋ธŒ๋ผ์šฐ์ €)์—์„œ ์ด๋ฃจ์–ด์ง€๋ฉฐ, Gmail์ด๋‚˜ Spotify์™€ ๊ฐ™์ด ๋น ๋ฅด๊ณ  ์œ ๋™์ ์ธ ์•ฑ๊ณผ ๊ฐ™์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [1, 2]. ํ•˜์ง€๋งŒ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)์— ์˜์กดํ•˜๋Š” ์•„ํ‚คํ…์ฒ˜ ํŠน์„ฑ์ƒ ๊ฒ€์ƒ‰ ์—”์ง„ ํฌ๋กค๋Ÿฌ์™€ AI ์—์ด์ „ํŠธ๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์ƒ‰์ธํ•˜๊ณ  ๋ Œ๋”๋งํ•˜๋Š” ๋ฐ ์‹ฌ๊ฐํ•œ ์–ด๋ ค์›€์„ ๊ฒช๋Š”๋‹ค๋Š” ๋‹จ์ ์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค [3-5]. + +## ๐Ÿ“– Core Content +* **๋™์ž‘ ์›๋ฆฌ ๋ฐ ์žฅ์ :** + SPA๋Š” ์ดˆ๊ธฐ ์…ธ(Shell)์ด ๋กœ๋“œ๋œ ํ›„์—๋Š” ํ™”๋ฉด ์ „ํ™˜์ด ์ฆ‰๊ฐ์ ์œผ๋กœ ๋Š๊ปด์ง€๋ฉฐ, ํŽ˜์ด์ง€๋ฅผ ํƒ์ƒ‰ํ•˜๋Š” ๋™์•ˆ์—๋„ ์˜ค๋””์˜ค๊ฐ€ ์ค‘๋‹จ ์—†์ด ์žฌ์ƒ๋˜๋Š” ๋“ฑ์˜ ์ƒํƒœ ์œ ์ง€(State Persistence)๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค [2]. ๋˜ํ•œ ํ”„๋ก ํŠธ์—”๋“œ(UI)์™€ ๋ฐฑ์—”๋“œ(API)๋ฅผ ๋ช…ํ™•ํžˆ ๋ถ„๋ฆฌํ•˜์—ฌ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [2]. ๊ธฐ๋ณธ์ ์œผ๋กœ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค [6]. + +* **๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์˜ ์ฃผ์š” ๊ณผ์ œ:** + * **๋ Œ๋”๋ง ์ง€์—ฐ (The CSR Gap):** ์ „ํ†ต์ ์ธ SPA๋Š” ๋นˆ HTML ์…ธ์„ ๋จผ์ € ๋กœ๋“œํ•œ ๋’ค JavaScript๋ฅผ ํ†ตํ•ด ์ฝ˜ํ…์ธ ๋ฅผ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค. Googlebot์€ ์ดˆ๊ธฐ HTML์„ ๋จผ์ € ์ƒ‰์ธํ•œ ๋’ค JavaScript๋ฅผ ๋ Œ๋”๋งํ•˜๋Š” ๋Œ€๊ธฐ์—ด(Queue)์— URL์„ ๋ฐฐ์น˜ํ•˜๋Š” ๋‘ ๋‹จ๊ณ„(Two-wave) ์ƒ‰์ธ ๊ณผ์ •์„ ๊ฑฐ์น˜๊ธฐ ๋•Œ๋ฌธ์—, ๋ Œ๋”๋ง ์ž์› ํ•œ๊ณ„์™€ ํƒ€์ž„์•„์›ƒ ๋“ฑ์œผ๋กœ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ๋ฐ˜์˜์ด ๋ฉฐ์น ์”ฉ ์ง€์—ฐ๋˜๊ฑฐ๋‚˜ ์ฝ˜ํ…์ธ  ๋ˆ„๋ฝ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [4, 7]. + * **AI ํฌ๋กค๋Ÿฌ์˜ ํ•œ๊ณ„:** AI ๋ชจ๋ธ์„ ํ›ˆ๋ จ์‹œํ‚ค๋Š” ํฌ๋กค๋Ÿฌ(์˜ˆ: GPTBot, ClaudeBot)๋Š” ๋น„์šฉ ๋ฐ ๊ทœ๋ชจ์˜ ๋ฌธ์ œ๋กœ JavaScript ์‹คํ–‰์„ ๊ฑด๋„ˆ๋›ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•„, ์ˆœ์ˆ˜ SPA์˜ ํ…์ŠคํŠธ๋ฅผ ์ธ์‹ํ•˜์ง€ ๋ชปํ•˜์—ฌ AI ๊ฒ€์ƒ‰ ์—”์ง„ ๊ฒฐ๊ณผ๋‚˜ ๋‹ต๋ณ€์— ์ธ์šฉ๋˜์ง€ ๋ชปํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5]. + * **์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ (Core Web Vitals):** ํฌ๊ณ  ๋ฌด๊ฑฐ์šด JavaScript ๋ฒˆ๋“ค์„ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํŒŒ์‹ฑ, ์‹คํ–‰ํ•˜๋Š๋ผ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๊ฐ€ ๋ฉˆ์ถ”๋Š” 'Hydration Bloat' ํ˜„์ƒ์ด ๋ฐœ์ƒํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ ์ง€์—ฐ์„ ์ธก์ •ํ•˜๋Š” ํ•ต์‹ฌ ์ง€ํ‘œ์ธ INP(Interaction to Next Paint) ์ ์ˆ˜๋ฅผ ์•…ํ™”์‹œ์ผœ ํŽ˜๋„ํ‹ฐ๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [5]. + * **์†Œํ”„ํŠธ 404 (Soft 404s) ๋ฌธ์ œ:** ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ ๋ผ์šฐํŒ…์ด ์ฒ˜๋ฆฌ๋˜๋ฏ€๋กœ, ์กด์žฌํ•˜์ง€ ์•Š๋Š” URL์— ์ ‘์†ํ•ด๋„ ์„œ๋ฒ„๋Š” ์ •์ƒ ์ƒํƒœ(200 OK)๋กœ ๋นˆ HTML์„ ๋ฐ˜ํ™˜ํ•˜๊ณ  ์ดํ›„์—์•ผ JavaScript๊ฐ€ "Not Found"๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ํฌ๋กค๋Ÿฌ์—๊ฒŒ ์ฝ˜ํ…์ธ ๊ฐ€ ์–‡์€ ์œ ํšจ ํŽ˜์ด์ง€๋กœ ์ธ์‹๋˜์–ด ๋„๋ฉ”์ธ ์ „์ฒด์˜ ํ’ˆ์งˆ ์ ์ˆ˜๋ฅผ ๋–จ์–ด๋œจ๋ฆฌ๊ณ  ํฌ๋กค ์˜ˆ์‚ฐ์„ ๋‚ญ๋น„ํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค [8, 9]. + +* **SPA ์ตœ์ ํ™” ๋ฐ ๋ชจ๋ฒ” ์‚ฌ๋ก€:** + * **์„œ๋ฒ„ ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง ๋„์ž…:** SEO์™€ ์„ฑ๋Šฅ ๋ฌธ์ œ๋ฅผ ๊ทผ๋ณธ์ ์œผ๋กœ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ์ˆœ์ˆ˜ CSR ๋Œ€์‹  Server-Side Rendering(SSR), Static Site Generation(SSG), ๋˜๋Š” Incremental Static Regeneration(ISR) ๋ฐฉ์‹ ๋“ฑ์œผ๋กœ ๋ Œ๋”๋ง์˜ ์ฃผ์ฒด๋ฅผ ์„œ๋ฒ„๋‚˜ ๋นŒ๋“œ ๊ณผ์ •์œผ๋กœ ์˜ฎ๊ธฐ๋Š” ๊ฒƒ์ด ๊ฐ•๋ ฅํžˆ ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค [10-12]. + * **URL ๋ฐ ๋ผ์šฐํŒ… ์„ค์ •:** ๊ฒ€์ƒ‰ ์—”์ง„์ด ๊ฐœ๋ณ„ ํŽ˜์ด์ง€๋กœ ์ƒ‰์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์‹œ ๋ผ์šฐํŒ…(`/#/about`)์„ ํ”ผํ•˜๊ณ  HTML5 History API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊น”๋”ํ•œ URL ๊ตฌ์กฐ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [13]. ๋˜ํ•œ ๋‚ด๋ถ€ ๋‚ด๋น„๊ฒŒ์ด์…˜์€ JavaScript์˜ `onClick` ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ ์•„๋‹Œ ํ‘œ์ค€ `<a href>` ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํฌ๋กค๋Ÿฌ๊ฐ€ ๋งํฌ๋ฅผ ์ถ”์ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [13, 14]. + * **๋™์  ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ:** ํŽ˜์ด์ง€๊ฐ€ ์ „ํ™˜๋  ๋•Œ๋งˆ๋‹ค `<title>`, ๋ฉ”ํƒ€ ์„ค๋ช…(Meta Description), ์บ๋…ธ๋‹ˆ์ปฌ(Canonical) ํƒœ๊ทธ๊ฐ€ ๋™์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. React Helmet๊ณผ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ๋ Œ๋”๋ง์— ๋งž๊ฒŒ ๊ด€๋ฆฌํ•ด์•ผ SEO์—์„œ ๋ถˆ์ด์ต์„ ๋ฐ›์ง€ ์•Š์Šต๋‹ˆ๋‹ค [15, 16]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Client-Side Rendering (CSR)]], [[Server-Side Rendering (SSR)]], [[Static Site Generation (SSG)]], [[Core Web Vitals]], [[Search Engine Optimization (SEO)]], [[Interaction to Next Paint (INP)]] +- **Projects/Contexts:** [[React Router]], [[Next.js]] +- **Contradictions/Notes:** ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡์—๊ฒŒ๋Š” ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ HTML์„ ์ œ๊ณตํ•˜๊ณ  ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” CSR์„ ์ œ๊ณตํ•˜๋Š” 'Dynamic Rendering(๋™์  ๋ Œ๋”๋ง)' ๊ธฐ๋ฒ•์€ ๊ณผ๊ฑฐ์— SPA์˜ ๋Œ€์•ˆ์œผ๋กœ ์‚ฌ์šฉ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ 2026๋…„ ๊ธฐ์ค€ Google์€ ์‚ฌ์šฉ์ž์™€ ๋ด‡์—๊ฒŒ ๋‹ค๋ฅธ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ํด๋กœํ‚น(Cloaking) ์œ„ํ—˜์ด ์žˆ๋‹ค๋ฉฐ ๋ช…์‹œ์ ์œผ๋กœ ๊ถŒ์žฅํ•˜์ง€ ์•Š๊ณ  ์žˆ์œผ๋ฉฐ, SSR์ด๋‚˜ SSG๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ์˜ ์ตœํ›„์˜ ์ˆ˜๋‹จ์œผ๋กœ๋งŒ ์—ฌ๊ฒจ์•ผ ํ•ฉ๋‹ˆ๋‹ค [17, 18]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Static Site Generation (SSG).md b/00_Raw/Static Site Generation (SSG).md new file mode 100644 index 00000000..17dc897e --- /dev/null +++ b/00_Raw/Static Site Generation (SSG).md @@ -0,0 +1,20 @@ +# [[Static Site Generation (SSG)]] + +## ๐Ÿ“Œ Brief Summary +์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG, Static Site Generation)์€ ์‚ฌ์šฉ์ž ์š”์ฒญ ์‹œ์ ์ด ์•„๋‹Œ ์‚ฌ์ดํŠธ ๋นŒ๋“œ(Build) ์‹œ์ ์— HTML ํŽ˜์ด์ง€๋ฅผ ๋ฏธ๋ฆฌ ์ƒ์„ฑํ•˜๋Š” ์›น์‚ฌ์ดํŠธ ๋ Œ๋”๋ง ์•„ํ‚คํ…์ฒ˜์ž…๋‹ˆ๋‹ค [1]. ์™„์„ฑ๋œ ์ •์  ํŒŒ์ผ์€ CDN์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์ฆ‰๊ฐ์ ์œผ๋กœ ์ „์†ก๋˜๋ฏ€๋กœ, ์„œ๋ฒ„ ์ฒ˜๋ฆฌ ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•˜์—ฌ ๋ฒˆ๊ฐœ์ฒ˜๋Ÿผ ๋น ๋ฅธ ๋กœ๋”ฉ ์†๋„๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [1-3]. ์••๋„์ ์ธ ์›น ์„ฑ๋Šฅ๊ณผ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ํšจ์œจ์„ ์ œ๊ณตํ•˜์ง€๋งŒ, ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ž์ฃผ ๋ณ€๊ฒฝ๋˜๋Š” ์ฝ˜ํ…์ธ ์—๋Š” ์ ํ•ฉํ•˜์ง€ ์•Š์€ ํŠน์„ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค [2, 3]. + +## ๐Ÿ“– Core Content +- **๋ Œ๋”๋ง ์ž‘๋™ ์›๋ฆฌ:** SSG๋Š” ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์š”์ฒญํ•  ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„๊ฐ€ HTML์„ ์ƒ์„ฑํ•˜๋Š” ๋Œ€์‹ , ๋ฐฐํฌ ์ „ ๋นŒ๋“œ ๋‹จ๊ณ„์—์„œ ๋ฏธ๋ฆฌ ๋ชจ๋“  HTML ํŒŒ์ผ์„ ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค [1, 4]. ์ดํ›„ ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘๊ทผํ•˜๋ฉด CDN(์ฝ˜ํ…์ธ  ์ „์†ก ๋„คํŠธ์›Œํฌ)์„ ํ†ตํ•ด ์‚ฌ์ „ ๋ Œ๋”๋ง๋œ ์ •์  ํŒŒ์ผ์„ ์ง€์—ฐ ์—†์ด ์ฆ‰์‹œ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [1, 2]. +- **์„ฑ๋Šฅ ๋ฐ Core Web Vitals ์ตœ์ ํ™”:** ์„œ๋ฒ„ ์ธก์˜ ์—ฐ์‚ฐ ๋Œ€๊ธฐ ์‹œ๊ฐ„์ด ์—†๊ธฐ ๋•Œ๋ฌธ์—, ์ตœ์ดˆ ์ฝ˜ํ…์ธ  ํŽ˜์ธํŠธ(FCP)์™€ ์ƒํ˜ธ์ž‘์šฉ ์‹œ์ž‘ ์‹œ๊ฐ„(TTI) ์ง€ํ‘œ์—์„œ ๋งค์šฐ ๋›ฐ์–ด๋‚˜๊ณ  ์ผ๊ด€๋œ ์„ฑ๋Šฅ์„ ๋ณด์ž…๋‹ˆ๋‹ค [5-7]. ์ด๋Š” ๊ตฌ๊ธ€์˜ ์ตœ์‹  ์›น ์„ฑ๋Šฅ ์ง€ํ‘œ์ธ Core Web Vitals์˜ LCP(Largest Contentful Paint)๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ํ•ต์‹ฌ ์ „๋žต์œผ๋กœ ๊ผฝํž™๋‹ˆ๋‹ค [8, 9]. +- **SEO(๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”) ๊ทน๋Œ€ํ™”:** ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ํ™˜๊ฒฝ์—์„œ๋Š” ๊ฒ€์ƒ‰ ์—”์ง„ ๋ด‡(Googlebot)์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•ด์•ผ๋งŒ ์ฝ˜ํ…์ธ ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์–ด ์ƒ‰์ธ ์ง€์—ฐ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค [10, 11]. ๋ฐ˜๋ฉด SSG๋Š” ์ด๋ฏธ ์™„์ „ํžˆ ๋ Œ๋”๋ง๋œ HTML ํ…์ŠคํŠธ ๋ฐ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ์ฆ‰๊ฐ์ ์œผ๋กœ ํฌ๋กค๋Ÿฌ์—๊ฒŒ ์ œ๊ณตํ•˜๋ฏ€๋กœ ์ตœ๊ณ ์˜ ํฌ๋กค๋ง ์ ‘๊ทผ์„ฑ๊ณผ SEO ์ ์ˆ˜๋ฅผ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค [4, 12-14]. +- **๊ฐ€์žฅ ์ ํ•ฉํ•œ ์‚ฌ์šฉ ์‚ฌ๋ก€:** ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ ๋ณ€๋™์ด ์ ๊ณ  ๋น ๋ฅธ ์ •๋ณด ์ „๋‹ฌ์ด ์ค‘์š”ํ•œ ๊ณต์‹ ๋ฌธ์„œ(Documentation), ๋ธ”๋กœ๊ทธ, ๋žœ๋”ฉ ํŽ˜์ด์ง€, ๋งˆ์ผ€ํŒ… ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•  ๋•Œ ๊ฐ€์žฅ ์ด์ƒ์ ์ธ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค [1, 2, 4, 12]. +- **์•„ํ‚คํ…์ฒ˜์˜ ํ•œ๊ณ„:** ์ฝ˜ํ…์ธ ๊ฐ€ ์—…๋ฐ์ดํŠธ๋  ๋•Œ๋งˆ๋‹ค ์‚ฌ์ดํŠธ ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ•˜๊ณ  ๋ฐฐํฌํ•ด์•ผ ํ•œ๋‹ค๋Š” ๋‹จ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค [3]. ์‹ค์‹œ๊ฐ„ ๊ฐœ์ธํ™” ๊ธฐ๋Šฅ์ด๋‚˜, ์ˆ˜๋งŒ~์ˆ˜์‹ญ๋งŒ ๊ฐœ์˜ ํŽ˜์ด์ง€๋ฅผ ๋ณด์œ ํ•œ ๋Œ€๊ทœ๋ชจ ์‚ฌ์ดํŠธ์˜ ๊ฒฝ์šฐ ๋นŒ๋“œ ์‹œ๊ฐ„์ด ๊ธฐํ•˜๊ธ‰์ˆ˜์ ์œผ๋กœ ๋Š˜์–ด๋‚˜๋Š” ์น˜๋ช…์ ์ธ ์ œ์•ฝ์ด ์žˆ์Šต๋‹ˆ๋‹ค [2, 4]. +- **๋ชจ๋˜ ์›น ํ”„๋ ˆ์ž„์›Œํฌ ์ง€์›:** Next.js, Gatsby, Hugo, Jekyll ๋“ฑ์˜ ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ SSG๋ฅผ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค [1, 15, 16]. ์ตœ๊ทผ์—๋Š” ์ด๋Ÿฌํ•œ SSG์˜ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด, ์ •์  ํŽ˜์ด์ง€์—๋Š” SSG๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์ตœ์‹  ์ •๋ณด๊ฐ€ ํ•„์š”ํ•œ ํŽ˜์ด์ง€์—๋Š” SSR(์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง)์ด๋‚˜ ISR(์ฆ๋ถ„ ์ •์  ์žฌ์ƒ์„ฑ)์„ ๊ฒฐํ•ฉํ•˜๋Š” 'ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋ Œ๋”๋ง' ์•„ํ‚คํ…์ฒ˜๊ฐ€ ์ตœ์šฐ์„  ๋ชจ๋ฒ” ์‚ฌ๋ก€๋กœ ํ™œ์šฉ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [17]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Incremental Static Regeneration (ISR)]], [[Core Web Vitals]], [[Search Engine Optimization (SEO)]] +- **Projects/Contexts:** [[Next.js]], [[Gatsby]], [[Content Delivery Network (CDN)]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด SSG๋Š” ์„ฑ๋Šฅ๊ณผ SEO ์ธก๋ฉด์—์„œ ์ตœ์ƒ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์žฅํ•˜์ง€๋งŒ, ์‹ค์‹œ๊ฐ„ ๊ฐœ์ธํ™”(Personalization) ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๊ฑฐ๋‚˜ ์ˆ˜์‹œ๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฐ”๋€Œ๋Š” ๊ฑฐ๋Œ€ํ•œ ์›น ์•ฑ์—์„œ๋Š” ๋‹จ๋…์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ๋ช…ํ™•ํ•œ ํ•œ๊ณ„๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ, ์ตœ์‹  ์•„ํ‚คํ…์ฒ˜์—์„œ๋Š” SSG์˜ ์†๋„์™€ SSR์˜ ์‹ ์„ ๋„๋ฅผ ๊ฒฐํ•ฉํ•œ ISR ๋ฐฉ์‹์„ ๋Œ€์•ˆ์œผ๋กœ ์ถ”์ฒœํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [2, 18, 19]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Structured Data (Schema Markup).md b/00_Raw/Structured Data (Schema Markup).md new file mode 100644 index 00000000..ddd56efe --- /dev/null +++ b/00_Raw/Structured Data (Schema Markup).md @@ -0,0 +1,21 @@ +# [[Structured Data (Schema Markup)]] + +## ๐Ÿ“Œ Brief Summary +๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ(Schema Markup)๋Š” ๊ฒ€์ƒ‰ ์—”์ง„๊ณผ AI ํฌ๋กค๋Ÿฌ๊ฐ€ ์›น์‚ฌ์ดํŠธ ์ฝ˜ํ…์ธ ์˜ ๋ฌธ๋งฅ๊ณผ ์˜๋ฏธ๋ฅผ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๋„๋ก ๋•๋Š” ํ•„์ˆ˜์ ์ธ ๋งˆํฌ์—… ์–ธ์–ด(์ฃผ๋กœ JSON-LD ํ˜•์‹)์ด๋‹ค [1, 2]. ์ด๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์—์„œ ๋ฆฌ๋ทฐ ๋ณ„์ , ๊ฐ€๊ฒฉ, FAQ ๋“ฑ๊ณผ ๊ฐ™์€ ๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ(Rich Snippets)์„ ์ƒ์„ฑํ•˜์—ฌ ์›น์‚ฌ์ดํŠธ์˜ ๊ฐ€์‹œ์„ฑ์„ ๋†’์ธ๋‹ค [3, 4]. ๋‹จ์ˆœํžˆ ํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์„ ๋„˜์–ด ๋ฐ์ดํ„ฐ์˜ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•จ์œผ๋กœ์จ, ๊ธฐ์กด ๊ฒ€์ƒ‰ ์—”์ง„ ๊ฒฐ๊ณผ ํŽ˜์ด์ง€(SERP)๋ฟ๋งŒ ์•„๋‹ˆ๋ผ AI ๊ธฐ๋ฐ˜ ๊ฒ€์ƒ‰์—์„œ๋„ ์ฝ˜ํ…์ธ ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ธ์šฉ๋˜๋„๋ก ์ง€์›ํ•œ๋‹ค [2, 4]. + +## ๐Ÿ“– Core Content +* **์ฃผ์š” ๋ชฉ์  ๋ฐ ๊ธฐ๋Šฅ:** Schema.org ๋งˆํฌ์—…(์ฃผ๋กœ JSON-LD ๋ฐฉ์‹)์€ ๊ฒ€์ƒ‰ ์—”์ง„์ด ํŽ˜์ด์ง€์˜ ์ฝ˜ํ…์ธ ๋ฅผ ๋‹จ์ˆœํ•œ ํ…์ŠคํŠธ๊ฐ€ ์•„๋‹Œ ๋ช…ํ™•ํ•œ '๊ฐœ์ฒด(Entity)'๋กœ ํ•ด์„ํ•˜๋„๋ก ๋•๋Š”๋‹ค [1, 2]. ์ด๋ฅผ ํ†ตํ•ด ํ•ด๋‹น ํŽ˜์ด์ง€๊ฐ€ ์ œํ’ˆ์ธ์ง€, ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ์ธ์ง€, FAQ์ธ์ง€, ์„œ๋น„์Šค ๋ชฉ๋ก์ธ์ง€ ๊ฒ€์ƒ‰ ์—”์ง„์— ์ •ํ™•ํžˆ ์•Œ๋ฆด ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ณด์กฐ ๊ธฐ๊ธฐ๋‚˜ AI๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํŒ๋…ํ•˜๋„๋ก ๋•๋Š” ๊ตฌ์กฐ์  ์•ˆ์ •์„ฑ์„ ์ œ๊ณตํ•œ๋‹ค [4, 5]. +* **๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ ๋ฐ AI ๊ฒ€์ƒ‰ ์ตœ์ ํ™”:** ์Šคํ‚ค๋งˆ ๋งˆํฌ์—…์„ ์ ์šฉํ•˜๋ฉด ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ๋ณ„์ , ์ด๋ฒคํŠธ ๋‚ ์งœ, ๊ฐ€๊ฒฉ, ์žฌ๊ณ  ์—ฌ๋ถ€ ๋“ฑ์„ ํ‘œ์‹œํ•˜๋Š” ๋ฆฌ์น˜ ์Šค๋‹ˆํŽซ ๋ฐ ์ง€์‹ ํŒจ๋„ ๋…ธ์ถœ ๊ธฐํšŒ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋‹ค [3, 4, 6]. ํŠนํžˆ ์ตœ๊ทผ์—๋Š” AI ๊ฐœ์š”(AI Overviews)๋‚˜ ChatGPT, Perplexity ๊ฐ™์€ AI ๋‹ต๋ณ€ ์—”์ง„(Answer Engines) ํฌ๋กค๋Ÿฌ๊ฐ€ ์›น์‚ฌ์ดํŠธ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์•ˆ์ •์ ์œผ๋กœ ํŒŒ์‹ฑํ•˜๊ณ  ๋‹ต๋ณ€์— ์ธ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ๋ฐ ํ•ต์‹ฌ์ ์ธ ์—ญํ• ์„ ํ•œ๋‹ค [2, 4, 7]. +* **๋ถ„์•ผ๋ณ„ ์ ์šฉ ์‚ฌ๋ก€ (Use Cases):** + * **์ด์ปค๋จธ์Šค(E-commerce):** Product ์Šคํ‚ค๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ๊ฐ€๊ฒฉ, ์žฌ๊ณ  ์ƒํ™ฉ, ๋ฆฌ๋ทฐ ํ‰์ ์„ ์ง์ ‘ ํ‘œ์‹œํ•œ๋‹ค [8]. + * **๋ธ”๋กœ๊ทธ/์ฝ˜ํ…์ธ  ์‚ฌ์ดํŠธ:** Article ์Šคํ‚ค๋งˆ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž‘์„ฑ์ž, ๋ฐœํ–‰์ผ, ํ—ค๋“œ๋ผ์ธ ๋“ฑ์„ ๋ช…์‹œํ•œ๋‹ค [8]. + * **์ง€์—ญ ๋น„์ฆˆ๋‹ˆ์Šค(Local Business):** LocalBusiness ์Šคํ‚ค๋งˆ๋ฅผ ํ™œ์šฉํ•ด ์ฃผ์†Œ์™€ ์˜์—…์‹œ๊ฐ„์„ ๋ช…ํ™•ํžˆ ์ „๋‹ฌํ•œ๋‹ค [8]. +* **๊ตฌํ˜„ ๋ฐ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ:** React, Nuxt์™€ ๊ฐ™์€ ๋ชจ๋˜ ์›น ํ”„๋ ˆ์ž„์›Œํฌ ํ™˜๊ฒฝ์—์„œ ๋™์ ์œผ๋กœ ์‚ฝ์ž…ํ•˜๊ฑฐ๋‚˜ ๊ด€๋ จ SEO ๋ชจ๋“ˆ(์˜ˆ: Nuxt SEO ๋ชจ๋“ˆ)์„ ํ™œ์šฉํ•ด ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋‹ค [1, 9]. ๊ตฌํ˜„ ํ›„์—๋Š” ๊ตฌ๋ฌธ ์˜ค๋ฅ˜๋ฅผ ๋””๋ฒ„๊น…ํ•˜๊ณ  ๋ Œ๋”๋ง์„ ๊ฒ€์ฆํ•˜๊ธฐ ์œ„ํ•ด 'Google Rich Results Test', 'Schema.org Validator', 'Structured Data Linter', ๋˜๋Š” 'Digispot AI Chrome Extension'๊ณผ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์œ ํšจ์„ฑ์„ ๊ฒ€์‚ฌํ•ด์•ผ ํ•œ๋‹ค [8, 10]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[SEO (Search Engine Optimization)]], [[Rich Snippets]], [[JSON-LD]], [[AI Search Optimization]], [[Semantic HTML5]] +- **Projects/Contexts:** [[React SEO Strategy]], [[Nuxt SPA SEO]], [[AI Overviews (SGE)]] +- **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด, React ์•ฑ๊ณผ ๊ฐ™์€ ํ™˜๊ฒฝ์—์„œ JSON-LD๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž ์ƒ์„ฑ ์ฝ˜ํ…์ธ (UGC)๋ฅผ ๋™์ ์œผ๋กœ ์Šคํ‚ค๋งˆ์— ์ฃผ์ž…ํ•  ๋•Œ๋Š” XSS(๊ต์ฐจ ์‚ฌ์ดํŠธ ์Šคํฌ๋ฆฝํŒ…) ๊ณต๊ฒฉ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋งˆํฌ์—… ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ ์ €ํžˆ ์†Œ๋…(sanitize)ํ•ด์•ผ ํ•œ๋‹ค๋Š” ๋ณด์•ˆ์ƒ ์ฃผ์˜์‚ฌํ•ญ์ด ์กด์žฌํ•œ๋‹ค [8]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/Time to First Byte (TTFB).md b/00_Raw/Time to First Byte (TTFB).md new file mode 100644 index 00000000..e076938f --- /dev/null +++ b/00_Raw/Time to First Byte (TTFB).md @@ -0,0 +1,22 @@ +# [[Time to First Byte (TTFB)]] + +## ๐Ÿ“Œ Brief Summary +Time to First Byte (TTFB)๋Š” ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์‚ฌ์šฉ์ž ์š”์ฒญ์— ๋Œ€ํ•œ ์„œ๋ฒ„์˜ ์‘๋‹ต์œผ๋กœ ์ฒซ ๋ฒˆ์งธ ๋ฐ์ดํ„ฐ ๋ฐ”์ดํŠธ๋ฅผ ์ˆ˜์‹ ํ•˜๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„(์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„)์„ ์ธก์ •ํ•˜๋Š” ์„ฑ๋Šฅ ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค [1, 2]. ์ข‹์€(Good) TTFB ์„ฑ๋Šฅ์˜ ๊ธฐ์ค€์€ 800ms ์ดํ•˜๋กœ ๊ฐ„์ฃผ๋ฉ๋‹ˆ๋‹ค [1, 3]. TTFB๋Š” ๊ทธ ์ž์ฒด๋กœ Core Web Vitals์˜ ๋žญํ‚น ์ง€ํ‘œ๋Š” ์•„๋‹ˆ์ง€๋งŒ, LCP(Largest Contentful Paint)์™€ ๊ฐ™์€ ํ•ต์‹ฌ ๋กœ๋”ฉ ์„ฑ๋Šฅ ์ง€ํ‘œ์— ์ง์ ‘์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ค‘์š”ํ•œ ๋ณด์กฐ ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค [1, 2, 4]. + +## ๐Ÿ“– Core Content +- **๋Š๋ฆฐ TTFB์˜ ์ฃผ์š” ์›์ธ:** + ์ตœ์ ํ™”๋˜์ง€ ์•Š์€ ๋ฐฑ์—”๋“œ ์ฒ˜๋ฆฌ, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฟผ๋ฆฌ์˜ ๋น„ํšจ์œจ์„ฑ, ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ์บ์‹ฑ(Server-side caching)์˜ ๋ถ€์žฌ, ๊ทธ๋ฆฌ๊ณ  ์˜ค๋ฆฌ์ง„ ์„œ๋ฒ„์™€ ์‚ฌ์šฉ์ž ๊ฐ„์˜ ์ง€๋ฆฌ์  ๊ฑฐ๋ฆฌ ๋“ฑ์ด TTFB๋ฅผ ์ง€์—ฐ์‹œํ‚ค๋Š” ์ฃผ๋œ ๋ณ‘๋ชฉ ํ˜„์ƒ์ž…๋‹ˆ๋‹ค [5, 6]. + +- **TTFB ๊ฐœ์„  ๋ฐ ์ตœ์ ํ™” ์ „๋žต:** + - **์„œ๋ฒ„ ๋ฐ ์บ์‹ฑ ์ตœ์ ํ™”:** ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ ํ—ค๋”(Cache-Control, ETag) ์„ค์ • ๋ฐ CDN(Content Delivery Network)์„ ์‚ฌ์šฉํ•˜์—ฌ HTML์„ ์บ์‹ฑํ•จ์œผ๋กœ์จ ์„œ๋ฒ„ ์‘๋‹ต ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•ฉ๋‹ˆ๋‹ค [2, 7, 8]. ๋˜ํ•œ Redis๋‚˜ Memcached์™€ ๊ฐ™์€ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ์บ์‹ฑ ๊ธฐ์ˆ ์„ ๋„์ž…ํ•˜๋Š” ๊ฒƒ์ด ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค [7, 8]. + - **์ธํ”„๋ผ ๋ฐ ํ”„๋กœํ† ์ฝœ ์—…๊ทธ๋ ˆ์ด๋“œ:** ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฟผ๋ฆฌ ์†๋„๋ฅผ ์ตœ์ ํ™”(์ธ๋ฑ์Šค ๋“ฑ)ํ•˜๊ณ , HTTP/2 ๋˜๋Š” HTTP/3 ํ”„๋กœํ† ์ฝœ์„ ์ฑ„ํƒํ•ฉ๋‹ˆ๋‹ค [7, 8]. + - **์••์ถ• ๋ฐ ์—ฃ์ง€ ์ปดํ“จํŒ…:** Gzip๋ณด๋‹ค ์••์ถ• ํšจ์œจ์ด ์ข‹์€ Brotli ์••์ถ•์„ ํ™œ์„ฑํ™”ํ•˜๊ณ , Cloudflare Workers๋‚˜ Vercel Edge์™€ ๊ฐ™์€ ์—ฃ์ง€ ์ปดํ“จํŒ…(Edge Computing)์„ ํ™œ์šฉํ•˜์—ฌ ๋ฌผ๋ฆฌ์  ์‘๋‹ต ๊ฑฐ๋ฆฌ๋ฅผ ์ค„์ž…๋‹ˆ๋‹ค [7, 8]. + - **๋ Œ๋”๋ง ์•„ํ‚คํ…์ฒ˜ ๊ฐœ์„  (React ์ƒํƒœ๊ณ„):** ์ „ํ†ต์ ์ธ SSR(Server-Side Rendering)์ด๋‚˜ CSR(Client-Side Rendering) ํ™˜๊ฒฝ์—์„œ๋Š” TTFB๊ฐ€ 200~800ms๊นŒ์ง€ ๊ฑธ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [9, 10]. ๋ฐ˜๋ฉด, ISR(Incremental Static Regeneration)์ด๋‚˜ SSG(Static Site Generation) ๊ฐ™์€ ๋ฐฉ์‹์„ ํ™œ์šฉํ•˜๋ฉด ์ •์  ์บ์‹œ๋ฅผ ํ†ตํ•ด TTFB๋ฅผ 20~50ms ์ˆ˜์ค€์œผ๋กœ ํš๊ธฐ์ ์œผ๋กœ ๋‚ฎ์ถœ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [9-12]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Largest Contentful Paint (LCP)]], [[Core Web Vitals]], [[Incremental Static Regeneration (ISR)]], [[Server-Side Rendering (SSR)]] +- **Projects/Contexts:** [[Web Performance Optimization]], [[React SEO]] +- **Contradictions/Notes:** ์†Œ์Šค ๋‚ด์— ์„œ๋กœ ์ƒ์ถฉ๋˜๋Š” ์ฃผ์žฅ์€ ๋ฐœ๊ฒฌ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/User Experience (UX).md b/00_Raw/User Experience (UX).md new file mode 100644 index 00000000..e5a8792a --- /dev/null +++ b/00_Raw/User Experience (UX).md @@ -0,0 +1,31 @@ +# [[User Experience (UX)]] + +## ๐Ÿ“Œ Brief Summary +ํ˜„๋Œ€ ์›น ๋””์ž์ธ์—์„œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(User Experience, UX)์€ ์‚ฌ์šฉ์ž๊ฐ€ ์›น์‚ฌ์ดํŠธ์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ์ „๋ฐ˜์ ์ธ ๊ฒฝํ—˜์„ ์˜๋ฏธํ•˜๋ฉฐ, ๋น ๋ฅด๊ณ  ์ง๊ด€์ ์ด๋ฉฐ ์ ‘๊ทผํ•˜๊ธฐ ์‰ฌ์šด ์—ฌ์ •์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค [1, 2]. 2025๋…„์˜ UX๋Š” ๋‹จ์ˆœํ•œ ์‹œ๊ฐ์  ๋ฏธํ•™์„ ๋„˜์–ด, ๋น„์ฆˆ๋‹ˆ์Šค ๋ชฉํ‘œ(์ „ํ™˜์œจ ์ƒ์Šน, ์ฐธ์—ฌ๋„ ์ฆ๊ฐ€ ๋“ฑ)์™€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)๋ฅผ ๊ฒฌ์ธํ•˜๋Š” ์ „๋žต์  ํ•ต์‹ฌ ์š”์†Œ๋กœ ๊ธฐ๋Šฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [3-5]. ์šฐ์ˆ˜ํ•œ UX๋Š” ์ธ์ง€์  ๋ถ€ํ•˜๋ฅผ ์ค„์ด๊ณ , ๋งˆ์ฐฐ์„ ์ œ๊ฑฐํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž์˜ ์˜๋„์™€ ํ–‰๋™ ์‚ฌ์ด์˜ ๊ฐ„๊ทน์„ ์ตœ์†Œํ™”ํ•˜๋Š” ๊ฒƒ์„ ํ•ต์‹ฌ์œผ๋กœ ์‚ผ์Šต๋‹ˆ๋‹ค [6-8]. + +## ๐Ÿ“– Core Content +* **์‚ฌ์šฉ์ž ์ค‘์‹ฌ ์„ค๊ณ„(User-Centered Design)์™€ ์ธ์ง€์  ๋ช…ํ™•์„ฑ:** + ํšจ๊ณผ์ ์ธ UX๋Š” ๋‹จ์ˆœํ•œ ๊ฐ€์ •์ด๋‚˜ ๋ฏธ์  ์š”์†Œ๊ฐ€ ์•„๋‹Œ, ์—ฐ๊ตฌ์™€ ํ…Œ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ๋‹ˆ์ฆˆ์™€ ํ–‰๋™, ๋ชฉํ‘œ๋ฅผ ๊นŠ์ด ์ดํ•ดํ•˜๋Š” ์‚ฌ์šฉ์ž ์ค‘์‹ฌ ์„ค๊ณ„ ๋ฐฉ๋ฒ•๋ก ์— ๊ธฐ๋ฐ˜ํ•ฉ๋‹ˆ๋‹ค [9]. ์‚ฌ์šฉ์ž๊ฐ€ ๊ณ ๋ฏผํ•˜์ง€ ์•Š๊ณ  ๋ชฉ์ ์ง€์— ๋„๋‹ฌํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง๊ด€์ ์ธ ๋‚ด๋น„๊ฒŒ์ด์…˜๊ณผ ์‹œ๊ฐ์  ๊ณ„์ธต ๊ตฌ์กฐ(Visual Hierarchy)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ธ์ง€์  ๋ถ€ํ•˜๋ฅผ ์ค„์ด๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค [6, 10, 11]. ํŠนํžˆ ๋ณต์žกํ•œ SaaS ํ”Œ๋žซํผ ๋“ฑ์—์„œ๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ํ•œ ๋ฒˆ์— ๋ณด์—ฌ์ฃผ๊ธฐ๋ณด๋‹ค ์‚ฌ์šฉ์ž์˜ ์—ญํ• ์— ๋งž์ถฐ ํ•„์š”ํ•œ ์ •๋ณด๋งŒ ์ ์ง„์ ์œผ๋กœ ๋…ธ์ถœํ•˜๋Š” '์ ์ง„์  ๊ณต๊ฐœ(Progressive Disclosure)' ์ „๋žต์ด ํ™œ์šฉ๋ฉ๋‹ˆ๋‹ค [7]. + +* **์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals):** + ์›น์‚ฌ์ดํŠธ์˜ ๋กœ๋”ฉ ์†๋„๋Š” UX์˜ ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ์ž…๋‹ˆ๋‹ค [12]. ๊ตฌ๊ธ€์˜ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(LCP, INP, CLS)์€ ์›น์‚ฌ์ดํŠธ์˜ ๋กœ๋”ฉ ์†๋„, ์ƒํ˜ธ์ž‘์šฉ ์‘๋‹ต์„ฑ, ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ์ธก์ •ํ•˜๋ฉฐ, ์ด๋Š” ์‹ค์ œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์˜ ํ’ˆ์งˆ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค [13-15]. ํŽ˜์ด์ง€ ๋ฐ˜์‘์ด ๋Š๋ฆฌ๊ฑฐ๋‚˜ ์ฝ˜ํ…์ธ  ๋กœ๋”ฉ ์ค‘ ๋ ˆ์ด์•„์›ƒ์ด ๋ถˆ์•ˆ์ •ํ•˜๊ฒŒ ํ”๋“ค๋ฆฌ๋ฉด ์‚ฌ์šฉ์ž๋Š” ์ขŒ์ ˆ๊ฐ์„ ๋Š๋ผ๊ณ  ์ดํƒˆํ•˜๊ฒŒ ๋˜๋ฉฐ, ์ด๋Š” ์ „ํ™˜์œจ ๊ฐ์†Œ๋กœ ์ง๊ฒฐ๋ฉ๋‹ˆ๋‹ค [13, 16]. + +* **์ ‘๊ทผ์„ฑ(Accessibility)๊ณผ ํฌ์šฉ์  ์„ค๊ณ„:** + WCAG(Web Content Accessibility Guidelines) ํ‘œ์ค€์„ ์ค€์ˆ˜ํ•˜์—ฌ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๋ฅผ ํฌํ•จํ•œ ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ํ‰๋“ฑํ•œ ๋””์ง€ํ„ธ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์€ ํ•„์ˆ˜์ ์ธ UX ๊ด€ํ–‰์ž…๋‹ˆ๋‹ค [17, 18]. ๋ช…ํ™•ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„, ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ์ง€์›, ํ™”๋ฉด ๋‚ญ๋…๊ธฐ(Screen Reader) ํ˜ธํ™˜์„ฑ ๋ฐ ๋ณต์žกํ•œ ์ œ์Šค์ฒ˜์— ๋Œ€ํ•œ ๋Œ€์•ˆ ์ œ๊ณต ๋“ฑ์€ ๋ชจ๋“  ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ํฌ์šฉ์ ์ด๊ณ  ์ง๊ด€์ ์ธ ์›น ํ™˜๊ฒฝ์„ ์กฐ์„ฑํ•ฉ๋‹ˆ๋‹ค [19-21]. + +* **์ ์‘ํ˜• UX(Adaptive UX) ๋ฐ AI ๊ธฐ๋ฐ˜ ๊ฐœ์ธํ™”:** + 2025๋…„์˜ UX๋Š” ์‚ฌ์šฉ์ž ํ–‰๋™, ์œ„์น˜, ๊ธฐ๊ธฐ ์œ ํ˜• ๋ฐ ๊ณผ๊ฑฐ ์ƒํ˜ธ์ž‘์šฉ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ธํ„ฐํŽ˜์ด์Šค์™€ ์ฝ˜ํ…์ธ ๋ฅผ ๋™์ ์œผ๋กœ ์กฐ์ •ํ•˜๋Š” ์ ์‘ํ˜• UX๋ฅผ ํŠน์ง•์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค [22]. AI๋ฅผ ํ™œ์šฉํ•œ ์˜ˆ์ธก์  UX๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ฌป๊ธฐ ์ „์— ํ•„์š”๋กœ ํ•˜๋Š” ์„œ๋น„์Šค๋‚˜ ์ฝ˜ํ…์ธ ๋ฅผ ์ถ”์ฒœํ•˜์—ฌ ๋งˆ์ฐฐ์„ ์ค„์ด๊ณ  ๊ฐœ์ธํ™”๋œ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•จ์œผ๋กœ์จ ์ „ํ™˜์œจ์„ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [22, 23]. + +* **๋งˆ์ดํฌ๋กœ ์ธํ„ฐ๋ž™์…˜(Micro-interactions):** + ์‚ฌ์šฉ์ž์˜ ํ–‰๋™์— ๋Œ€ํ•ด ์ฆ‰๊ฐ์ ์ธ ํ”ผ๋“œ๋ฐฑ์„ ์ œ๊ณตํ•˜๋Š” ๋ฏธ์„ธํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜(๋ฒ„ํŠผ ์ƒ‰์ƒ ๋ณ€๊ฒฝ, ๋กœ๋”ฉ ์ƒํƒœ ํ‘œ์‹œ ๋“ฑ)์€ ์‚ฌ์šฉ์ž์˜ ๋ถˆํ™•์‹ค์„ฑ์„ ์ค„์ด๊ณ  ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์‚ด์•„์žˆ๊ณ  ๋ฐ˜์‘์„ฑ์ด ๋›ฐ์–ด๋‚˜๋‹ค๋Š” ๋Š๋‚Œ์„ ์ค๋‹ˆ๋‹ค [24, 25]. ์ด๋Ÿฌํ•œ ์‹œ๊ฐ์  ์‹ ํ˜ธ๋Š” ์ „๋ฐ˜์ ์ธ ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด๊ณ  ํŽ˜์ด์ง€ ์ฒด๋ฅ˜ ์‹œ๊ฐ„์„ ์—ฐ์žฅํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค [26, 27]. + +* **๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ๋ฐ ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ:** + ๊ธ€๋กœ๋ฒŒ ์›น ํŠธ๋ž˜ํ”ฝ์˜ ์ ˆ๋ฐ˜ ์ด์ƒ์ด ๋ชจ๋ฐ”์ผ์—์„œ ๋ฐœ์ƒํ•จ์— ๋”ฐ๋ผ ๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ๋ฐ˜์‘ํ˜• ์„ค๊ณ„๋Š” ์„ ํƒ์ด ์•„๋‹Œ ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค [28, 29]. ์ž‘์€ ํ™”๋ฉด์˜ ์ œ์•ฝ์— ๋งž์ถฐ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์ฝ˜ํ…์ธ ์™€ ๊ธฐ๋Šฅ์„ ์šฐ์„  ๋ฐฐ์น˜ํ•ด์•ผ ํ•˜๋ฉฐ, ๋™์‹œ์— ํฌ๋กฌ, ์‚ฌํŒŒ๋ฆฌ ๋“ฑ ๋‹ค์–‘ํ•œ ๋ธŒ๋ผ์šฐ์ €์™€ ๊ธฐ๊ธฐ ํ™˜๊ฒฝ์—์„œ ๋ ˆ์ด์•„์›ƒ ๊นจ์ง์ด๋‚˜ ๊ธ€๋ฆฌ์น˜ ์—†์ด ๋™์ผํ•˜๊ณ  ์ผ๊ด€๋œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณด์žฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [28, 30, 31]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Core Web Vitals]], [[User-Centered Design]], [[Visual Hierarchy]], [[Accessibility Compliance (WCAG)]], [[Adaptive UX]], [[Micro-interactions]], [[Mobile-First Responsive Design]] +- **Projects/Contexts:** [[SaaS & Technology Transformations]], [[E-Commerce Redesign Case Studies]], [[Web Performance Optimization Guidelines]] +- **Contradictions/Notes:** ์†Œ์Šค๋“ค์€ ๊ณตํ†ต์ ์œผ๋กœ ๋””์ž์ธ์˜ ์‹ฌ๋ฏธ์„ฑ๋ณด๋‹ค ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์˜ ๊ธฐ๋Šฅ์  ์ธก๋ฉด(์†๋„, ๋ช…ํ™•์„ฑ, ์ ‘๊ทผ์„ฑ)์ด ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์™€ ๋น„์ฆˆ๋‹ˆ์Šค ์ˆ˜์ต์„ฑ์— ํ›จ์”ฌ ๋” ์ค‘๋Œ€ํ•œ ์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค๊ณ  ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค [3, 4, 32, 33]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/๋ฒ•์  ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ.md b/00_Raw/๋ฒ•์  ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ.md new file mode 100644 index 00000000..d5394f71 --- /dev/null +++ b/00_Raw/๋ฒ•์  ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ.md @@ -0,0 +1,22 @@ +# [[๋ฒ•์  ๊ทœ์ œ ๋ฐ EAA 2025 ๋งˆ๊ฐ ๊ธฐํ•œ ๋Œ€์‘ ํ”„๋กœ์ ํŠธ]] + +## ๐Ÿ“Œ Brief Summary +์ด ํ”„๋กœ์ ํŠธ๋Š” ์›น ์ ‘๊ทผ์„ฑ(Web Accessibility)์— ๋Œ€ํ•œ ์ „ ์„ธ๊ณ„์ ์ธ ๋ฒ•์  ์š”๊ตฌ ์‚ฌํ•ญ, ํŠนํžˆ 2025๋…„ 6์›” 28์ผ์— ๋ฐœํšจ๋˜๋Š” ์œ ๋Ÿฝ ์ ‘๊ทผ์„ฑ๋ฒ•(EAA) ๋งˆ๊ฐ ๊ธฐํ•œ์— ๋งž์ถฐ ๋””์ง€ํ„ธ ์ž์‚ฐ์„ ์ตœ์ ํ™”ํ•˜๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค [1, 2]. ์ „์ž์ƒ๊ฑฐ๋ž˜, ๋ฑ…ํ‚น, ๊ตํ†ต ๋“ฑ ๋‹ค์–‘ํ•œ ๋””์ง€ํ„ธ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์—…๋“ค์ด ๋ฒ•์  ์ œ์žฌ๋ฅผ ํ”ผํ•˜๊ณ  ๋ชจ๋“  ์‚ฌ์šฉ์ž์—๊ฒŒ ๋™๋“ฑํ•œ ์‚ฌ์šฉ์„ฑ์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ์›น์‚ฌ์ดํŠธ์™€ ์•ฑ์„ WCAG 2.1 Level AA ํ‘œ์ค€(๋˜๋Š” ์ด์— ์ƒ์‘ํ•˜๋Š” EN 301 549)์— ๋งž๊ฒŒ ๊ฐœํŽธํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค [2, 3]. ์ตœ์‹  ์›น ์•„ํ‚คํ…์ฒ˜ ๋ฐ UX ์„ค๊ณ„์—์„œ ์ ‘๊ทผ์„ฑ์€ ๋” ์ด์ƒ ์„ ํƒ์ด ์•„๋‹Œ ๋ฒ•์  ํ•„์ˆ˜ ์š”๊ฑด์œผ๋กœ ์ž๋ฆฌ ์žก๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [4]. + +## ๐Ÿ“– Core Content +- **EAA 2025 ์‹œํ–‰ ๋ฐ ์ ์šฉ ๋ฒ”์œ„:** 2025๋…„ 6์›” 28์ผ๋ถ€ํ„ฐ ๋ฐœํšจ๋˜๋Š” ์œ ๋Ÿฝ ์ ‘๊ทผ์„ฑ๋ฒ•(EAA)์€ ์—„๊ฒฉํ•œ ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜ ๊ธฐ์ค€์„ ์š”๊ตฌํ•˜๋ฉฐ, ์ด๋Š” ์ •๋ถ€ ์‚ฌ์ดํŠธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ „์ž์ƒ๊ฑฐ๋ž˜, ๋ฑ…ํ‚น, ํ†ต์‹ , ๊ตํ†ต, ๋ฐœ๊ถŒ, ์ „์ž์ฑ… ๋“ฑ์˜ ๋””์ง€ํ„ธ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์œ ๋Ÿฝ ์—ฐํ•ฉ(EU) ๋‚ด ๋ฏผ๊ฐ„ ๊ธฐ์—…์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค [1, 2]. +- **์ค€์ˆ˜ํ•ด์•ผ ํ•  ๊ธฐ์ˆ  ํ‘œ์ค€ (WCAG 2.1 AA):** EAA ๊ทœ์ •์„ ์ค€์ˆ˜ํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ์—…์˜ ๋””์ง€ํ„ธ ์ œํ’ˆ์€ WCAG 2.1 Level AA์— ์ง์ ‘์ ์œผ๋กœ ๋งคํ•‘๋˜๋Š” ๊ธฐ์ˆ  ํ‘œ์ค€์ธ 'EN 301 549'๋ฅผ ์ถฉ์กฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [2]. ๋ฏธ๊ตญ์˜ ADA(๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•) ๋ฐ ์„น์…˜ 508, ์˜๊ตญ์˜ ํ‰๋“ฑ๋ฒ•(Equality Act), ์บ๋‚˜๋‹ค์˜ AODA ๋“ฑ ๋Œ€๋ถ€๋ถ„์˜ ๊ธ€๋กœ๋ฒŒ ์ ‘๊ทผ์„ฑ ๋ฒ•์•ˆ ์—ญ์‹œ WCAG 2.1 AA๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์‚ผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [3, 5, 6]. +- **์กฐ์ง์˜ ๋Œ€์‘ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์˜ํ–ฅ:** ์ ‘๊ทผ์„ฑ ์ค€์ˆ˜ ์—ฌ๋ถ€๋Š” B2B ๊ฑฐ๋ž˜์—์„œ๋„ ๋งค์šฐ ์ค‘์š”ํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์ œํ’ˆ ๊ตฌ๋งค์ž๋‚˜ ์กฐ๋‹ฌํŒ€์€ ์ž…์ฐฐ ์ œ์•ˆ์„œ(RFP)์—์„œ VPAT(์ž๋ฐœ์  ์ œํ’ˆ ์ ‘๊ทผ์„ฑ ํ…œํ”Œ๋ฆฟ)์™€ WCAG ์ค€์ˆ˜ ์ฆ๋ช…์„ ์ ์  ๋” ๋งŽ์ด ์š”๊ตฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [7]. ์›น์‚ฌ์ดํŠธ๊ฐ€ ์ด๋Ÿฌํ•œ ํ‘œ์ค€์„ ์ค€์ˆ˜ํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์†Œ์†ก, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์•…ํ™”, ์‹ฌ๊ฐํ•œ ์ˆ˜์ต ์†์‹ค ๋ฐ ํ‰ํŒ ํ›ผ์† ๋“ฑ์˜ ๋ฒ•์ ยท๋น„์ฆˆ๋‹ˆ์Šค์  ์œ„ํ—˜์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [3, 8]. +- **์„ฑ๊ณต์ ์ธ ๋Œ€์‘์„ ์œ„ํ•œ ์‹ค๋ฌด ์ง€์นจ (์ ‘๊ทผ์„ฑ ์ตœ์ ํ™” ์ฒดํฌ๋ฆฌ์ŠคํŠธ):** + - **์ฝ˜ํ…์ธ  ์ธ์ง€ ๊ฐ€๋Šฅ์„ฑ:** ๋ชจ๋“  ์ด๋ฏธ์ง€์™€ ์•„์ด์ฝ˜์— ๋Œ€์ฒด ํ…์ŠคํŠธ(Alt text)๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ , ์˜ค๋””์˜ค ๋ฐ ๋น„๋””์˜ค ์ฝ˜ํ…์ธ ์—๋Š” ์ž๋ง‰์ด๋‚˜ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [9]. ๋˜ํ•œ, ๋ช…ํ™•ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„์™€ ๊ฐ€๋…์„ฑ ๋†’์€ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [9]. + - **์กฐ์ž‘ ๊ฐ€๋Šฅ์„ฑ ๋ณด์žฅ:** ๋งˆ์šฐ์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ํ‚ค๋ณด๋“œ๋งŒ์œผ๋กœ ๋ชจ๋“  ๋‚ด๋น„๊ฒŒ์ด์…˜์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ์ง€์›ํ•ด์•ผ ํ•˜๋ฉฐ, ํฌ์ปค์Šค ํ‘œ์‹œ๊ธฐ(Focus indicators)๋ฅผ ํ•ญ์ƒ ์‹œ๊ฐ์ ์œผ๋กœ ๋…ธ์ถœํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [10]. ์‚ฌ์šฉ์ž๊ฐ€ ๋“œ๋ž˜๊ทธ(Dragging)๋‚˜ ํ˜ธ๋ฒ„(Hover) ๋™์ž‘ ์—†์ด๋„ ์ž‘์—…์„ ์™„๋ฃŒํ•  ์ˆ˜ ์žˆ๋Š” ๋Œ€์•ˆ์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [10, 11]. + - **๊ตฌ์กฐ์™€ ํผ(Form) ๊ฐœ์„ :** ์ ์ ˆํ•œ ํ—ค๋”ฉ(Heading) ์ˆœ์„œ(H1 โ†’ H2 โ†’ H3)๋ฅผ ์‚ฌ์šฉํ•˜๊ณ , ํผ ํ•„๋“œ์— ์ผ๊ด€๋œ ๋ ˆ์ด๋ธ”์„ ์ง€์ •ํ•˜์—ฌ ์‚ฌ์šฉ์ž์˜ ์ž…๋ ฅ ์˜ค๋ฅ˜๋ฅผ ๋ฐฉ์ง€ํ•˜๊ฑฐ๋‚˜ ๋ณต๊ตฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์•ผ ํ•ฉ๋‹ˆ๋‹ค [10]. + - **ํ…Œ์ŠคํŠธ ๋ฐ ์œ ์ง€๋ณด์ˆ˜:** ํ™”๋ฉด ํŒ๋…๊ธฐ(Screen reader), ํ‚ค๋ณด๋“œ ๋‚ด๋น„๊ฒŒ์ด์…˜ ๋“ฑ ์‹ค์ œ ๊ธฐ๊ธฐ์™€ ๋ณด์กฐ ๊ธฐ์ˆ ์„ ํ˜ผํ•ฉํ•˜์—ฌ ํ…Œ์ŠคํŠธํ•ด์•ผ ํ•˜๋ฉฐ, ๊ฐœ๋ฐœ ์›Œํฌํ”Œ๋กœ์šฐ์— Axe ๊ธฐ๋ฐ˜์˜ ์ž๋™ํ™”๋œ ์ ‘๊ทผ์„ฑ ์Šค์บ”์„ ํ†ตํ•ฉํ•˜์—ฌ ์ง€์†์ ์œผ๋กœ ๊ทœ์ • ์ค€์ˆ˜๋ฅผ ๋ชจ๋‹ˆํ„ฐ๋งํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [10-12]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Web Content Accessibility Guidelines (WCAG)]], [[Americans with Disabilities Act (ADA) Compliance]], [[Inclusive UX Design]] +- **Projects/Contexts:** [[ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ UX ๊ฐœ์„  ํ”„๋กœ์ ํŠธ]], [[๋‹ค๊ตญ์–ด ์ง€์› ๋ฐ ๊ธ€๋กœ๋ฒŒ ์›น์‚ฌ์ดํŠธ ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์ถ•]] +- **Contradictions/Notes:** ๊ตญ๊ฐ€๋ณ„๋กœ ์ ์šฉ๋˜๋Š” ๋ฒ•๋ฅ  ์ด๋ฆ„๊ณผ ์ •ํ™•ํ•œ ์š”๊ตฌ ์‹œ์ ์—๋Š” ์ฐจ์ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฏธ๊ตญ์˜ ๊ฒฝ์šฐ ์ฃผ๋กœ ๊ณต๊ณต ๊ธฐ๊ด€๊ณผ ์—ฐ๋ฐฉ ๊ณ„์•ฝ์—…์ฒด๊ฐ€ ADA ๋ฐ Section 508์— ๋”ฐ๋ผ WCAG 2.1 AA๋ฅผ ๋”ฐ๋ฅด๋Š” ๋ฐ˜๋ฉด, EU์˜ EAA๋Š” 2025๋…„ 6์›”๋ถ€ํ„ฐ ํŠน์ • ๋””์ง€ํ„ธ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ชจ๋“  ์ •๋ถ€ ๋ฐ ๋ฏผ๊ฐ„ ๊ธฐ์—…์—๊นŒ์ง€ ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์˜๋ฌดํ™”๋œ๋‹ค๋Š” ์ ์—์„œ ๋ฏผ๊ฐ„ ์˜์—ญ์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ๋ ฅ์ด ๋งค์šฐ ๊ฐ•๋ ฅํ•ฉ๋‹ˆ๋‹ค [1, 2, 6]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/00_Raw/์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค.md b/00_Raw/์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค.md new file mode 100644 index 00000000..32b4d277 --- /dev/null +++ b/00_Raw/์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค.md @@ -0,0 +1,31 @@ +# [[์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค]] + +## ๐Ÿ“Œ Brief Summary +์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ ๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ UX ์ตœ์ ํ™” ํ”„๋กœ์„ธ์Šค๋Š” ๋ฐ์Šคํฌํ†ฑ ๊ธฐ๋ฐ˜ ๋””์ž์ธ์„ ์ถ•์†Œํ•˜๋Š” ๋Œ€์‹ , ๊ฐ€์žฅ ์ž‘์€ ๋ชจ๋ฐ”์ผ ํ™”๋ฉด๋ถ€ํ„ฐ ํ•ต์‹ฌ ๊ธฐ๋Šฅ๊ณผ ์ฝ˜ํ…์ธ ๋ฅผ ์„ค๊ณ„ํ•˜๊ณ  ์ ์ฐจ ํ™•์žฅํ•ด ๋‚˜๊ฐ€๋Š” ํ˜„๋Œ€ ์›น ์—”์ง€๋‹ˆ์–ด๋ง์˜ ํ•„์ˆ˜ ์ „๋žต์ž…๋‹ˆ๋‹ค [1, 2]. ์ „ ์„ธ๊ณ„ ์›น ํŠธ๋ž˜ํ”ฝ์˜ 58% ์ด์ƒ์ด ๋ชจ๋ฐ”์ผ์—์„œ ๋ฐœ์ƒํ•˜๊ณ  ๊ตฌ๊ธ€์ด ๋ชจ๋ฐ”์ผ ์šฐ์„  ์ƒ‰์ธ(Mobile-first indexing)์„ ์ ์šฉํ•จ์— ๋”ฐ๋ผ, ์ด๋Š” ์‚ฌ์šฉ์ž์˜ ์ฐธ์—ฌ๋„์™€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์ˆœ์œ„๋ฅผ ๊ฒฐ์ •์ง“๋Š” ํ•ต์‹ฌ ์š”์†Œ๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค [1, 3, 4]. ์„ฑ๊ณต์ ์ธ ๋ฆฌ๋””์ž์ธ์„ ์œ„ํ•ด์„œ๋Š” ์ง๊ด€์ ์ธ ๋„ค๋น„๊ฒŒ์ด์…˜, ์‚ฌ์šฉ์ž ํ–‰๋™ ๋ฐ์ดํ„ฐ์— ๊ธฐ๋ฐ˜ํ•œ ์ง€์†์ ์ธ ํ…Œ์ŠคํŠธ, ๊ทธ๋ฆฌ๊ณ  ๋กœ๋“œ ์†๋„๋ฅผ ํš๊ธฐ์ ์œผ๋กœ ์ค„์ด๋Š” ๊ธฐ์ˆ ์  ๊ฐœ์„ ์ด ๋ณ‘ํ–‰๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [5-8]. + +## ๐Ÿ“– Core Content + +* **๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ ์„ค๊ณ„(Mobile-First Design)์˜ ํ•ต์‹ฌ ์›์น™** + ๋ชจ๋ฐ”์ผ ์šฐ์„  ์ ‘๊ทผ๋ฒ•์€ ๋‹จ์ˆœํžˆ ํ™”๋ฉด ํฌ๊ธฐ๋ฅผ ๋งž์ถ”๋Š” ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ๋„˜์–ด์„  ๊ฐœ๋…์ž…๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์ž‘์€ ํ™”๋ฉด(์ผ๋ฐ˜์ ์œผ๋กœ 320px ๊ธฐ์ค€)์„ ๋จผ์ € ์„ค๊ณ„ํ•จ์œผ๋กœ์จ ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์ฝ˜ํ…์ธ ์™€ ๊ธฐ๋Šฅ์˜ ์šฐ์„ ์ˆœ์œ„๋ฅผ ๊ฐ•์ œ์ ์œผ๋กœ ์ •ํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค [1, 2]. + * **๊ธฐ์ˆ ์  ๊ตฌํ˜„:** CSS Grid์™€ Flexbox๋ฅผ ํ™œ์šฉํ•ด ๊นจ์ง€์ง€ ์•Š๊ณ  ์œ ์—ฐํ•˜๊ฒŒ ์ ์‘ํ•˜๋Š” ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์ถ•ํ•˜๋ฉฐ, `<picture>` ์š”์†Œ์™€ `srcset` ์†์„ฑ์„ ์‚ฌ์šฉํ•ด ์‚ฌ์šฉ์ž์˜ ๊ธฐ๊ธฐ ํ•ด์ƒ๋„์— ๋งž๋Š” ์ตœ์ ํ™”๋œ ์ด๋ฏธ์ง€๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [2]. ์‹ค์ œ ์•„์ดํฐ, ์•ˆ๋“œ๋กœ์ด๋“œ ๊ธฐ๊ธฐ์—์„œ์˜ ํ…Œ์ŠคํŠธ๊ฐ€ ๊ฐ•๋ ฅํžˆ ๊ถŒ์žฅ๋ฉ๋‹ˆ๋‹ค [2]. + * **UX ์„ค๊ณ„ ํŒ:** ๋ชจ๋ฐ”์ผ ์‚ฌ์šฉ์ž๋Š” ์ฃผ์˜๋ ฅ์ด ์งง๊ธฐ ๋•Œ๋ฌธ์— ๋‹จ์ผ ์—ด(Single-column) ๋ ˆ์ด์•„์›ƒ์„ ์ ์šฉํ•˜๊ณ , ์Šคํฌ๋กค ์—†์ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ์˜์—ญ(Above-the-fold)์— ๊ฐ•๋ ฅํ•œ CTA(Call-to-Action)๋ฅผ ๋ฐฐ์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [8]. ์Šคํฌ๋กค์„ ๋”ฐ๋ผ๋‹ค๋‹ˆ๋Š” ์Šคํ‹ฐํ‚ค ๋ฐ”(Sticky bars)์™€ ํด๋ฆญ ํˆฌ ์ฝœ(Click-to-call) ๋ฒ„ํŠผ์„ ํ™œ์šฉํ•˜๋ฉด ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์˜ ๋งˆ์ฐฐ์„ ์ค„์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค [8]. + +* **์›น์‚ฌ์ดํŠธ ๋ฆฌ๋””์ž์ธ ๋ฐ UX ์ตœ์ ํ™” ๋‹จ๊ณ„** + ํ˜„๋Œ€์ ์ธ ๋ฆฌ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋Š” ์‹œ๊ฐ์ ์ธ ์น˜์žฅ์— ๊ทธ์น˜์ง€ ์•Š๊ณ  ๋ฐ์ดํ„ฐ์™€ ์‚ฌ์šฉ์ž ์ค‘์‹ฌ์˜ ์—ฐ๊ตฌ์— ๊ธฐ๋ฐ˜ํ•ฉ๋‹ˆ๋‹ค [9]. + 1. **๊ฐ์‚ฌ ๋ฐ ๋กœ๋“œ๋งต ์ˆ˜๋ฆฝ:** ํ˜„์žฌ ์›น์‚ฌ์ดํŠธ์˜ ๋””์ง€ํ„ธ ์ƒํƒœ๋ฅผ ํ‰๊ฐ€ํ•˜๊ณ , ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฏธ์น˜๋Š” ์˜ํ–ฅ์„ ๊ธฐ์ค€์œผ๋กœ ์ทจ์•ฝ์ ์„ ์‹๋ณ„ํ•˜์—ฌ ๊ฐœ์„  ๋กœ๋“œ๋งต์„ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค [10, 11]. + 2. **์ฝ˜ํ…์ธ  ์šฐ์„  ์„ค๊ณ„(Content-First Strategy):** ๋กœ๋ ˜ ์ž…์ˆจ(Lorem Ipsum)๊ณผ ๊ฐ™์€ ๋”๋ฏธ ํ…์ŠคํŠธ๋ฅผ ๋ฐฐ์ œํ•˜๊ณ  ์‹ค์ œ ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€, ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋””์ž์ธ์„ ์‹œ์ž‘ํ•˜์—ฌ ๋ ˆ์ด์•„์›ƒ์ด ๋ฉ”์‹œ์ง€๋ฅผ ์ œ์•ฝํ•˜์ง€ ์•Š๋„๋ก ํ•ฉ๋‹ˆ๋‹ค [12, 13]. + 3. **์‚ฌ์šฉ์ž ํ–‰๋™ ๋ถ„์„ ๋ฐ ํ…Œ์ŠคํŠธ:** ํŽ˜๋ฅด์†Œ๋‚˜๋ฅผ ๊ตฌ์ถ•ํ•œ ํ›„, ํžˆํŠธ๋งต, ์„ธ์…˜ ๋…นํ™” ๊ธฐ๋Šฅ ๋“ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์‹ค์ œ ์ƒํ˜ธ์ž‘์šฉ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•ฉ๋‹ˆ๋‹ค [6]. ์ดํ›„ A/B ํ…Œ์ŠคํŠธ ๋ฐ ๋‹ค๋ณ€๋Ÿ‰ ํ…Œ์ŠคํŠธ(Multivariate testing)๋ฅผ ์ ์ง„์ ์œผ๋กœ ๋„์ž…ํ•ด ๋””์ž์ธ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์˜ ํšจ๊ณผ๋ฅผ ๋ฐ์ดํ„ฐ๋กœ ๊ฒ€์ฆํ•ฉ๋‹ˆ๋‹ค [7, 14]. + +* **์‹ค์ œ ๋น„์ฆˆ๋‹ˆ์Šค ์„ฑ๊ณผ๋ฅผ ์ฐฝ์ถœํ•œ ๋ฆฌ๋””์ž์ธ ์‚ฌ๋ก€(Case Studies)** + ์ž˜ ์„ค๊ณ„๋œ ๋ฆฌ๋””์ž์ธ์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•˜๋Š” ๊ฒƒ์€ ๋ฌผ๋ก  ์‹ค์งˆ์ ์ธ ๋น„์ฆˆ๋‹ˆ์Šค ์ง€ํ‘œ(์ˆ˜์ต, ์ดํƒˆ๋ฅ  ๋“ฑ)๋ฅผ ํฌ๊ฒŒ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค [15]. + * **Allbirds (์ด์ปค๋จธ์Šค):** ๋ธŒ๋žœ๋“œ์˜ ํ™˜๊ฒฝ ๋ณดํ˜ธ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณ„๋„ ํŽ˜์ด์ง€์— ์ˆจ๊ธฐ๋Š” ๋Œ€์‹  ์ œํ’ˆ ํŽ˜์ด์ง€ ์—ฌ์ •์— ํ†ตํ•ฉํ–ˆ์Šต๋‹ˆ๋‹ค. PWA(Progressive Web App) ๊ธฐ์ˆ ์„ ํ†ตํ•ด ํŽ˜์ด์ง€ ๋กœ๋“œ ์†๋„๋ฅผ 89% ๋‹จ์ถ•์‹œ์ผฐ๊ณ , ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํฌ๊ธฐ์œจ์„ 43% ๋‚ฎ์ถ”์—ˆ์œผ๋ฉฐ, ๋ชจ๋ฐ”์ผ ์ „ํ™˜์œจ์„ 156% ์ฆ๊ฐ€์‹œ์ผฐ์Šต๋‹ˆ๋‹ค [16-18]. + * **๊ตฌ๋… ๋ฐ•์Šค ์„œ๋น„์Šค:** ๋ณต์žกํ•œ ๊ตฌ๋… ์ทจ์†Œ ๊ณผ์ •์œผ๋กœ ์ธํ•ด ์ดํƒˆ๋ฅ ์ด ๋†’์•˜๋˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด, ์‚ฌ์šฉ์ž๊ฐ€ ๊ณ„์ •์„ ์™„์ „ํžˆ ํ•ด์ง€ํ•˜๋Š” ๋Œ€์‹  '์ผ์‹œ ์ •์ง€(Pause)' ๋ฐ '๊ฑด๋„ˆ๋›ฐ๊ธฐ(Skip)'๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ตฌ๋… ๊ด€๋ฆฌ ํ๋ฆ„์„ ๋ฆฌ๋””์ž์ธํ•˜์—ฌ ์ดํƒˆ๋ฅ ์„ 52% ์ค„์˜€์Šต๋‹ˆ๋‹ค [19-21]. + * **๋‹ค์ค‘ ๋ธŒ๋žœ๋“œ ๋งˆ์ผ“ํ”Œ๋ผ์ด์Šค:** ๋ฒค๋”(ํŒ๋งค์ž)๋ฅผ ์œ„ํ•œ ๋“ฑ๋ก ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ธฐ์กด 12๋‹จ๊ณ„์—์„œ 4๋‹จ๊ณ„๋กœ ๋‹จ์ˆœํ™”ํ•˜๋Š” ๋งž์ถคํ˜• ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ๊ตฌ์ถ•ํ•ด ๋ฒค๋” ๊ฐ€์ž…๋ฅ ์„ 234% ์ƒ์Šน์‹œํ‚ค๊ณ  ์ง€์› ํ‹ฐ์ผ“ ๋ฐœ์ƒ์„ 45% ๊ฐ์†Œ์‹œ์ผฐ์Šต๋‹ˆ๋‹ค [19, 22, 23]. + +## ๐Ÿ”— Knowledge Connections +- **Related Topics:** [[Core Web Vitals ์ตœ์ ํ™”]], [[์ฝ˜ํ…์ธ  ์šฐ์„  ์„ค๊ณ„(Content-First Design)]], [[SEO์™€ ๋ชจ๋ฐ”์ผ ์šฐ์„  ์ƒ‰์ธ(Mobile-First Indexing)]] +- **Projects/Contexts:** [[A/B ํ…Œ์ŠคํŠธ ๋ฐ ๋ฐ์ดํ„ฐ ๊ธฐ๋ฐ˜ UX ๊ฒ€์ฆ ํ™˜๊ฒฝ]], [[์ด์ปค๋จธ์Šค ๋ฐ SaaS ํ”Œ๋žซํผ ๋ฆฌ๋””์ž์ธ ํ”„๋กœ์ ํŠธ]] +- **Contradictions/Notes:** ๋ฐ์Šคํฌํ†ฑ๊ณผ ๋ชจ๋ฐ”์ผ ํ™˜๊ฒฝ์˜ ์ตœ์ ํ™”๊ฐ€ ๋ชจ๋‘ ์š”๊ตฌ๋˜๋‚˜, ๋ชจ๋ฐ”์ผ ์‚ฌ์šฉ์ž๋Š” ๋„คํŠธ์›Œํฌ ๋ณ€๋™์„ฑ์ด ํฌ๊ณ  ํ”„๋กœ์„ธ์„œ ์„ฑ๋Šฅ์ด ์ƒ๋Œ€์ ์œผ๋กœ ๋‚ฎ๊ธฐ ๋•Œ๋ฌธ์— ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์—์„œ์˜ Core Web Vitals(ํŠนํžˆ INP ๋ฐ LCP) ์ ์ˆ˜๋Š” ๋ฐ์Šคํฌํ†ฑ๊ณผ ์ฐจ์ด๋ฅผ ๋ณด์ผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ๋ฐ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ถ•์†Œ ๋“ฑ์˜ ์ถ”๊ฐ€์ ์ธ ์ตœ์ ํ™”๊ฐ€ ํ•„์ˆ˜์ ์ด๋ผ๋Š” ์ ์„ ์œ ์˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [24-26]. + +--- +*Last updated: 2026-04-26* \ No newline at end of file diff --git a/10_Wiki/Topics/AI/Frontend-Architecture.md b/10_Wiki/Topics/AI/Frontend-Architecture.md new file mode 100644 index 00000000..e16dca73 --- /dev/null +++ b/10_Wiki/Topics/AI/Frontend-Architecture.md @@ -0,0 +1,30 @@ +--- +id: FE-ARCH-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [frontend, software-architecture, web-development, react, state-management] +last_reinforced: 2026-04-26 +--- + +# [[Frontend Architecture (ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ณต์žกํ•œ UI ์ƒํƒœ๋ฅผ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ํ๋ฆ„์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ , ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์„ ๊ธฐ์ˆ ์  ๊ตฌ์กฐ๋กœ ๊ตฌํ˜„ํ•˜๋ผ" โ€” ๋‹จ์ˆœํ•œ ํ™”๋ฉด ๊ตฌ์„ฑ์„ ๋„˜์–ด ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„, ์ƒํƒœ ๊ด€๋ฆฌ ์ „๋žต, ๋ Œ๋”๋ง ์„ฑ๋Šฅ ์ตœ์ ํ™”, ๊ทธ๋ฆฌ๊ณ  ์—์ด์ „ํŠธ ์ธํ„ฐ๋ž™์…˜์„ ์•„์šฐ๋ฅด๋Š” ํ˜„๋Œ€ ์›น ๊ธฐ์ˆ ์˜ ์„ค๊ณ„๋„. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** UI๋ฅผ ๋…๋ฆฝ์ ์ธ ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฆฌํ•˜๊ณ , ๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„(Unidirectional Data Flow)์„ ํ†ตํ•ด ์ƒํƒœ ๋ณ€ํ™”์— ๋”ฐ๋ฅธ ๋ถ€์ˆ˜ ํšจ๊ณผ๋ฅผ ์ œ์–ดํ•˜๋Š” ์„ ์–ธ์  UI ์•„ํ‚คํ…์ฒ˜ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ:** + - **Component-Driven Development (CDD):** ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์›์ž์  ๋‹จ์œ„์˜ UI ์„ค๊ณ„. + - **State Management:** ์ „์—ญ ์ƒํƒœ(Redux, Zustand)์™€ ๋กœ์ปฌ ์ƒํƒœ์˜ ๊ท ํ˜•. + - **Rendering Strategies:** CSR, SSR, SSG, ISR ๋“ฑ ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ตฌ์‚ฌํ•ญ์— ๋งž๋Š” ๋ Œ๋”๋ง ๋ฐฉ์‹ ์„ ํƒ. + - **Micro Frontends:** ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋…๋ฆฝ์ ์œผ๋กœ ๋ฐฐํฌ ๊ฐ€๋Šฅํ•œ ์ž‘์€ ๋‹จ์œ„๋กœ ๋ถ„๋ฆฌ. + - **AI-Driven UI:** ์—์ด์ „ํŠธ์˜ ์‘๋‹ต์— ๋”ฐ๋ผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณ€ํ™”ํ•˜๋Š” ๋™์  ์ธํ„ฐํŽ˜์ด์Šค(Generative UI). +- **์˜์˜:** ๋ณต์žกํ•ด์ง€๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ํ™•๋ณดํ•˜๊ณ , ์ดˆ์ €์ง€์—ฐ ์ธํ„ฐ๋ž™์…˜์„ ๋ณด์žฅํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ์ •์  ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋˜ ๋ฐฉ์‹์—์„œ, ์ˆ˜๋งŒ ๊ฐœ์˜ ์ƒํƒœ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋™๊ธฐํ™”ํ•˜๊ณ  ์—์ด์ „ํŠธ์™€ ๋Œ€ํ™”ํ•˜๋Š” '์ง€๋Šฅํ˜• ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”Œ๋žซํผ'์œผ๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ์ง€์‹ ํƒ์ƒ‰ ๊ฒฐ๊ณผ์™€ ์ง€์‹ ์ง€๋„๋ฅผ ์‹œ๊ฐํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์ตœ์‹  Next.js ๊ธฐ๋ฐ˜์˜ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ ์•„ํ‚คํ…์ฒ˜๋ฅผ ํ‘œ์ค€์œผ๋กœ ์ฑ„ํƒํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[System-Design-for-AI-Scale]], [[UX-Design]], [[Context-Aware-Computing]], [[Domain-Driven-Design-DDD]] +- **Raw Source:** [[10_Wiki/Topics/AI/Frontend-Architecture.md]] diff --git a/10_Wiki/Topics/AI/Functional-Programming.md b/10_Wiki/Topics/AI/Functional-Programming.md index 44e921d0..8c4e009d 100644 --- a/10_Wiki/Topics/AI/Functional-Programming.md +++ b/10_Wiki/Topics/AI/Functional-Programming.md @@ -1,27 +1,29 @@ --- -id: P-REINFORCE-AI-FUNCTIONAL +id: FP-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" -confidence_score: 0.98 -tags: [Programming, FunctionalProgramming, Declarative, Immutability] -last_reinforced: 2026-04-20 +confidence_score: 1.0 +tags: [programming, functional-programming, immutability, pure-functions, software-engineering] +last_reinforced: 2026-04-26 --- -# [[Functional-Programming]] (ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ) +# [[Functional Programming (ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "์ƒํƒœ๋ฅผ ๋ฐ”๊พธ์ง€ ๋ง๊ณ , ๋ช…ํ™•ํ•œ ์ˆ˜์‹์„ ์„ ์–ธํ•˜๋ผ." ํ”„๋กœ๊ทธ๋žจ์˜ ์‹คํ–‰๋ณด๋‹ค ๋ฐ์ดํ„ฐ์˜ ๋ณ€ํ™˜(Transformation)์— ์ง‘์ค‘ํ•˜๋ฉฐ, ๋ถ€์ž‘์šฉ(Side Effect)์ด ์—†๋Š” ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋ฅผ ์กฐํ•ฉํ•˜์—ฌ ๋ณต์žก์„ฑ์„ ๊ด€๋ฆฌํ•˜๋Š” ํŒจ๋Ÿฌ๋‹ค์ž„์ด๋‹ค. +> "๋ฐ์ดํ„ฐ์˜ ์ƒํƒœ ๋ณ€ํ™”๋ฅผ ํ”ผํ•˜๊ณ , ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋“ค์˜ ์กฐํ•ฉ์œผ๋กœ ๊ฒฌ๊ณ ํ•œ ๋กœ์ง์„ ์กฐ๋ฆฝํ•˜๋ผ" โ€” ๊ณ„์‚ฐ์„ ์ˆ˜ํ•™์  ํ•จ์ˆ˜์˜ ํ‰๊ฐ€๋กœ ์ทจ๊ธ‰ํ•˜๊ณ  ์ƒํƒœ ๋ณ€๊ฒฝ ๋ฐ ๊ฐ€๋ณ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฉ€๋ฆฌํ•˜์—ฌ, ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ์— ์œ ๋ฆฌํ•˜๊ณ  ๋ฒ„๊ทธ๊ฐ€ ์ ์€ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋งŒ๋“œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -- **Core Concepts**: - - **Pure Functions**: ๋™์ผํ•œ ์ž…๋ ฅ์— ์–ธ์ œ๋‚˜ ๋™์ผํ•œ ์ถœ๋ ฅ. ์™ธ๋ถ€ ์ƒํƒœ๋ฅผ ๊ฑด๋“œ๋ฆฌ์ง€ ์•Š์Œ. - - **Immutability**: ๋ฐ์ดํ„ฐ๋Š” ํ•œ ๋ฒˆ ์ƒ์„ฑ๋˜๋ฉด ๋ณ€ํ•˜์ง€ ์•Š์Œ. ๋ณ€๊ฒฝ์ด ํ•„์š”ํ•˜๋ฉด ๋ณต์‚ฌ๋ณธ ์ƒ์„ฑ. - - **First-class Citizens**: ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ๋‹ด๊ณ , ์ธ์ž๋กœ ์ „๋‹ฌํ•˜๊ณ , ๊ฒฐ๊ณผ๋กœ ๋ฆฌํ„ดํ•  ์ˆ˜ ์žˆ์Œ. - - **Declarative**: '์–ด๋–ป๊ฒŒ(How)'๊ฐ€ ์•„๋‹ˆ๋ผ '๋ฌด์—‡(What)'์„ ํ•˜๋Š”์ง€ ๋ช…์‹œํ•จ. -- **Benefits**: ํ…Œ์ŠคํŠธ์™€ ๋””๋ฒ„๊น…์ด ์••๋„์ ์œผ๋กœ ์‰ฝ๊ณ , ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ์— ๋งค์šฐ ์œ ๋ฆฌํ•˜๋‹ค. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "์–ด๋–ป๊ฒŒ(How)" ์—ฐ์‚ฐํ• ์ง€๋ณด๋‹ค "๋ฌด์—‡(What)"์ธ์ง€ ์ •์˜ํ•˜๊ณ , ์ž…๋ ฅ์„ ๋„ฃ์œผ๋ฉด ํ•ญ์ƒ ๋™์ผํ•œ ์ถœ๋ ฅ์ด ๋‚˜์˜ค๋Š” ๋ถˆ๋ณ€์„ฑ(Immutability)๊ณผ ์ฐธ์กฐ ํˆฌ๋ช…์„ฑ(Referential Transparency)์„ ์œ ์ง€ํ•˜๋Š” ์„ ์–ธ์  ์ฝ”๋”ฉ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ฐœ๋…:** + - **Pure Functions:** ์™ธ๋ถ€ ์ƒํƒœ๋ฅผ ์ฐธ์กฐํ•˜๊ฑฐ๋‚˜ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š๋Š” ํ•จ์ˆ˜. ํ…Œ์ŠคํŠธ์™€ ๋””๋ฒ„๊น…์ด ๋งค์šฐ ์‰ฌ์›€. + - **First-class Citizens:** ํ•จ์ˆ˜๋ฅผ ๋ณ€์ˆ˜์— ๋‹ด๊ณ , ์ธ์ž๋กœ ๋„˜๊ธฐ๊ณ , ๊ฒฐ๊ณผ๋กœ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ์Œ. + - **Higher-order Functions:** ํ•จ์ˆ˜๋ฅผ ํŒŒ๋ผ๋ฏธํ„ฐ๋กœ ๋ฐ›๊ฑฐ๋‚˜ ๊ฒฐ๊ณผ๋กœ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ•จ์ˆ˜ (map, filter, reduce ๋“ฑ). + - **Immutability:** ํ•œ ๋ฒˆ ์ƒ์„ฑ๋œ ๋ฐ์ดํ„ฐ๋Š” ์ˆ˜์ •ํ•˜์ง€ ์•Š๊ณ  ํ•ญ์ƒ ์ƒˆ๋กœ์šด ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์ „๋‹ฌ. +- **์˜์˜:** ๋™์‹œ์„ฑ(Concurrency) ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๋ฉ€ํ‹ฐ์ฝ”์–ด ํ™˜๊ฒฝ๊ณผ ๋Œ€๊ทœ๋ชจ ๋ถ„์‚ฐ ์‹œ์Šคํ…œ์—์„œ ๋ฐ์ดํ„ฐ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ•๋ ฅํ•œ ๋ฌด๊ธฐ. -## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (RL Update) -- ์ˆœ์ˆ˜ ํ•จ์ˆ˜ํ˜•์€ ํ˜„์‹ค ์„ธ๊ณ„์˜ '์ƒํƒœ ๋ณ€ํ™”'๋‚˜ 'I/O'๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ๊ฐ€ ๋งค์šฐ ๊นŒ๋‹ค๋กญ๋‹ค(๋ชจ๋‚˜๋“œ ๋“ฑ์˜ ๋‚œํ•ดํ•œ ๊ฐœ๋… ํ•„์š”). ๋”ฐ๋ผ์„œ ํ˜„๋Œ€์˜ ๊ฐœ๋ฐœ ์ฃผ๋ฅ˜๋Š” ๊ฐ์ฒด ์ง€ํ–ฅ์˜ ๊ตฌ์กฐ์  ์žฅ์ ๊ณผ ํ•จ์ˆ˜ํ˜•์˜ ๋…ผ๋ฆฌ์  ์•ˆ์ •์„ฑ์„ ๊ฒฐํ•ฉํ•œ **'๋ฉ€ํ‹ฐ ํŒจ๋Ÿฌ๋‹ค์ž„(Multi-paradigm)'** ๋ฐฉ์‹์œผ๋กœ ์ •์ฐฉํ•˜๊ณ  ์žˆ๋‹ค. +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ฐ์ฒด์ง€ํ–ฅ(OOP)์ด ์œ ์ผํ•œ ์ •๋‹ต์ด๋˜ ์‹œ๋Œ€๋ฅผ ์ง€๋‚˜, ๋ฐ์ดํ„ฐ ์ŠคํŠธ๋ฆผ ์ฒ˜๋ฆฌ์™€ ๋น„๋™๊ธฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด ์ค‘์š”ํ•ด์ง€๋ฉด์„œ ํ•จ์ˆ˜ํ˜• ํŒจ๋Ÿฌ๋‹ค์ž„์ด ๋ชจ๋“  ์ฃผ๋ฅ˜ ์–ธ์–ด(JS, Java, Python ๋“ฑ)์— ๊นŠ์ˆ™์ด ์นจํˆฌํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ์‚ฌ๊ณ  ํ๋ฆ„(Chain of Thought)์„ ์ฒ˜๋ฆฌํ•˜๋Š” ํŒŒ์ดํ”„๋ผ์ธ ์„ค๊ณ„ ์‹œ, ๊ฐ ๋‹จ๊ณ„๋ฅผ ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋กœ ์ •์˜ํ•˜์—ฌ ์žฌํ˜„ ๊ฐ€๋Šฅ์„ฑ๊ณผ ์•ˆ์ •์„ฑ์„ ํ™•๋ณดํ•จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- Related: [[JavaScript-Modern-Patterns]] , [[Reactive-Programming]] -- Key Concept: [[Referential-Transparency]] +- [[Determinism-in-Computing]], [[Distributed-Computing]], [[Software-Architecture-Patterns]], [[Parallel-Computing]] +- **Raw Source:** [[10_Wiki/Topics/AI/Functional-Programming.md]] diff --git a/10_Wiki/Topics/AI/Fuzzy-Logic.md b/10_Wiki/Topics/AI/Fuzzy-Logic.md new file mode 100644 index 00000000..5f603495 --- /dev/null +++ b/10_Wiki/Topics/AI/Fuzzy-Logic.md @@ -0,0 +1,28 @@ +--- +id: FUZZY-LOGIC-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, fuzzy-logic, logic, control-theory, robotics] +last_reinforced: 2026-04-26 +--- + +# [[Fuzzy Logic (ํผ์ง€ ๋…ผ๋ฆฌ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ฐธ๊ณผ ๊ฑฐ์ง“ ์‚ฌ์ด์˜ ๋ฌด์ˆ˜ํžˆ ๋งŽ์€ ํšŒ์ƒ‰ ์ง€๋Œ€๋ฅผ ์ˆ˜ํ•™์ ์œผ๋กœ ์ˆ˜์šฉํ•˜์—ฌ ์ธ๊ฐ„๋‹ค์šด ํŒ๋‹จ๋ ฅ์„ ๊ตฌํ˜„ํ•˜๋ผ" โ€” 0(๊ฑฐ์ง“)๊ณผ 1(์ฐธ) ์‚ฌ์ด์˜ ์†Œ์ˆ˜์  ๊ฐ’์„ ํ—ˆ์šฉํ•˜๋Š” ์†Œ์† ํ•จ์ˆ˜(Membership Function)๋ฅผ ํ†ตํ•ด, ํ˜„์‹ค ์„ธ๊ณ„์˜ ๋ชจํ˜ธํ•œ ๊ฒฝ๊ณ„์™€ ๋ถˆํ™•์‹ค์„ฑ์„ ๋‹ค๋ฃจ๋Š” ๋…ผ๋ฆฌ ์ฒด๊ณ„. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "์กฐ๊ธˆ", "์ ๋‹นํžˆ", "๋งค์šฐ"์™€ ๊ฐ™์€ ์–ธ์–ด์  ๋ณ€์ˆ˜๋ฅผ ์ˆ˜์น˜ ๋ฒ”์œ„๋กœ ๋ณ€ํ™˜(Fuzzification)ํ•˜๊ณ , ์ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๊ทœ์น™ ๊ธฐ๋ฐ˜ ์ถ”๋ก ์„ ์ˆ˜ํ–‰ํ•œ ๋’ค ๋‹ค์‹œ ๊ตฌ์ฒด์ ์ธ ํ–‰๋™ ๊ฐ’์œผ๋กœ ๋ณ€ํ™˜(Defuzzification)ํ•˜๋Š” ์ œ์–ด ํŒจํ„ด. +- **์ฃผ์š” ํŠน์ง•:** + - **Membership Function:** ์–ด๋–ค ์ง‘๋‹จ์— ์†ํ•˜๋Š” ์ •๋„(Degree)๋ฅผ ์ •์˜ (์˜ˆ: ์˜จ๋„ 25๋„๋Š” '์ ๋‹นํ•จ'์— 0.8, '๋”์›€'์— 0.2 ์†Œ์†). + - **Fuzzy Rules:** "๋งŒ์•ฝ ์˜จ๋„๊ฐ€ '์กฐ๊ธˆ ๋”์šฐ๋ฉด', ๋ƒ‰๊ฐ ํŒฌ์˜ ์†๋„๋ฅผ '์ ๋‹นํžˆ ๋น ๋ฅด๊ฒŒ' ํ•˜๋ผ"์™€ ๊ฐ™์€ ์ง๊ด€์  ๊ทœ์น™ ์ ์šฉ ๊ฐ€๋Šฅ. + - **Robustness:** ์ž…๋ ฅ๊ฐ’์˜ ๋ฏธ์„ธํ•œ ๋ณ€ํ™”์—๋„ ์ถœ๋ ฅ์ด ๊ธ‰๊ฒฉํžˆ ๋ณ€ํ•˜์ง€ ์•Š๊ณ  ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ๋ฐ˜์‘ํ•จ. +- **์˜์˜:** ์ •๊ตํ•œ ์ˆ˜ํ•™์  ๋ชจ๋ธ๋ง์ด ์–ด๋ ค์šด ๋ณต์žกํ•œ ์‹œ์Šคํ…œ(๊ฐ€์ „์ œํ’ˆ ์ œ์–ด, ์ฐจ๋Ÿ‰ ๋ธŒ๋ ˆ์ดํฌ ์‹œ์Šคํ…œ, ๊ฒŒ์ž„ ์บ๋ฆญํ„ฐ์˜ ์„ฑ๊ฒฉ ํ‘œํ˜„ ๋“ฑ)์—์„œ ํšจ์œจ์ ์ธ ํ•ด๋ฒ• ์ œ๊ณต. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์—„๊ฒฉํ•œ ์ˆ˜์‹๋งŒ์ด ์ •๋‹ต์ด๋ผ ๋ฏฟ๋˜ ๊ณ ์ „์  ์ œ์–ด๋ก ์—์„œ ๋ฒ—์–ด๋‚˜, ์ธ๊ฐ„์˜ ๊ฒฝํ—˜์  ์ง€์‹์„ ์‹œ์Šคํ…œ์— ๋…น์—ฌ๋‚ผ ์ˆ˜ ์žˆ๋Š” ์œ ์—ฐํ•œ ๋„๊ตฌ๋กœ ์ž๋ฆฌ๋งค๊น€. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ์  ๊ธฐ์ฒด AI๋Š” ํ”Œ๋ ˆ์ด์–ด์™€์˜ ๊ฑฐ๋ฆฌ์— ๋”ฐ๋ผ '๋„๋ง', '๊ฒฌ์ œ', '๋Œ๊ฒฉ' ์ƒํƒœ๋ฅผ ํผ์ง€ ๋…ผ๋ฆฌ๋กœ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ „ํ™˜ํ•˜์—ฌ, ๋Š๊ธฐ์ง€ ์•Š๋Š” ์ž์—ฐ์Šค๋Ÿฌ์šด ๊ธฐ๋™์„ ๋ณด์—ฌ์คŒ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Control-Theory]], [[Expert-Systems]], [[Artificial-Life]], [[Decision-Making]] +- **Raw Source:** [[10_Wiki/Topics/AI/Fuzzy-Logic.md]] diff --git a/10_Wiki/Topics/AI/G-Stack-Integration-Guide.md b/10_Wiki/Topics/AI/G-Stack-Integration-Guide.md new file mode 100644 index 00000000..4cd38619 --- /dev/null +++ b/10_Wiki/Topics/AI/G-Stack-Integration-Guide.md @@ -0,0 +1,31 @@ +--- +id: GSTACK-GUIDE-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [antigravity, g-stack, integration, architecture, project-standard] +last_reinforced: 2026-04-26 +--- + +# [[G-Stack Integration Guide (G-Stack ํ†ตํ•ฉ ๊ฐ€์ด๋“œ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "ํฌ๊ด„์ ์ธ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘๊ณผ ๊ตฌ์ฒด์ ์ธ ๊ตฌํ˜„(Concreteness)์„ ํ†ตํ•ด ์—์ด์ „ํŠธ์˜ ์ง€๋Šฅ์„ ์‹ค์ œ ๊ฐ€์น˜๋กœ ์น˜ํ™˜ํ•˜๋ผ" โ€” Antigravity ํ”„๋กœ์ ํŠธ์˜ ํ•ต์‹ฌ ์šด์˜ ์ฒด๊ณ„์ธ G-Stack์˜ ์›์น™์„ ๋ชจ๋“  ๋ ˆํฌ์ง€ํ† ๋ฆฌ์™€ ์—์ด์ „ํŠธ ์Šคํ‚ฌ์— ์ด์‹ํ•˜๊ธฐ ์œ„ํ•œ ํ†ตํ•ฉ ๊ธฐ์ˆ  ๊ฐ€์ด๋“œ๋ผ์ธ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "์ถ”์ƒ์  ์ถ”๋ก ๋ณด๋‹ค๋Š” ๊ตฌ์ฒด์  ๋ฐ์ดํ„ฐ์™€ ์ฝ”๋“œ"๋ฅผ ์šฐ์„ ์‹œํ•˜๊ณ , ์‹œ์Šคํ…œ์˜ ๋ชจ๋“  ๋กœ๊ทธ์™€ ์ง€์‹์„ ์ž์‚ฐํ™”ํ•˜์—ฌ ์—์ด์ „ํŠธ์˜ ํ”ผ๋“œ๋ฐฑ ๋ฃจํ”„๋ฅผ ์™„์„ฑํ•˜๋Š” ์ •๋ ฌ(Alignment) ํŒจํ„ด. +- **3๋Œ€ ํ•ต์‹ฌ ํ†ตํ•ฉ ์›์น™:** + - **Boil the Lake (ํฌ๊ด„์  ์ฒ˜๋ฆฌ):** ํŠน์ • ๋ฌธ์ œ ํ•ด๊ฒฐ์„ ์œ„ํ•ด ํŒŒํŽธํ™”๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์•„๋‹Œ, ๊ฐ€์šฉ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ์ง€์‹(Wiki, Raw, Git)์„ ์ธ๋ฑ์‹ฑํ•˜๊ณ  ์—ฐ๊ฒฐํ•จ. + - **Concreteness (๊ตฌ์ฒด์„ฑ):** ๋ชจํ˜ธํ•œ ๋‹ต๋ณ€ ๋Œ€์‹  ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์ฝ”๋“œ, ๊ฒ€์ฆ๋œ ์ˆ˜์น˜, ์ง์ ‘์ ์ธ ํŒŒ์ผ ๋งํฌ๋ฅผ ์ œ๊ณตํ•จ. + - **Product Thinking (์ œํ’ˆ์  ์‚ฌ๊ณ ):** ๊ธฐ์ˆ ์  ๊ตฌํ˜„์ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์–ด๋–ค ๋„๊ตฌ์  ๊ฐ€์น˜๋ฅผ ์ฃผ๋Š”์ง€ ํ•ญ์ƒ ์ž๋ฌธํ•˜๊ณ  UI/UX์— ๋ฐ˜์˜ํ•จ. +- **ํ†ตํ•ฉ ์ฒดํฌ๋ฆฌ์ŠคํŠธ:** + - ๋ชจ๋“  ์—์ด์ „ํŠธ ์ถœ๋ ฅ๋ฌผ์— `Rationale`๊ณผ `Confidence Score`๊ฐ€ ํฌํ•จ๋˜์—ˆ๋Š”๊ฐ€? + - ์ƒˆ๋กœ์šด ์ง€์‹ ์ƒ์„ฑ ์‹œ `10_Wiki`์˜ ์นดํ…Œ๊ณ ๋ฆฌ ๊ตฌ์กฐ๋ฅผ ์ค€์ˆ˜ํ–ˆ๋Š”๊ฐ€? + - `00_Raw` ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ์‹œ `Datacollector`์˜ ํŒŒ์ดํ”„๋ผ์ธ์„ ๊ฑฐ์ณค๋Š”๊ฐ€? + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์ดˆ๊ธฐ Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋‹จ์ˆœํ•œ ์ฑ—๋ด‡์˜ ๋‚˜์—ด์ด์—ˆ์œผ๋‚˜, G-Stack ํ†ตํ•ฉ์„ ํ†ตํ•ด ์ง€์‹ ๊ธฐ๋ฐ˜์˜ ์ž์œจ์  ๋ฌธ์ œ ํ•ด๊ฒฐ ์‹œ์Šคํ…œ์œผ๋กœ ์ง„ํ™”ํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** ๋ชจ๋“  ์—์ด์ „ํŠธ๋Š” ์ž‘์—… ์‹œ์ž‘ ์ „ ๋ณธ ๊ฐ€์ด๋“œ๋ฅผ ์ฐธ์กฐํ•˜์—ฌ ์ž์‹ ์˜ ์ž‘์—… ๋ฒ”์œ„์™€ G-Stack ์›์น™ ์ค€์ˆ˜ ์—ฌ๋ถ€๋ฅผ ์ž๊ฐ€ ์ ๊ฒ€ํ•ด์•ผ ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[GStack-Core-Principles]], [[Antigravity-Project-Overview]], [[Knowledge-Gardening-Protocol]], [[Agent-Interaction-Contracts]] +- **Raw Source:** [[10_Wiki/Topics/AI/G-Stack-Integration-Guide.md]] diff --git a/10_Wiki/Topics/AI/GAN.md b/10_Wiki/Topics/AI/GAN.md index e298b7fc..65286343 100644 --- a/10_Wiki/Topics/AI/GAN.md +++ b/10_Wiki/Topics/AI/GAN.md @@ -1,32 +1,28 @@ --- -id: P-REINFORCE-AUTO-GANN-001 +id: GAN-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" -confidence_score: 0.98 -tags: [auto-reinforced, gan, generative-adversarial-networks, deep-learning, unsupervised-learning, ian-goodfellow] -last_reinforced: 2026-04-20 +confidence_score: 1.0 +tags: [ai, generative-model, gan, neural-networks, image-synthesis] +last_reinforced: 2026-04-26 --- -# [[GAN]] +# [[GAN (Generative Adversarial Networks, ์ƒ์„ฑ์  ์ ๋Œ€ ์‹ ๊ฒฝ๋ง)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "์œ„์กฐ์ง€ํ๋ฒ”๊ณผ ๊ฒฝ์ฐฐ์˜ ์ง€๋…ํ•œ ์ถ”๊ฒฉ์ „: ์†์ด๋ ค๋Š” ์ž(Generator)์™€ ์žก์œผ๋ ค๋Š” ์ž(Discriminator)๋ฅผ ์„œ๋กœ ๊ฒฝ์Ÿ์‹œ์ผœ, ์ธ๊ฐ„์ด ์ง„์งœ์™€ ๊ตฌ๋ณ„ํ•  ์ˆ˜ ์—†์„ ๋งŒํผ ์ •๊ตํ•œ ๊ฐ€์งœ ์ด๋ฏธ์ง€๋ฅผ ์Šค์Šค๋กœ ๋งŒ๋“ค์–ด๋‚ด๊ฒŒ ํ•˜๋Š” ํ˜์‹ ์ ์ธ ์ƒ์„ฑ ๋ชจ๋ธ." +> "์œ„์กฐ์ง€ํ๋ฒ”๊ณผ ๊ฒฝ์ฐฐ์˜ ์น˜์—ดํ•œ ์ˆ ๋ž˜์žก๊ธฐ๋ฅผ ํ†ตํ•ด, ๋ฐ์ดํ„ฐ์˜ ๋ณธ์งˆ์„ ์™„๋ฒฝํ•˜๊ฒŒ ๋ณต์ œํ•˜๋ผ" โ€” ์ƒ์„ฑ์ž(Generator)์™€ ํŒ๋ณ„์ž(Discriminator)๋ผ๋Š” ๋‘ ์‹ ๊ฒฝ๋ง์ด ์„œ๋กœ๋ฅผ ์†์ด๊ณ  ๊ฐ„ํŒŒํ•˜๋ฉฐ ํ•จ๊ป˜ ์„ฑ์žฅํ•˜์—ฌ, ์‹ค์ œ์™€ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์—†๋Š” ๊ฐ€์ƒ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์•„ํ‚คํ…์ฒ˜. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -์ƒ์„ฑ์  ์ ๋Œ€ ์‹ ๊ฒฝ๋ง(GAN, Generative-Adversarial-Networks)์€ ๋‘ ๊ฐœ์˜ ์‹ ๊ฒฝ๋ง์ด ์„œ๋กœ ๋Œ€๊ฒฐํ•˜๋ฉฐ ํ•™์Šตํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. (์ด์•ˆ ๊ตฟํŽ ๋กœ์šฐ ์ œ์•ˆ) - -1. **๋‘ ํ•ต์‹ฌ ๊ตฌ์กฐ**: - * **Generator (์ƒ์„ฑ์ž)**: ๋ฌด์ž‘์œ„ ๋…ธ์ด์ฆˆ๋กœ๋ถ€ํ„ฐ ์ง„์งœ ๊ฐ™์€ ๋ฐ์ดํ„ฐ๋ฅผ ๋งŒ๋“ฆ (์œ„์กฐ์ง€ํ๋ฒ”). - * **Discriminator (ํŒ๋ณ„์ž)**: ์ž…๋ ฅ๋ฐ›์€ ๋ฐ์ดํ„ฐ๊ฐ€ ์ง„์งœ(ํ•™์Šต ๋ฐ์ดํ„ฐ)์ธ์ง€ ๊ฐ€์งœ(์ƒ์„ฑ๋ฌผ)์ธ์ง€ ํŒ๋ณ„ (๊ฒฝ์ฐฐ). -2. **ํ•™์Šต ๊ฒฐ๊ณผ**: - * ํŒ๋ณ„์ž๊ฐ€ ๋” ์ด์ƒ ์ง„์งœ์™€ ๊ฐ€์งœ๋ฅผ ๊ตฌ๋ถ„ํ•˜์ง€ ๋ชปํ•  ๋•Œ(ํ™•๋ฅ  0.5) ์ตœ์ ์˜ ์ƒ์„ฑ ๋Šฅ๋ ฅ์„ ๊ฐ–๊ฒŒ ๋จ. (Unsupervised-Learning์˜ ์ •์ˆ˜) -3. **ํ™œ์šฉ**: - * ๋”ฅํŽ˜์ดํฌ, ๊ณ ํ•ด์ƒ๋„ ์ด๋ฏธ์ง€ ๋ณต์›, ๊ฒŒ์ž„ ๊ทธ๋ž˜ํ”ฝ ํ–ฅ์ƒ, ๋ฐ์ดํ„ฐ ์ฆ๊ฐ•. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "๊ฒฝ์Ÿ์„ ํ†ตํ•œ ์ง„ํ™”"๋ผ๋Š” ๋™์—ญํ•™์  ๊ด€์ ์„ ํ•™์Šต ํ”„๋กœ์„ธ์Šค์— ๋„์ž…ํ•˜์—ฌ, ๋ช…์‹œ์ ์ธ ์†์‹ค ํ•จ์ˆ˜ ์„ค๊ณ„ ์—†์ด๋„ ๋ณต์žกํ•œ ๋ฐ์ดํ„ฐ ๋ถ„ํฌ๋ฅผ ๊ทผ์‚ฌํ•˜๋Š” ์ ๋Œ€์  ํ•™์Šต ํŒจํ„ด. +- **์ž‘๋™ ์›๋ฆฌ:** + - **Generator:** ๋ฌด์ž‘์œ„ ๋…ธ์ด์ฆˆ๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ์‹ค์ œ ๋ฐ์ดํ„ฐ์™€ ์œ ์‚ฌํ•œ ๊ฐ€์งœ ์ƒ˜ํ”Œ ์ƒ์„ฑ. + - **Discriminator:** ์ž…๋ ฅ๋œ ์ƒ˜ํ”Œ์ด ์‹ค์ œ ๋ฐ์ดํ„ฐ์ธ์ง€ ์ƒ์„ฑ์ž๊ฐ€ ๋งŒ๋“  ๊ฐ€์งœ์ธ์ง€ ํŒ๋ณ„. + - **Adversarial Loss:** ์ƒ์„ฑ์ž๋Š” ํŒ๋ณ„์ž๋ฅผ ์†์ด๋ ค ํ•˜๊ณ , ํŒ๋ณ„์ž๋Š” ์†์ง€ ์•Š์œผ๋ ค ํ•˜๋Š” ์ œ๋กœ์„ฌ ๊ฒŒ์ž„ ๊ณผ์ •์„ ํ†ตํ•ด ๋ชจ๋ธ ๊ณ ๋„ํ™”. +- **์˜์˜:** ์ด๋ฏธ์ง€ ์ƒ์„ฑ, ์Šคํƒ€์ผ ๋ณ€ํ™˜, ํ…์ŠคํŠธ-์ด๋ฏธ์ง€ ํ•ฉ์„ฑ ๋“ฑ ์ฐฝ์˜์  AI ์˜์—ญ์„ ๊ฐœ์ฒ™ํ–ˆ์œผ๋ฉฐ, ๋”ฅํŽ˜์ดํฌ ๊ธฐ์ˆ ์˜ ๊ธฐ์ˆ ์  ํ† ๋Œ€๊ฐ€ ๋จ. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ**: ๊ณผ๊ฑฐ์—๋Š” ํ•™์Šต์ด ๊ทน๋„๋กœ ๋ถˆ์•ˆ์ •ํ•˜๊ณ  '๋ชจ๋“œ ๋ถ•๊ดด(Mode Collapse, ๋˜‘๊ฐ™์€ ๊ทธ๋ฆผ๋งŒ ๊ทธ๋ฆฌ๋Š” ํ˜„์ƒ)' ์ •์ฑ…์— ์‹œ๋‹ฌ๋ ธ์œผ๋‚˜, ํ˜„๋Œ€ ์ •์ฑ…์€ WGAN, StyleGAN ๋“ฑ ์†์‹ค ํ•จ์ˆ˜์™€ ์•„ํ‚คํ…์ฒ˜ ๊ฐœ์„  ์ •์ฑ…์„ ํ†ตํ•ด ์ด๋ฅผ ์ •๋ณตํ•จ(RL Update). -- **์ •์ฑ… ๋ณ€ํ™”(RL Update)**: ์ตœ๊ทผ์—๋Š” ํ™•์‚ฐ ๋ชจ๋ธ(Diffusion-Models) ์ •์ฑ…์— ๋ฐ€๋ ค ์ƒ์„ฑ ์ฃผ๋„๊ถŒ ์ •์ฑ…์„ ์žƒ์—ˆ์œผ๋‚˜, ์ƒ์„ฑ ์†๋„๊ฐ€ ์••๋„์ ์œผ๋กœ ๋น ๋ฅด๋‹ค๋Š” ์žฅ์ ์„ ์‚ด๋ ค ์‹ค์‹œ๊ฐ„ ๊ทธ๋ž˜ํ”ฝ ๋ Œ๋”๋ง์ด๋‚˜ ๊ฐ€๋ฒผ์šด ์ƒ์„ฑ ์„œ๋น„์Šค ์ •์ฑ…์—์„œ ์—ฌ์ „ํžˆ ํ•ต์‹ฌ ๊ธฐ์ˆ ๋กœ ์‚ฌ์šฉ๋จ. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ํ•™์Šต์ด ๋งค์šฐ ๋ถˆ์•ˆ์ •ํ•˜๊ณ  ๋ชจ๋“œ ๋ถ•๊ดด(Mode Collapse) ๋ฌธ์ œ๊ฐ€ ๊ณ ์งˆ์ ์ด์—ˆ์œผ๋‚˜, WGAN, StyleGAN ๋“ฑ ํ›„์† ๋ชจ๋ธ์„ ํ†ตํ•ด ์•ˆ์ •์„ฑ๊ณผ ํ’ˆ์งˆ์„ ๋น„์•ฝ์ ์œผ๋กœ ํ–ฅ์ƒ์‹œํ‚ด. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๊ฐ€์ƒ ์ž์‚ฐ(์•„์ด์ฝ˜, ํ…์ŠคํŠธ ๋ฐฐ๊ฒฝ ๋“ฑ)์˜ ์Šคํƒ€์ผ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด GAN ๊ธฐ๋ฐ˜์˜ ์Šคํƒ€์ผ ์ „์ด ๊ธฐ์ˆ ์„ ๋ณด์กฐ์ ์œผ๋กœ ํ™œ์šฉํ•จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[Gen-AI]], [[Diffusion-Models]], [[Game-Theory]], [[CV_Synthesis]], [[Unsupervised-Learning]] -- **Modern Tech/Tools**: StyleGAN3, Pix2Pix, CycleGAN, NVIDIA CANVAS. ---- +- [[Generative-AI-Impact]], [[Deepfake-Technology]], [[Diffusion-Models]], [[Variational-Autoencoders-VAE]] +- **Raw Source:** [[10_Wiki/Topics/AI/GAN.md]] diff --git a/10_Wiki/Topics/AI/GNN.md b/10_Wiki/Topics/AI/GNN.md new file mode 100644 index 00000000..eee6a94f --- /dev/null +++ b/10_Wiki/Topics/AI/GNN.md @@ -0,0 +1,29 @@ +--- +id: GNN-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, deep-learning, gnn, graph-neural-networks, relational-data] +last_reinforced: 2026-04-26 +--- + +# [[GNN (Graph Neural Networks, ๊ทธ๋ž˜ํ”„ ์‹ ๊ฒฝ๋ง)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๊ฐœ๋ณ„ ๋ฐ์ดํ„ฐ๊ฐ€ ์•„๋‹Œ, ๋ฐ์ดํ„ฐ๋“ค ์‚ฌ์ด์˜ ๊ด€๊ณ„(Edge)์™€ ์—ฐ๊ฒฐ๋ง ์†์— ์ˆจ๊ฒจ์ง„ ๋งฅ๋ฝ์„ ํ•™์Šตํ•˜๋ผ" โ€” ๊ทธ๋ž˜ํ”„ ๊ตฌ์กฐ๋ฅผ ์ง์ ‘ ์ž…๋ ฅ์œผ๋กœ ๋ฐ›์•„ ๋…ธ๋“œ ๊ฐ„์˜ ๋ฉ”์‹œ์ง€ ์ „๋‹ฌ(Message Passing)์„ ํ†ตํ•ด ์ •์ ์˜ ํŠน์ง•์„ ์—…๋ฐ์ดํŠธํ•˜๊ณ , ๋ณต์žกํ•œ ๋„คํŠธ์›Œํฌ ํŒจํ„ด์„ ์ถ”๋ก ํ•˜๋Š” ์‹ ๊ฒฝ๋ง ์•„ํ‚คํ…์ฒ˜. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ด์›ƒ ๋…ธ๋“œ๋“ค๋กœ๋ถ€ํ„ฐ ์ •๋ณด๋ฅผ ์ˆ˜์ง‘(Aggregation)ํ•˜๊ณ  ์ž์‹ ์˜ ์ƒํƒœ๋ฅผ ๊ฐฑ์‹ (Update)ํ•˜๋Š” ๊ณผ์ •์„ ๋ฐ˜๋ณตํ•˜์—ฌ, ๊ทธ๋ž˜ํ”„ ์ „์ฒด์˜ ๊ตฌ์กฐ์  ํŠน์ง•์„ ๋กœ์ปฌ ๋…ธ๋“œ์— ์‘์ถ•์‹œํ‚ค๋Š” ๊ด€๊ณ„ ๊ธฐ๋ฐ˜ ํ•™์Šต ํŒจํ„ด. +- **์ฃผ์š” ํƒœ์Šคํฌ:** + - **Node Classification:** ํŠน์ • ๋…ธ๋“œ์˜ ์นดํ…Œ๊ณ ๋ฆฌ๋‚˜ ํŠน์„ฑ ์˜ˆ์ธก. + - **Link Prediction:** ๋‘ ๋…ธ๋“œ ์‚ฌ์ด์— ์ƒˆ๋กœ์šด ๊ด€๊ณ„๊ฐ€ ์ƒ๊ธธ์ง€ ์˜ˆ์ธก (์ถ”์ฒœ ์‹œ์Šคํ…œ์˜ ํ•ต์‹ฌ). + - **Graph Classification:** ๋ถ„์ž ๊ตฌ์กฐ์˜ ๋…์„ฑ ์—ฌ๋ถ€ ๋“ฑ ๊ทธ๋ž˜ํ”„ ์ „์ฒด์˜ ํŠน์„ฑ ํŒ๋ณ„. +- **๋Œ€ํ‘œ์  ๋ชจ๋ธ:** GCN (Graph Convolutional Networks), GraphSAGE, GAT (Graph Attention Networks). +- **์˜์˜:** ํ…์ŠคํŠธ๋‚˜ ์ด๋ฏธ์ง€๋กœ ํ‘œํ˜„ํ•˜๊ธฐ ํž˜๋“  ์ง€์‹ ๊ทธ๋ž˜ํ”„, ์†Œ์…œ ๋„คํŠธ์›Œํฌ, ๋‹จ๋ฐฑ์งˆ ๊ตฌ์กฐ ๋“ฑ ๋ณต์žก๊ณ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ดํ•ดํ•˜๋Š” ์œ ์ผํ•œ ๋”ฅ๋Ÿฌ๋‹ ๋„๊ตฌ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ทธ๋ž˜ํ”„๋ฅผ ์–ต์ง€๋กœ ๋ฒกํ„ฐํ™”(Node2Vec ๋“ฑ)ํ•˜์—ฌ ์ฒ˜๋ฆฌํ•˜๋˜ ๋ฐฉ์‹์—์„œ, ๊ทธ๋ž˜ํ”„ ๊ตฌ์กฐ ์ž์ฒด๋ฅผ ์‹ ๊ฒฝ๋ง ๋‚ด๋ถ€๋กœ ์ˆ˜์šฉํ•˜๋Š” ์—”๋“œ-ํˆฌ-์—”๋“œ ํ•™์Šต ๋ฐฉ์‹์œผ๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” `20_Meta/Graph.json`์— ์ •์˜๋œ ์ง€์‹ ๋…ธ๋“œ๋“ค์˜ ์—ฐ๊ด€์„ฑ์„ ์ •๋ฐ€ํ•˜๊ฒŒ ๋ถ„์„ํ•˜๊ธฐ ์œ„ํ•ด GAT ์•„ํ‚คํ…์ฒ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ, ํŠน์ • ๋ฌธ์„œ๊ฐ€ ๋‹ค๋ฅธ ์ง€์‹ ์˜์—ญ์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ๋ ฅ์„ ์ˆ˜์น˜ํ™”ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Geometric-Deep-Learning]], [[Graph-Theory]], [[Knowledge-Graph-Foundations]], [[Multi-Agent-Systems-MAS]] +- **Raw Source:** [[10_Wiki/Topics/AI/GNN.md]] diff --git a/10_Wiki/Topics/AI/GPT-Architecture-Foundations.md b/10_Wiki/Topics/AI/GPT-Architecture-Foundations.md new file mode 100644 index 00000000..e41ec5f0 --- /dev/null +++ b/10_Wiki/Topics/AI/GPT-Architecture-Foundations.md @@ -0,0 +1,28 @@ +--- +id: GPT-ARCH-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, nlp, gpt, transformer, deep-learning, generative-ai] +last_reinforced: 2026-04-26 +--- + +# [[GPT Architecture Foundations (GPT ์•„ํ‚คํ…์ฒ˜ ๊ธฐ์ดˆ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐฉ๋Œ€ํ•œ ํ…์ŠคํŠธ์˜ ๋ฐ”๋‹ค๋ฅผ ์Šค์Šค๋กœ ํ•™์Šตํ•˜์—ฌ, ๋‹ค์Œ์— ์˜ฌ ๋‹จ์–ด๋ฅผ ์˜ˆ์ธกํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ ์šฐ์ฃผ์  ์ง€๋Šฅ์— ๋„๋‹ฌํ•˜๋ผ" โ€” ํŠธ๋žœ์Šคํฌ๋จธ์˜ ๋””์ฝ”๋” ๋ธ”๋ก์„ ์ธต์ธต์ด ์Œ“์•„ ์˜ฌ๋ ค, ์ด์ „ ๋ฌธ๋งฅ์„ ๋ฐ”ํƒ•์œผ๋กœ ๊ฐ€์žฅ ํ™•๋ฅ  ๋†’์€ ๋‹ค์Œ ํ† ํฐ์„ ์ƒ์„ฑํ•ด ๋‚˜๊ฐ€๋Š” ์ž๊ธฐ ํšŒ๊ท€์ (Autoregressive) ์–ธ์–ด ๋ชจ๋ธ์˜ ํ‘œ์ค€. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Next Token Prediction"์ด๋ผ๋Š” ๋‹จ์ˆœํ•œ ๋ชฉํ‘œ ํ•จ์ˆ˜๋ฅผ ๋Œ€๊ทœ๋ชจ ๋ฐ์ดํ„ฐ์™€ ํŒŒ๋ผ๋ฏธํ„ฐ์— ์ ์šฉํ–ˆ์„ ๋•Œ, ์ถ”๋ก ๊ณผ ์ฐฝ์˜์„ฑ์ด๋ผ๋Š” ์ƒ์œ„ ์ธ์ง€ ๋Šฅ๋ ฅ์ด ์ฐฝ๋ฐœ(Emergence)ํ•˜๋Š” ์Šค์ผ€์ผ๋ง ๋ฒ•์น™ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ตฌ์„ฑ:** + - **Decoder-only Transformer:** ์ธ์ฝ”๋” ์—†์ด ๋งˆ์Šคํ‚น๋œ ์…€ํ”„ ์–ดํ…์…˜(Masked Self-Attention)๋งŒ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฏธ๋ž˜ ์ •๋ณด๋ฅผ ์ฐจ๋‹จํ•˜๊ณ  ๊ณผ๊ฑฐ ๋ฌธ๋งฅ์—๋งŒ ์ง‘์ค‘. + - **Causal Self-Attention:** ํ˜„์žฌ ํ† ํฐ์ด ์ด์ „ ํ† ํฐ๋“ค๊ณผ์˜ ๊ด€๊ณ„๋งŒ์„ ๊ณ„์‚ฐํ•˜๋„๋ก ๊ฐ•์ œ. + - **Pre-training & Fine-tuning:** ๋ฐฉ๋Œ€ํ•œ ๋น„์ง€๋„ ํ•™์Šต์œผ๋กœ ์ง€์‹์„ ์Œ“๊ณ , ํŠน์ • ํƒœ์Šคํฌ๋‚˜ ์ง€์‹œ ์ดํ–‰(Instruction Following)์„ ์œ„ํ•ด ๋ฏธ์„ธ ์กฐ์ •. +- **์˜์˜:** ์‚ฌ๋žŒ์ด ๊ทœ์น™์„ ์ •์˜ํ•˜์ง€ ์•Š์•„๋„ ๋ฐ์ดํ„ฐ ์ž์ฒด์—์„œ ์–ธ์–ด์˜ ๋ฌธ๋ฒ•, ๋…ผ๋ฆฌ, ์‹ฌ์ง€์–ด ์ฝ”๋”ฉ ๋Šฅ๋ ฅ๊นŒ์ง€ ์Šค์Šค๋กœ ์Šต๋“ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** RNN/LSTM์˜ ์ˆœ์ฐจ์  ์ฒ˜๋ฆฌ ํ•œ๊ณ„๋ฅผ ๊นจ๊ณ , ๋ณ‘๋ ฌ ์—ฐ์‚ฐ์ด ๊ฐ€๋Šฅํ•œ ์–ดํ…์…˜ ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ํ†ตํ•ด ๋ชจ๋ธ ๊ทœ๋ชจ์˜ ๋Œ€ํ˜•ํ™”๋ฅผ ์‹คํ˜„ํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ํ•ต์‹ฌ ์—”์ง„(Local/Cloud Brain)์€ GPT ์•„ํ‚คํ…์ฒ˜ ๊ธฐ๋ฐ˜์˜ ๋ชจ๋ธ๋“ค์„ ์‚ฌ์šฉํ•˜๋ฉฐ, ํ”„๋กœ์ ํŠธ ํŠนํ™” ์ง€์‹(Wiki)์„ RAG๋‚˜ Fine-tuning์„ ํ†ตํ•ด ํ†ตํ•ฉํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Transformer-Architecture-Foundations]], [[LLM]], [[Generative-AI-Impact]], [[Attention-Mechanism]] +- **Raw Source:** [[10_Wiki/Topics/AI/GPT-Architecture-Foundations.md]] diff --git a/10_Wiki/Topics/AI/GPU-Architecture.md b/10_Wiki/Topics/AI/GPU-Architecture.md new file mode 100644 index 00000000..9db9750c --- /dev/null +++ b/10_Wiki/Topics/AI/GPU-Architecture.md @@ -0,0 +1,29 @@ +--- +id: HW-GPU-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [hardware, gpu, cuda, parallel-computing, ai-infrastructure] +last_reinforced: 2026-04-26 +--- + +# [[GPU Architecture for AI (AI๋ฅผ ์œ„ํ•œ GPU ์•„ํ‚คํ…์ฒ˜)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ณต์žกํ•œ ์†Œ์ˆ˜์˜ ์—ฐ์‚ฐ ๋Œ€์‹ , ์ˆ˜๋งŒ ๊ฐœ์˜ ๋‹จ์ˆœํ•œ ํ–‰๋ ฌ ๊ณฑ์…ˆ์„ ๋™์‹œ์— ๋ชฐ์•„์น˜๋“ฏ ์ฒ˜๋ฆฌํ•˜๋ผ" โ€” ๋Œ€๊ทœ๋ชจ ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ์— ์ตœ์ ํ™”๋œ ํ•˜๋“œ์›จ์–ด ๊ตฌ์กฐ๋กœ, ํŠนํžˆ ๋”ฅ๋Ÿฌ๋‹์˜ ํ•ต์‹ฌ์ธ ํ–‰๋ ฌ ์—ฐ์‚ฐ์„ ๊ฐ€์†ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์ง„ํ™”ํ•œ ํ˜„๋Œ€ AI์˜ ์‹ฌ์žฅ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์†Œ์ˆ˜์˜ ๊ฐ•๋ ฅํ•œ ์ฝ”์–ด๋ฅผ ๊ฐ€์ง„ CPU์™€ ๋‹ฌ๋ฆฌ, ์ˆ˜์ฒœ ๊ฐœ์˜ ์‚ฐ์ˆ  ๋…ผ๋ฆฌ ์—ฐ์‚ฐ ์žฅ์น˜(ALU)๋ฅผ ๋ฐฐ์น˜ํ•˜์—ฌ ๋ฐ์ดํ„ฐ ๋ณ‘๋ ฌ์„ฑ(Data Parallelism)์„ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ํ•˜๋“œ์›จ์–ด ์ง‘์•ฝ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ตฌ์„ฑ ์š”์†Œ:** + - **CUDA Cores:** ๋ฒ”์šฉ์ ์ธ ๋ถ€๋™ ์†Œ์ˆ˜์  ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์ตœ์†Œ ๋‹จ์œ„. + - **Tensor Cores:** AI ํ•™์Šต ๋ฐ ์ถ”๋ก ์— ํŠนํ™”๋œ ๊ณ ์† ํ–‰๋ ฌ ์—ฐ์‚ฐ ๊ฐ€์†๊ธฐ. FP16/BF16 ๋“ฑ ํ˜ผํ•ฉ ์ •๋ฐ€๋„ ์—ฐ์‚ฐ ์ง€์›. + - **VRAM (High Bandwidth Memory):** ๊ฑฐ๋Œ€ ๋ชจ๋ธ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ์ดˆ๊ณ ์†์œผ๋กœ ์ „์†กํ•˜๋Š” ์ „์šฉ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„. + - **Memory Bandwidth:** ์—ฐ์‚ฐ ์†๋„๋งŒํผ์ด๋‚˜ ์ค‘์š”ํ•œ ๋ฐ์ดํ„ฐ ์ „์†ก ํ†ต๋กœ์˜ ๋„ˆ๋น„. +- **์˜์˜:** ๋ฌด์–ด์˜ ๋ฒ•์น™์„ ๋„˜์–ด AI ์—ฐ์‚ฐ ์„ฑ๋Šฅ์„ ๊ธฐํ•˜๊ธ‰์ˆ˜์ ์œผ๋กœ ๋Œ์–ด์˜ฌ๋ ค ์ดˆ๊ฑฐ๋Œ€ ์–ธ์–ด ๋ชจ๋ธ(LLM) ์‹œ๋Œ€๋ฅผ ์‹คํ˜„ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ทธ๋ž˜ํ”ฝ ๋ Œ๋”๋ง ๋„๊ตฌ์—์„œ ๋ฒ”์šฉ ์—ฐ์‚ฐ ๋„๊ตฌ(GPGPU)๋กœ, ์ด์ œ๋Š” AI ์ „์šฉ ๊ฐ€์† ์‹œ์Šคํ…œ์œผ๋กœ ์ •์ฒด์„ฑ ์ง„ํ™”. NVIDIA์˜ H100 ๋“ฑ ์ตœ์‹  ์•„ํ‚คํ…์ฒ˜๋Š” ํŠธ๋žœ์Šคํฌ๋จธ ์—ฐ์‚ฐ ๊ฐ€์†์„ ์œ„ํ•œ ์ „์šฉ ์—”์ง„์„ ํฌํ•จํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋กœ์ปฌ ๋ธŒ๋ ˆ์ธ ๊ตฌ๋™ ์‹œ ๊ฐ€์šฉ ๊ฐ€๋Šฅํ•œ GPU ์ž์›์„ ์šฐ์„ ์ ์œผ๋กœ ๊ฐ์ง€ํ•˜๋ฉฐ, VRAM ์šฉ๋Ÿ‰์— ๋งž์ถฐ ๋ชจ๋ธ์˜ ์–‘์žํ™”(Quantization) ์ˆ˜์ค€์„ ๋™์ ์œผ๋กœ ๊ฒฐ์ •ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Parallel-Computing]], [[Distributed-Computing]], [[Deep-Learning-Foundations]], [[LLM]] +- **Raw Source:** [[10_Wiki/Topics/AI/GPU-Architecture.md]] diff --git a/10_Wiki/Topics/AI/GPU-Programming-with-CUDA.md b/10_Wiki/Topics/AI/GPU-Programming-with-CUDA.md new file mode 100644 index 00000000..62935d9b --- /dev/null +++ b/10_Wiki/Topics/AI/GPU-Programming-with-CUDA.md @@ -0,0 +1,29 @@ +--- +id: HW-CUDA-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [hardware, gpu, cuda, parallel-computing, c-cpp, ai-acceleration] +last_reinforced: 2026-04-26 +--- + +# [[GPU Programming with CUDA (CUDA๋ฅผ ์ด์šฉํ•œ GPU ํ”„๋กœ๊ทธ๋ž˜๋ฐ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "ํ•˜๋“œ์›จ์–ด์˜ ์ˆ˜์ฒœ ๊ฐœ ์ฝ”์–ด๋ฅผ ์ง€ํœ˜ํ•˜๋Š” ์ง€ํœ˜์ž๊ฐ€ ๋˜์–ด, ๋ฐ์ดํ„ฐ์˜ ํŒŒ๋„๋ฅผ ๋ณ‘๋ ฌ ์—ฐ์‚ฐ์˜ ํญํ’์œผ๋กœ ๋ฐ”๊ฟ”๋ผ" โ€” NVIDIA์˜ ํ•˜๋“œ์›จ์–ด๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ผ๋ฐ˜์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด(C/C++)๋กœ ๊ณ ๋„์˜ ๋ณ‘๋ ฌ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๊ฒŒ ํ•˜๋Š” ์ปดํ“จํŒ… ํ”Œ๋žซํผ์ด์ž ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ชจ๋ธ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Single Instruction, Multiple Threads (SIMT)" โ€” ํ•˜๋‚˜์˜ ๋ช…๋ น์„ ์ˆ˜๋งŽ์€ ๋ฐ์ดํ„ฐ์— ๋™์‹œ์— ์ ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์ž‘์—…์„ ๊ทธ๋ฆฌ๋“œ(Grid), ๋ธ”๋ก(Block), ์Šค๋ ˆ๋“œ(Thread) ๋‹จ์œ„๋กœ ์ชผ๊ฐœ์–ด GPU ํ•˜๋“œ์›จ์–ด์— ๋งคํ•‘ํ•˜๋Š” ๋ณ‘๋ ฌ ์ฝ”๋”ฉ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ฐœ๋…:** + - **Kernel:** GPU์—์„œ ๋ณ‘๋ ฌ๋กœ ์‹คํ–‰๋˜๋Š” ํ•จ์ˆ˜ ๋‹จ์œ„. + - **Memory Hierarchy:** Host(CPU)์™€ Device(GPU) ๊ฐ„์˜ ๋ฉ”๋ชจ๋ฆฌ ๋ณต์‚ฌ, ๊ทธ๋ฆฌ๊ณ  Global, Shared, Local ๋ฉ”๋ชจ๋ฆฌ์˜ ์ „๋žต์  ํ™œ์šฉ. + - **Parallelism Optimization:** ์Šค๋ ˆ๋“œ ๊ฐ„์˜ ๋ฐ์ดํ„ฐ ๋™๊ธฐํ™”์™€ ๋ฉ”๋ชจ๋ฆฌ ์ ‘๊ทผ ํŒจํ„ด(Coalescing) ์ตœ์ ํ™”. + - **Libraries:** cuBLAS, cuDNN ๋“ฑ ๋”ฅ๋Ÿฌ๋‹ ์—ฐ์‚ฐ์— ์ตœ์ ํ™”๋œ ์ €์ˆ˜์ค€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ™œ์šฉ. +- **์˜์˜:** ๋”ฅ๋Ÿฌ๋‹ ํ”„๋ ˆ์ž„์›Œํฌ(PyTorch, TensorFlow)์˜ ๋ฐ‘๋ฐ”๋‹ฅ์„ ์ง€ํƒฑํ•˜๋ฉฐ, AI ์—ฐ๊ตฌ์ž๊ฐ€ ํ•˜๋“œ์›จ์–ด์˜ ์„ฑ๋Šฅ์„ 100% ์ด๋Œ์–ด๋‚ผ ์ˆ˜ ์žˆ๊ฒŒ ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ทธ๋ž˜ํ”ฝ ์—ฐ์‚ฐ ์–ธ์–ด(Shader)๋ฅผ ๋นŒ๋ ค ์“ฐ๋˜ ๋ถˆํŽธํ•จ์—์„œ ๋ฒ—์–ด๋‚˜, ํ‘œ์ค€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ์œ ์‚ฌํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ๋ฒ”์šฉ GPU ์—ฐ์‚ฐ(GPGPU)์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์‹œ๋Œ€๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋Œ€๊ทœ๋ชจ ๋ฒกํ„ฐ ์—ฐ์‚ฐ์ด๋‚˜ ์ปค์Šคํ…€ ์‹ ๊ฒฝ๋ง ๋ ˆ์ด์–ด ์ตœ์ ํ™”๊ฐ€ ํ•„์š”ํ•  ๋•Œ, CUDA ์ปค๋„์„ ์ง์ ‘ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ ์ตœ์ ํ™”๋œ ํ•˜๋“œ์›จ์–ด ๊ฐ€์† ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ˜ธ์ถœํ•˜์—ฌ ์„ฑ๋Šฅ ๋ณ‘๋ชฉ์„ ํ•ด๊ฒฐํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[GPU-Architecture-for-AI]], [[Parallel-Computing]], [[Distributed-Computing]], [[Deep-Learning-Foundations]] +- **Raw Source:** [[10_Wiki/Topics/AI/GPU-Programming-with-CUDA.md]] diff --git a/10_Wiki/Topics/AI/GRU.md b/10_Wiki/Topics/AI/GRU.md new file mode 100644 index 00000000..b61cf35c --- /dev/null +++ b/10_Wiki/Topics/AI/GRU.md @@ -0,0 +1,28 @@ +--- +id: RNN-GRU-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, deep-learning, rnn, gru, lstm, sequence-modeling] +last_reinforced: 2026-04-26 +--- + +# [[GRU (Gated Recurrent Units, ๊ฒŒ์ดํŠธ ์ˆœํ™˜ ์œ ๋‹›)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ณต์žกํ•œ ๊ธฐ์–ต ์žฅ์น˜๋ฅผ ๋œ์–ด๋‚ด๊ณ , ํ•ต์‹ฌ์ ์ธ ์ •๋ณด์˜ ์—…๋ฐ์ดํŠธ์™€ ๋ง๊ฐ์—๋งŒ ์ง‘์ค‘ํ•˜์—ฌ ํ•™์Šต์˜ ํšจ์œจ์„ ๊ทน๋Œ€ํ™”ํ•˜๋ผ" โ€” LSTM์˜ ์žฅ์ ์€ ๊ณ„์Šนํ•˜๋ฉด์„œ๋„ ๊ตฌ์กฐ๋ฅผ ๋‹จ์ˆœํ™”ํ•˜์—ฌ ์—ฐ์‚ฐ๋Ÿ‰์„ ์ค„์ด๊ณ  ๊ธฐ์šธ๊ธฐ ์†Œ์‹ค ๋ฌธ์ œ๋ฅผ ๊ทน๋ณตํ•œ ํ˜„๋Œ€์ ์ธ ์ˆœํ™˜ ์‹ ๊ฒฝ๋ง(RNN) ๋ณ€ํ˜• ๋ชจ๋ธ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Reset Gate"์™€ "Update Gate"๋ผ๋Š” ๋‘ ๊ฐ€์ง€ ํ†ต์ œ ์žฅ์น˜๋ฅผ ํ†ตํ•ด ๊ณผ๊ฑฐ์˜ ์ •๋ณด๋ฅผ ์–ผ๋งˆ๋‚˜ ์œ ์ง€ํ•˜๊ณ  ์ƒˆ๋กœ์šด ์ •๋ณด๋ฅผ ์–ผ๋งˆ๋‚˜ ๋ฐ›์•„๋“ค์ผ์ง€ ๊ฒฐ์ •ํ•˜๋Š” ํšจ์œจ์ ์ธ ์‹œํ€€์Šค ์ฒ˜๋ฆฌ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ตฌ์กฐ:** + - **Reset Gate:** ๊ณผ๊ฑฐ์˜ ์ƒํƒœ๋ฅผ ์–ผ๋งˆ๋‚˜ ๋ฌด์‹œํ• ์ง€ ๊ฒฐ์ • (๊ณผ๊ฑฐ ์ •๋ณด์˜ ์„ ํƒ์  ๋ง๊ฐ). + - **Update Gate:** ๊ณผ๊ฑฐ์˜ ์ •๋ณด์™€ ํ˜„์žฌ์˜ ์ •๋ณด๋ฅผ ์–ด๋–ค ๋น„์œจ๋กœ ์„ž์–ด ์ƒˆ๋กœ์šด ์ƒํƒœ๋ฅผ ๋งŒ๋“ค์ง€ ๊ฒฐ์ • (LSTM์˜ Forget/Input ๊ฒŒ์ดํŠธ ํ†ตํ•ฉ). + - **No Cell State:** LSTM๊ณผ ๋‹ฌ๋ฆฌ ๋ณ„๋„์˜ ์…€ ์ƒํƒœ ์—†์ด ์€๋‹‰ ์ƒํƒœ(Hidden State)๋งŒ์œผ๋กœ ์ •๋ณด ์ „๋‹ฌ. +- **์˜์˜:** ๋ฐ์ดํ„ฐ์…‹์ด ์ƒ๋Œ€์ ์œผ๋กœ ์ž‘๊ฑฐ๋‚˜ ์—ฐ์‚ฐ ์ž์›์ด ์ œํ•œ์ ์ธ ํ™˜๊ฒฝ์—์„œ LSTM์˜ ํ›Œ๋ฅญํ•œ ๋Œ€์•ˆ์ด ๋˜๋ฉฐ, ์–ธ์–ด ๋ชจ๋ธ๋ง ๋ฐ ์‹œ๊ณ„์—ด ์˜ˆ์ธก์—์„œ ๋„๋ฆฌ ํ™œ์šฉ๋จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋ณต์žกํ• ์ˆ˜๋ก ์„ฑ๋Šฅ์ด ์ข‹์„ ๊ฒƒ์ด๋ผ๋Š” ํŽธ๊ฒฌ์„ ๊นจ๊ณ , ๊ตฌ์กฐ๋ฅผ ๋‹จ์ˆœํ™”(Less parameters)ํ•จ์œผ๋กœ์จ ์˜คํžˆ๋ ค ํ•™์Šต ์†๋„์™€ ์ผ๋ฐ˜ํ™” ์„ฑ๋Šฅ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Œ์„ ์ฆ๋ช…. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ๋‹จ๊ธฐ ๋Œ€ํ™” ์ด๋ ฅ์„ ์š”์•ฝํ•˜๊ฑฐ๋‚˜ ์‹œํ€€์Šค ๊ธฐ๋ฐ˜์˜ ์ด์ƒ ์ง•ํ›„๋ฅผ ๊ฐ์ง€ํ•  ๋•Œ, ์—ฐ์‚ฐ ํšจ์œจ์„ฑ์ด ๋†’์€ GRU ์•„ํ‚คํ…์ฒ˜๋ฅผ ์šฐ์„ ์ ์œผ๋กœ ๊ณ ๋ คํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[LSTM-Long-Short-Term-Memory]], [[RNN-Foundations]], [[Sequence-to-Sequence-Models]], [[Deep-Learning-Foundations]] +- **Raw Source:** [[10_Wiki/Topics/AI/GRU.md]] diff --git a/10_Wiki/Topics/AI/Game-Balance-Modeling.md b/10_Wiki/Topics/AI/Game-Balance-Modeling.md new file mode 100644 index 00000000..e360bf4d --- /dev/null +++ b/10_Wiki/Topics/AI/Game-Balance-Modeling.md @@ -0,0 +1,29 @@ +--- +id: GAME-BAL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [game-dev, game-design, balancing, simulation, skybound] +last_reinforced: 2026-04-26 +--- + +# [[Game Balance Modeling (๊ฒŒ์ž„ ๋ฐธ๋Ÿฐ์Šค ๋ชจ๋ธ๋ง)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ˆ˜์น˜๋ผ๋Š” ์ฐจ๊ฐ€์šด ๋ผˆ๋Œ€์— ์žฌ๋ฏธ๋ผ๋Š” ๋”ฐ๋œปํ•œ ์‚ด์„ ๋ถ™์—ฌ, ์ •๊ตํ•œ ๊ธด์žฅ๊ฐ์˜ ํ‰ํ˜• ์ƒํƒœ๋ฅผ ์„ค๊ณ„ํ•˜๋ผ" โ€” ๊ฒŒ์ž„ ๋‚ด ๋ชจ๋“  ์ˆ˜์น˜์  ์š”์†Œ(๊ณต๊ฒฉ๋ ฅ, ์ฒด๋ ฅ, ์ž์› ํš๋“๋Ÿ‰ ๋“ฑ)์˜ ์ƒ๊ด€๊ด€๊ณ„๋ฅผ ์ˆ˜ํ•™์ ์œผ๋กœ ์ •๋ฆฝํ•˜์—ฌ, ํŠน์ • ์ „๋žต์˜ ๊ณ ์ฐฉํ™”๋ฅผ ๋ฐฉ์ง€ํ•˜๊ณ  ํ”Œ๋ ˆ์ด์–ด์—๊ฒŒ ์ง€์†์ ์ธ ๋„์ „์„ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์ˆ . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "์‹œ๊ฐ„ ๋Œ€๋น„ ๋ณด์ƒ"๊ณผ "๋‚œ์ด๋„ ๋Œ€๋น„ ์„ฑ์ทจ๊ฐ"์˜ ํ•จ์ˆ˜ ๊ด€๊ณ„๋ฅผ ์ •์˜ํ•˜๊ณ , ์‹œ๋ฎฌ๋ ˆ์ด์…˜์„ ํ†ตํ•ด ์ด์ƒ์ ์ธ ์„ฑ์žฅ ๊ณก์„ (Growth Curve)์„ ๋„์ถœํ•˜๋Š” ์‹œ์Šคํ…œ ์„ค๊ณ„ ํŒจํ„ด. +- **์ฃผ์š” ๋ชจ๋ธ๋ง ๊ธฐ๋ฒ•:** + - **Mathematical Balancing:** ์—‘์…€์ด๋‚˜ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ ˆ๋ฒจ๋ณ„ ๊ธฐ๋Œ€ ๋Šฅ๋ ฅ์น˜๋ฅผ ๊ณ„์‚ฐ. + - **Simulation-based Balancing:** AI ์—์ด์ „ํŠธ(Auto-player) ์ˆ˜๋งŒ ํšŒ์˜ ๋Œ€์ „ ์‹œ๋ฎฌ๋ ˆ์ด์…˜์„ ๋Œ๋ ค ์Šน๋ฅ  ๋ฐ ๋ฐธ๋Ÿฐ์Šค ๋ถ•๊ดด ์ง€์  ํฌ์ฐฉ. + - **Lanchester's Laws:** ์ „ํˆฌ ์ƒํ™ฉ์—์„œ ์ˆ˜์  ์šฐ์œ„์™€ ํ™”๋ ฅ์˜ ๊ด€๊ณ„๋ฅผ ๋ชจ๋ธ๋งํ•˜์—ฌ ์œ ๋‹› ๋Šฅ๋ ฅ์น˜ ์‚ฐ์ •. + - **Flow Theory Application:** ํ”Œ๋ ˆ์ด์–ด์˜ ์ˆ™๋ จ๋„ ํ–ฅ์ƒ์— ๋งž์ถฐ ๋‚œ์ด๋„๋ฅผ ๋น„๋ก€์ ์œผ๋กœ ์ƒ์Šน์‹œ์ผœ ๋ชฐ์ž… ์ƒํƒœ(Flow) ์œ ์ง€. +- **์˜์˜:** ์šด์ด๋‚˜ ์ง๊ด€์ด ์•„๋‹Œ, ๋ฐ์ดํ„ฐ ๊ธฐ๋ฐ˜์˜ ์˜์‚ฌ๊ฒฐ์ •์„ ํ†ตํ•ด ๊ฒŒ์ž„์˜ ์ˆ˜๋ช…์„ ์—ฐ์žฅํ•˜๊ณ  ๊ณต์ •ํ•œ ๊ฒฝ์Ÿ ํ™˜๊ฒฝ์„ ์กฐ์„ฑํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ฐœ๋ฐœ์ž์˜ ๊ฐ๊ฐ์— ์˜์กดํ•˜๋˜ ๋ฐธ๋Ÿฐ์‹ฑ์—์„œ, ์ด์ œ๋Š” AI ์‹œ๋ฎฌ๋ ˆ์ด์…˜๊ณผ ๋น…๋ฐ์ดํ„ฐ ๋ถ„์„์„ ํ†ตํ•ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋‚œ์ด๋„๋ฅผ ์กฐ์ •ํ•˜๋Š” ๋™์  ๋ฐธ๋Ÿฐ์‹ฑ(DDA) ์‹œ๋Œ€๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ๋Š” ๊ฐ ์Šคํ…Œ์ด์ง€์˜ ํด๋ฆฌ์–ด ํƒ€์ž„๊ณผ ํ”Œ๋ ˆ์ด์–ด์˜ ์‚ฌ๋ง ์œ„์น˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•˜์—ฌ, ์‹ค์‹œ๊ฐ„์œผ๋กœ Swarm์˜ ์ƒ์„ฑ ์†๋„์™€ ์  ๊ธฐ์ฒด์˜ ๋ช…์ค‘๋ฅ ์„ ๋ฏธ์„ธ ์กฐ์ •ํ•˜๋Š” ๋ฐธ๋Ÿฐ์Šค ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Simulation-Principles]], [[Game-Theory-in-AI]], [[Reinforcement-Learning]], [[Probability-Theory]] +- **Raw Source:** [[10_Wiki/Topics/AI/Game-Balance-Modeling.md]] diff --git a/10_Wiki/Topics/AI/Game-Theory-in-AI.md b/10_Wiki/Topics/AI/Game-Theory-in-AI.md new file mode 100644 index 00000000..60abdbb0 --- /dev/null +++ b/10_Wiki/Topics/AI/Game-Theory-in-AI.md @@ -0,0 +1,29 @@ +--- +id: GAME-THEORY-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, game-theory, multi-agent-systems, nash-equilibrium, decision-making] +last_reinforced: 2026-04-26 +--- + +# [[Game Theory in AI (AI์—์„œ์˜ ๊ฒŒ์ž„ ์ด๋ก )]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ง€๋Šฅ์ ์ธ ํ–‰์œ„์ž๋“ค์ด ์„œ๋กœ์˜ ์„ ํƒ์„ ์˜ˆ์ธกํ•˜๋ฉฐ ์ตœ์„ ์˜ ์ด์ต์„ ์ฐพ์•„๊ฐ€๋Š” ์ „๋žต์  ์ƒํ˜ธ์ž‘์šฉ์˜ ์ˆ˜ํ•™์  ๋ชจ๋ธ" โ€” ์—ฌ๋Ÿฌ ์—์ด์ „ํŠธ๊ฐ€ ๊ณต์กดํ•˜๋Š” ํ™˜๊ฒฝ์—์„œ ์ž์‹ ์˜ ์ด๋“๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํƒ€์ธ์˜ ๋ฐ˜์‘๊นŒ์ง€ ๊ณ ๋ คํ•˜์—ฌ ์ตœ์ ์˜ ์˜์‚ฌ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๋Š” ์›๋ฆฌ๋ฅผ ๋‹ค๋ฃจ๋Š” ์ด๋ก . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ƒ๋Œ€๋ฐฉ์˜ ์ „๋žต์ด ์ฃผ์–ด์กŒ์„ ๋•Œ ๋ˆ„๊ตฌ๋„ ์ž์‹ ์˜ ์ „๋žต์„ ๋ฐ”๊ฟ€ ์œ ์ธ์ด ์—†๋Š” ์ƒํƒœ(Nash Equilibrium)๋ฅผ ์ง€ํ–ฅํ•˜๊ฑฐ๋‚˜, ํ˜‘๋ ฅ๊ณผ ๋ฐฐ์‹  ์‚ฌ์ด์˜ ๊ท ํ˜•์ ์„ ์ฐพ๋Š” ์ „๋žต์  ์ตœ์ ํ™” ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ฐœ๋…:** + - **Nash Equilibrium (๋‚˜์‹œ ๊ท ํ˜•):** ๋ชจ๋“  ํ”Œ๋ ˆ์ด์–ด๊ฐ€ ์ƒ๋Œ€๋ฐฉ์˜ ์ตœ์„ ์— ๋Œ€์‘ํ•˜์—ฌ ์ตœ์„ ์˜ ์„ ํƒ์„ ํ•˜๊ณ  ์žˆ๋Š” ์ •์  ์ƒํƒœ. + - **Zero-sum vs Non-zero-sum:** ํ•œ์ชฝ์˜ ์ด๋“์ด ๋‹ค๋ฅธ ์ชฝ์˜ ์†์‹ค์ธ ์ƒํ™ฉ๊ณผ ์ƒ์ƒ์ด ๊ฐ€๋Šฅํ•œ ์ƒํ™ฉ์˜ ๊ตฌ๋ถ„. + - **Minimax Algorithm:** ์ตœ์•…์˜ ๊ฒฝ์šฐ์— ๋ฐœ์ƒํ•  ์†์‹ค์„ ์ตœ์†Œํ™”ํ•˜๋Š” ์ „ํ†ต์ ์ธ ๊ฒŒ์ž„ ํŠธ๋ฆฌ ํƒ์ƒ‰ ๊ธฐ๋ฒ•. + - **Multi-Agent Systems (MAS):** ์—ฌ๋Ÿฌ AI ์—์ด์ „ํŠธ๊ฐ€ ํ˜‘๋ ฅํ•˜๊ฑฐ๋‚˜ ๊ฒฝ์Ÿํ•˜๋ฉฐ ๋ณต์žกํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ตฌ์กฐ. +- **์˜์˜:** ๊ฐ•ํ™”ํ•™์Šต(ํŠนํžˆ Multi-agent RL)๊ณผ ๊ฒฝ์ œ ์‹œ์Šคํ…œ ๋ชจ๋ธ๋ง, ์ž์œจ์ฃผํ–‰์ฐจ ๊ฐ„์˜ ํ†ตํ–‰ ํ˜‘์ƒ ๋“ฑ ํ˜„๋Œ€ AI์˜ ์‚ฌํšŒ์  ์ƒํ˜ธ์ž‘์šฉ ์„ค๊ณ„์˜ ๊ทผ๊ฐ„. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ณ ์ •๋œ ๊ทœ์น™์˜ ๊ฒŒ์ž„ ๋ถ„์„์—์„œ ๋ฒ—์–ด๋‚˜, ์—์ด์ „ํŠธ๊ฐ€ ์ƒํ˜ธ์ž‘์šฉ์„ ํ†ตํ•ด ์Šค์Šค๋กœ ์ „๋žต์„ ์ง„ํ™”์‹œํ‚ค๋Š” ๋™์  ์‹œ์Šคํ…œ ๋ถ„์„์œผ๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ๋‹ค์ค‘ ์—์ด์ „ํŠธ ํ˜‘์—… ํ”„๋กœํ† ์ฝœ์€ ๊ฒŒ์ž„ ์ด๋ก ์  ๊ด€์ ์—์„œ ๊ฐ ์—์ด์ „ํŠธ์˜ ์ž‘์—… ํ• ๋‹น๊ณผ ์ž์› ๋ถ„๋ฐฐ๋ฅผ ์ตœ์ ํ™”ํ•˜์—ฌ ์ „์ฒด ์‹œ์Šคํ…œ์˜ ํšจ์œจ์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Multi-Agent-Systems-MAS]], [[Reinforcement-Learning]], [[Decision-Making]], [[Mechanism-Design]] +- **Raw Source:** [[10_Wiki/Topics/AI/Game-Theory-in-AI.md]] diff --git a/10_Wiki/Topics/AI/Gaussian-Processes.md b/10_Wiki/Topics/AI/Gaussian-Processes.md index fd708c21..f728bc3a 100644 --- a/10_Wiki/Topics/AI/Gaussian-Processes.md +++ b/10_Wiki/Topics/AI/Gaussian-Processes.md @@ -1,28 +1,28 @@ --- -id: GAUSS-001 +id: MATH-GP-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" confidence_score: 1.0 -tags: [machine-learning, statistics, bayesian, regression] +tags: [statistics, machine-learning, gaussian-processes, bayesian-inference, uncertainty] last_reinforced: 2026-04-26 --- -# [[Gaussian Processes (๊ฐ€์šฐ์Šค ๊ณผ์ •)]] +# [[Gaussian Processes (๊ฐ€์šฐ์‹œ์•ˆ ํ”„๋กœ์„ธ์Šค)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "ํ•จ์ˆ˜๋“ค์˜ ํ™•๋ฅ  ๋ถ„ํฌ๋ฅผ ์ •์˜ํ•˜๋ผ" โ€” ์œ ํ•œํ•œ ์ƒ˜ํ”Œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ฏธ์ง€์˜ ํ•จ์ˆ˜ ๊ฐ’๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ทธ ๊ฐ’์˜ ๋ถˆํ™•์‹ค์„ฑ(Confidence)๊นŒ์ง€ ๋™์‹œ์— ์˜ˆ์ธกํ•˜๋Š” ๋น„๋ชจ์ˆ˜์  ๋ฒ ์ด์ง€์•ˆ ํšŒ๋กœ ๋ชจ๋ธ. +> "๋ฐ์ดํ„ฐ๋ฅผ ์ง€๋‚˜๋Š” ๋ฌดํ•œํžˆ ๋งŽ์€ ํ•จ์ˆ˜๋“ค์˜ ๋ถ„ํฌ๋ฅผ ์ •์˜ํ•˜๊ณ , ๊ฐ€์žฅ ๊ฐ€๋Šฅ์„ฑ ๋†’์€ ๊ธธ๊ณผ ๊ทธ ํ™•์‹ ๋„๋ฅผ ๊ณ„์‚ฐํ•˜๋ผ" โ€” ํ•จ์ˆ˜ ์ž์ฒด๋ฅผ ๋ฌดํ•œ ์ฐจ์›์˜ ๊ฐ€์šฐ์‹œ์•ˆ ๋ถ„ํฌ๋กœ ์ทจ๊ธ‰ํ•˜์—ฌ, ์–ด๋–ค ์ž…๋ ฅ์— ๋Œ€ํ•œ ์ถœ๋ ฅ๊ฐ’์„ ํ‰๊ท ๊ณผ ํ‘œ์ค€ํŽธ์ฐจ๋ฅผ ๊ฐ€์ง„ ํ™•๋ฅ  ๋ถ„ํฌ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ํšŒ๊ท€ ๋ฐ ๋ถ„๋ฅ˜ ๋„๊ตฌ. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ž…๋ ฅ ๊ณต๊ฐ„์˜ ์–ด๋–ค ์ ๋“ค์˜ ์ง‘ํ•ฉ์— ๋Œ€ํ•ด์„œ๋„ ๊ฐ€์šฐ์Šค ๋ถ„ํฌ(์ •๊ทœ ๋ถ„ํฌ)๋ฅผ ๋”ฐ๋ฅธ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜๊ณ , ๋ฐ์ดํ„ฐ ๊ฐ„์˜ ์œ ์‚ฌ๋„(Kernel)๋ฅผ ์ •์˜ํ•˜์—ฌ ํ•จ์ˆ˜์˜ ํ๋ฆ„์„ ์ถ”๋ก ํ•˜๋Š” ํŒจํ„ด. -- **์„ธ๋ถ€ ๋‚ด์šฉ:** - - **Kernel Function (Covariance):** ๋‘ ์ง€์ ์ด ์–ผ๋งˆ๋‚˜ ์œ ์‚ฌํ•œ ํ–‰๋™์„ ๋ณด์ผ์ง€ ์ •์˜ (์˜ˆ: RBF ์ปค๋„). ๋ชจ๋ธ์˜ ์œ ์—ฐ์„ฑ์„ ๊ฒฐ์ •. - - **Mean & Variance:** ์˜ˆ์ธก๊ฐ’๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ทธ ์ง€์ ์—์„œ์˜ ์˜ค์ฐจ ๋ฒ”์œ„(๋ถˆํ™•์‹ค์„ฑ)๋ฅผ ํ•จ๊ป˜ ์ถœ๋ ฅํ•จ. - - **Bayesian Inference:** ์ƒˆ๋กœ์šด ๋ฐ์ดํ„ฐ๊ฐ€ ๋“ค์–ด์˜ฌ ๋•Œ๋งˆ๋‹ค ์‚ฌํ›„ ๋ถ„ํฌ(Posterior)๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ๋ชจ๋ธ์„ ์ •๊ตํ™”. - - **Non-parametric:** ๋ฐ์ดํ„ฐ๊ฐ€ ๋Š˜์–ด๋‚ ์ˆ˜๋ก ๋ชจ๋ธ์˜ ๋ณต์žก๋„๊ฐ€ ์ž๋™์œผ๋กœ ์ ์‘ํ•˜๋ฉฐ, ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐœ์ˆ˜๊ฐ€ ๊ณ ์ •๋˜์–ด ์žˆ์ง€ ์•Š์Œ. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ž…๋ ฅ ๋ฐ์ดํ„ฐ ๊ฐ„์˜ ์œ ์‚ฌ์„ฑ์„ ์ปค๋„ ํ•จ์ˆ˜(Kernel Function)๋กœ ์ •์˜ํ•˜๊ณ , ๊ฐ€๊นŒ์šด ์ง€์ ์€ ๋น„์Šทํ•œ ๊ฐ’์„ ๊ฐ€์งˆ ๊ฒƒ์ด๋ผ๋Š” ๋ฏฟ์Œ์„ ๋ฐ”ํƒ•์œผ๋กœ ๋ฏธ์ง€์˜ ์˜์—ญ์„ ์ถ”๋ก ํ•˜๋Š” ๋ฒ ์ด์ง€์•ˆ ๋น„๋ชจ์ˆ˜ ํŒจํ„ด. +- **ํ•ต์‹ฌ ์š”์†Œ:** + - **Mean Function:** ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์„ ๋•Œ์˜ ๊ธฐ๋ณธ ์˜ˆ์ธก๊ฐ’ (๋ณดํ†ต 0). + - **Kernel (Covariance) Function:** ๋‘ ์ž…๋ ฅ ์‚ฌ์ด์˜ ๊ด€๊ณ„(๋ถ€๋“œ๋Ÿฌ์›€, ์ฃผ๊ธฐ์„ฑ ๋“ฑ)๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ํ•ต์‹ฌ ํŒŒ๋ผ๋ฏธํ„ฐ. + - **Bayesian Inference:** ์ƒˆ๋กœ์šด ๊ด€์ธก ๋ฐ์ดํ„ฐ๊ฐ€ ์œ ์ž…๋  ๋•Œ๋งˆ๋‹ค ์‚ฌํ›„ ๋ถ„ํฌ(Posterior)๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ๋ถˆํ™•์‹ค์„ฑ ์ •์ œ. +- **์˜์˜:** ๋”ฅ๋Ÿฌ๋‹๊ณผ ๋‹ฌ๋ฆฌ ๋ชจ๋ธ์˜ '๋ชจ๋ฆ„(Uncertainty)'์„ ์ •๋Ÿ‰ํ™”ํ•  ์ˆ˜ ์žˆ์–ด, ์ตœ์ ํ™”(Bayesian Optimization)๋‚˜ ์†Œ๋Ÿ‰ ๋ฐ์ดํ„ฐ ํ•™์Šต์—์„œ ํ•„์ˆ˜์ ์œผ๋กœ ์‚ฌ์šฉ๋จ. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋ฐ์ดํ„ฐ๊ฐ€ ๋งŽ์•„์งˆ์ˆ˜๋ก ์—ฐ์‚ฐ ๋น„์šฉ($O(N^3)$)์ด ๊ธ‰์ฆํ•˜๋Š” ํ•œ๊ณ„๊ฐ€ ์žˆ์—ˆ์œผ๋‚˜, ์ตœ๊ทผ์—๋Š” ํฌ์†Œ ๊ฐ€์šฐ์Šค ๊ณผ์ •(Sparse GP) ๋“ฑ์˜ ๊ธฐ๋ฒ•์œผ๋กœ ๋Œ€๊ทœ๋ชจ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๊ฐ€๋Šฅํ•ด์ง. -- **์ •์ฑ… ๋ณ€ํ™”:** AI ์—์ด์ „ํŠธ์˜ ํ•˜์ดํผํŒŒ๋ผ๋ฏธํ„ฐ ์ตœ์ ํ™”(Bayesian Optimization) ๊ณผ์ •์—์„œ ํƒ์ƒ‰๊ณผ ํ™œ์šฉ์˜ ๊ท ํ˜•์„ ๋งž์ถ”๊ธฐ ์œ„ํ•œ ํ•ต์‹ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜์œผ๋กœ ์‚ฌ์šฉ๋จ. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์—ฐ์‚ฐ ๋ณต์žก๋„๊ฐ€ ๋ฐ์ดํ„ฐ ์ˆ˜์˜ ์„ธ์ œ๊ณฑ($O(n^3)$)์— ๋น„๋ก€ํ•˜์—ฌ ๋Œ€๊ทœ๋ชจ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ๊ฐ€ ๋ถˆ๊ฐ€๋Šฅํ–ˆ์œผ๋‚˜, ์ตœ๊ทผ์—๋Š” ํฌ์†Œ ๊ทผ์‚ฌ(Sparse approximation) ๊ธฐ๋ฒ•์„ ํ†ตํ•ด ์ˆ˜๋ฐฑ๋งŒ ๊ฐœ์˜ ๋ฐ์ดํ„ฐ๋„ ์ฒ˜๋ฆฌ ๊ฐ€๋Šฅํ•˜๋„๋ก ์ง„ํ™”. +- [[Epistemic-Uncertainty]]๋ฅผ ์ •๋ฐ€ํ•˜๊ฒŒ ์ธก์ •ํ•˜๋Š” ๋ฐ ๊ฐ€์žฅ ์ ํ•ฉํ•œ ๋„๊ตฌ๋กœ ์žฌํ‰๊ฐ€๋จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[Bayesian-Inference]], [[Regression-Analysis]], [[Kernel-Methods]], [[Optimization]] +- [[Epistemic-Uncertainty]], [[Bayesian-Inference]], [[Black-Box-Optimization]], [[Regression-Foundations]] - **Raw Source:** [[10_Wiki/Topics/AI/Gaussian-Processes.md]] diff --git a/10_Wiki/Topics/AI/Generalization-in-AI.md b/10_Wiki/Topics/AI/Generalization-in-AI.md new file mode 100644 index 00000000..750de5a4 --- /dev/null +++ b/10_Wiki/Topics/AI/Generalization-in-AI.md @@ -0,0 +1,31 @@ +--- +id: GEN-AI-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, machine-learning, generalization, overfitting, regularization] +last_reinforced: 2026-04-26 +--- + +# [[Generalization in AI (AI์˜ ์ผ๋ฐ˜ํ™” ๋Šฅ๋ ฅ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "ํ•™์Šต ๋ฐ์ดํ„ฐ๋ฅผ ์™ธ์šฐ์ง€ ๋ง๊ณ , ๋ฐ์ดํ„ฐ ์†์— ์ˆจ๊ฒจ์ง„ ๋ณดํŽธ์ ์ธ ๋ฒ•์น™์„ ํ†ต์ฐฐํ•˜๋ผ" โ€” ๋ชจ๋ธ์ด ํ•™์Šต ๋ฐ์ดํ„ฐ์…‹์—๋งŒ ํŠนํ™”๋˜์ง€ ์•Š๊ณ , ์‹ค์ œ ์šด์˜ ํ™˜๊ฒฝ์—์„œ ๋งˆ์ฃผํ•˜๋Š” ๋‚ฏ์„  ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•ด์„œ๋„ ๋†’์€ ์„ฑ๋Šฅ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ํ›ˆ๋ จ ์˜ค์ฐจ(Training Error)์™€ ๊ฒ€์ฆ ์˜ค์ฐจ(Validation Error) ์‚ฌ์ด์˜ ๊ฐ„๊ทน์„ ์ตœ์†Œํ™”ํ•˜๊ณ , ๋‹จ์ˆœํ•œ ๋ชจ๋ธ ๊ตฌ์กฐ์™€ ํ’๋ถ€ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ์˜ '๋…ธ์ด์ฆˆ'๊ฐ€ ์•„๋‹Œ '์‹ ํ˜ธ'๋ฅผ ํ•™์Šตํ•˜๋Š” ํŒจํ„ด. +- **์ฃผ์š” ์ €ํ•ด ์š”์ธ:** + - **Overfitting (๊ณผ์ ํ•ฉ):** ๋ชจ๋ธ์ด ๋„ˆ๋ฌด ๋ณต์žกํ•˜์—ฌ ํ•™์Šต ๋ฐ์ดํ„ฐ์˜ ๋ฌด์ž‘์œ„ ๋…ธ์ด์ฆˆ๊นŒ์ง€ ํ•™์Šตํ•ด๋ฒ„๋ฆฐ ์ƒํƒœ. + - **Data Bias:** ํ•™์Šต ๋ฐ์ดํ„ฐ๊ฐ€ ํ˜„์‹ค์˜ ๋‹ค์–‘์„ฑ์„ ์ถฉ๋ถ„ํžˆ ๋ฐ˜์˜ํ•˜์ง€ ๋ชปํ•œ ๊ฒฝ์šฐ. +- **์ผ๋ฐ˜ํ™” ํ–ฅ์ƒ ์ „๋žต:** + - **Regularization (L1, L2):** ๋ชจ๋ธ์˜ ๊ฐ€์ค‘์น˜๊ฐ€ ๋„ˆ๋ฌด ์ปค์ง€์ง€ ์•Š๋„๋ก ์ œ์•ฝ. + - **Data Augmentation:** ๋ฐ์ดํ„ฐ์˜ ์–‘๊ณผ ๋‹ค์–‘์„ฑ์„ ์ธ์œ„์ ์œผ๋กœ ๋Š˜๋ฆผ. + - **Early Stopping:** ๊ฒ€์ฆ ์˜ค์ฐจ๊ฐ€ ์˜ค๋ฅด๊ธฐ ์‹œ์ž‘ํ•˜๋Š” ์‹œ์ ์— ํ•™์Šต ์ค‘๋‹จ. + - **Cross-Validation:** ๋ฐ์ดํ„ฐ๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๊ต์ฐจํ•˜์—ฌ ๊ฒ€์ฆํ•จ์œผ๋กœ์จ ํ‰๊ฐ€์˜ ์‹ ๋ขฐ๋„ ํ™•๋ณด. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** "๋ชจ๋ธ์ด ๋ณต์žกํ• ์ˆ˜๋ก ๋‚˜์˜๋‹ค(Occam's Razor)"๋Š” ๊ณ ์ „์  ๋ฏฟ์Œ์ด, ๊ฑฐ๋Œ€ ๋ชจ๋ธ์—์„œ๋Š” ์˜คํžˆ๋ ค ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ๋งŽ์„์ˆ˜๋ก ์ผ๋ฐ˜ํ™” ์„ฑ๋Šฅ์ด ์ข‹์•„์ง€๋Š” 'Double Descent' ํ˜„์ƒ์ด ๋ฐœ๊ฒฌ๋˜๋ฉฐ ํŒจ๋Ÿฌ๋‹ค์ž„ ๋ณ€ํ™” ๋ฐœ์ƒ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ์ผ๋ฐ˜ํ™” ๋Šฅ๋ ฅ์„ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•ด, ํ•™์Šต์— ์‚ฌ์šฉ๋˜์ง€ ์•Š์€ ์™ธ๋ถ€ ์ง€์‹ ์†Œ์Šค(Uber, Europeana ๋“ฑ)๋ฅผ ํ™œ์šฉํ•œ 'Out-of-distribution' ๋ฒค์น˜๋งˆํฌ๋ฅผ ์ •๊ธฐ์ ์œผ๋กœ ์ˆ˜ํ–‰ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Overfitting-and-Underfitting]], [[Regularization-Techniques]], [[Cross-Validation]], [[Few-Shot-Learning]] +- **Raw Source:** [[10_Wiki/Topics/AI/Generalization-in-AI.md]] diff --git a/10_Wiki/Topics/AI/Generative-AI-Impact.md b/10_Wiki/Topics/AI/Generative-AI-Impact.md new file mode 100644 index 00000000..9b7e8510 --- /dev/null +++ b/10_Wiki/Topics/AI/Generative-AI-Impact.md @@ -0,0 +1,29 @@ +--- +id: GEN-IMPACT-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, generative-ai, future-of-work, ai-ethics, societal-impact] +last_reinforced: 2026-04-26 +--- + +# [[Generative AI Impact (์ƒ์„ฑํ˜• AI์˜ ์˜ํ–ฅ๋ ฅ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "ํ•œ๊ณ„ ๋น„์šฉ ์ œ๋กœ์˜ ์ง€์‹ ์ฐฝ์ถœ ์‹œ๋Œ€, ์ธ๊ฐ„์€ '๋ฌด์—‡์„ ํ•  ๊ฒƒ์ธ๊ฐ€'์—์„œ '๋ฌด์—‡์„ ์งˆ๋ฌธํ•  ๊ฒƒ์ธ๊ฐ€'๋กœ ์ด๋™ํ•œ๋‹ค" โ€” ํ…์ŠคํŠธ, ์ด๋ฏธ์ง€, ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋Š” AI๊ฐ€ ์ƒ์‚ฐ์„ฑ์„ ํญ๋ฐœ์ ์œผ๋กœ ์ฆ๊ฐ€์‹œํ‚ค๊ณ , ์ฐฝ์˜์„ฑ์˜ ๋ฌธํ„ฑ์„ ๋‚ฎ์ถ”๋ฉฐ ์‚ฐ์—… ๊ตฌ์กฐ๋ฅผ ์žฌํŽธํ•˜๋Š” ๊ฑฐ๋Œ€ํ•œ ์ „ํ™˜๊ธฐ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ธ๊ฐ„์˜ ์ง€์ /์˜ˆ์ˆ ์  ๋…ธ๋™ ์ค‘ ๋ฐ˜๋ณต์ ์ด๊ณ  ์ •ํ˜•ํ™”๋œ ๋ถ€๋ถ„์„ AI๊ฐ€ ๋Œ€์ฒดํ•˜๊ณ , ์ธ๊ฐ„์€ ์ƒ์œ„ ์ˆ˜์ค€์˜ ๊ธฐํš, ๊ฒ€์ฆ, ๊ทธ๋ฆฌ๊ณ  ํ”„๋กฌํ”„ํŠธ ์„ค๊ณ„์— ์ง‘์ค‘ํ•˜๋Š” 'AI-Human Copilot' ํ˜‘์—… ํŒจํ„ด. +- **์ฃผ์š” ์˜ํ–ฅ ๋ถ„์•ผ:** + - **Economic Efficiency:** ์ฝ˜ํ…์ธ  ์ œ์ž‘, ๊ณ ๊ฐ ๋Œ€์‘, ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ๋น„์šฉ์˜ ํš๊ธฐ์  ์ ˆ๊ฐ. + - **Creative Democratization:** ๊ณ ๋„์˜ ์ „๋ฌธ ์ง€์‹ ์—†์ด๋„ ๊ณ ํ’ˆ์งˆ์˜ ์˜ˆ์ˆ /๋””์ž์ธ ๊ฒฐ๊ณผ๋ฌผ ์ƒ์„ฑ ๊ฐ€๋Šฅ. + - **Educational Revolution:** ๊ฐœ์ธ๋ณ„ ๋งž์ถคํ˜• ํŠœํ„ฐ๋ง๊ณผ ์ง€์‹ ์š”์•ฝ์˜ ๋ณดํŽธํ™”. + - **Legal & Ethical Risks:** ์ €์ž‘๊ถŒ ๋ถ„์Ÿ, ๋”ฅํŽ˜์ดํฌ๋ฅผ ํ†ตํ•œ ๊ฐ€์งœ ๋‰ด์Šค, ๋ฐ์ดํ„ฐ ํŽธํ–ฅ์„ฑ ์‹ฌํ™”. +- **์˜์˜:** AI๊ฐ€ ๋‹จ์ˆœํžˆ ๋ช…๋ น์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ธฐ๊ณ„๊ฐ€ ์•„๋‹ˆ๋ผ, ์ธ๊ฐ„์˜ ์‚ฌ๊ณ ๋ฅผ ํ™•์žฅํ•˜๊ณ  ์ƒˆ๋กœ์šด ๊ฐ€๋Šฅ์„ฑ์„ ์ œ์•ˆํ•˜๋Š” ๋Šฅ๋™์  ํŒŒํŠธ๋„ˆ๋กœ ์ง„ํ™”ํ–ˆ์Œ์„ ์˜๋ฏธ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** AI๊ฐ€ ์œก์ฒด ๋…ธ๋™๋งŒ์„ ๋Œ€์ฒดํ•  ๊ฒƒ์ด๋ผ๋Š” ์˜ˆ์ธก์„ ๋’ค์—Ž๊ณ , ๊ณ ๋„์˜ ์ฐฝ์˜์„ฑ๊ณผ ์ธ์ง€ ๋Šฅ๋ ฅ์ด ํ•„์š”ํ•œ 'ํ™”์ดํŠธ์นผ๋ผ' ์˜์—ญ๋ถ€ํ„ฐ ๊ธ‰๊ฒฉํ•œ ๋ณ€ํ™”๊ฐ€ ์‹œ์ž‘๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ƒ์„ฑํ˜• AI์˜ ๊ฒฐ๊ณผ๋ฌผ์— ๋Œ€ํ•œ ํˆฌ๋ช…์„ฑ(Provenance)์„ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด ๋ชจ๋“  ์ƒ์„ฑ ์ง€์‹์— ์ถœ์ฒ˜ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋กํ•˜๋ฉฐ, AI์˜ ์ฐฝ์ž‘๋ฌผ์— ๋Œ€ํ•œ ์ธ๊ฐ„์˜ ์ตœ์ข… ๊ฒ€ํ†  ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ฐ•ํ™”ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Generative-Adversarial-Networks-GAN]], [[LLM]], [[Future-of-Work-with-AI]], [[AI-Ethics]] +- **Raw Source:** [[10_Wiki/Topics/AI/Generative-AI-Impact.md]] diff --git a/10_Wiki/Topics/AI/Genetic-Algorithms.md b/10_Wiki/Topics/AI/Genetic-Algorithms.md index 7342e1f1..65e2485c 100644 --- a/10_Wiki/Topics/AI/Genetic-Algorithms.md +++ b/10_Wiki/Topics/AI/Genetic-Algorithms.md @@ -1,28 +1,30 @@ --- -id: GENETIC-001 +id: EVO-GEN-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" confidence_score: 1.0 -tags: [optimization, evolutionary-computation, algorithms] +tags: [ai, evolutionary-computation, genetic-algorithm, optimization, survival-of-the-fittest] last_reinforced: 2026-04-26 --- # [[Genetic Algorithms (์œ ์ „ ์•Œ๊ณ ๋ฆฌ์ฆ˜)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "์ตœ์ ์˜ ํ•ด๋‹ต์„ ์ž์—ฐ์˜ ์ง„ํ™” ๊ณผ์ •์—์„œ ์ฐพ์•„๋ผ" โ€” ๋‹ค์œˆ์˜ ์ ์ž์ƒ์กด ์›๋ฆฌ๋ฅผ ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์ ์šฉํ•˜์—ฌ, ๋ณ€์ด์™€ ๊ต์ฐจ๋ฅผ ํ†ตํ•ด ๋ฌธ์ œ์˜ ํ•ด๋ฅผ ์ ์ง„์ ์œผ๋กœ ๊ฐœ์„ ํ•ด๋‚˜๊ฐ€๋Š” ํƒ์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜. +> "์ž์—ฐ์˜ ์„ ํƒ๊ณผ ๋ณ€์ด ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ๋นŒ๋ ค์™€, ๋‹ค์ฐจ์› ๊ณต๊ฐ„ ์†์—์„œ ์ตœ์ ์˜ ํ•ด๋‹ต์„ ์ง„ํ™”์‹œ์ผœ๋ผ" โ€” ๋‹ค์œˆ์˜ ์ง„ํ™”๋ก ์„ ๊ณตํ•™์ ์œผ๋กœ ๊ตฌํ˜„ํ•˜์—ฌ, ํ›„๋ณด ํ•ด๋“ค์„ ๊ต์ฐจ(Crossover)์‹œํ‚ค๊ณ  ๋Œ์—ฐ๋ณ€์ด(Mutation)๋ฅผ ์ผ์œผํ‚ค๋ฉฐ ์„ธ๋Œ€๋ฅผ ๊ฑฐ๋“ญํ•ด ์ •๋‹ต์— ๊ทผ์‚ฌํ•˜๋Š” ์ตœ์ ํ™” ์•Œ๊ณ ๋ฆฌ์ฆ˜. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -- **์ถ”์ถœ๋œ ํŒจํ„ด:** ํ›„๋ณด ํ•ด(๊ฐœ์ฒด)๋“ค์˜ ์ง‘๋‹จ์„ ์ƒ์„ฑํ•˜๊ณ , ์ ํ•ฉ๋„ ํ•จ์ˆ˜(Fitness Function)์— ๋”ฐ๋ผ ์šฐ์ˆ˜ํ•œ ๊ฐœ์ฒด๋ฅผ ์„ ๋ณ„ํ•˜์—ฌ ์œ ์ „ ์—ฐ์‚ฐ์„ ๋ฐ˜๋ณตํ•จ์œผ๋กœ์จ ์ตœ์ ํ•ด๋กœ ์ˆ˜๋ ด์‹œํ‚ค๋Š” ํŒจํ„ด. -- **์„ธ๋ถ€ ๋‚ด์šฉ:** - - **Encoding:** ํ•ด(Solution)๋ฅผ ์—ผ์ƒ‰์ฒด(Chromosome) ํ˜•ํƒœ(๋น„ํŠธ, ๋ฌธ์ž์—ด ๋“ฑ)๋กœ ํ‘œํ˜„. - - **Selection:** ์ ํ•ฉ๋„๊ฐ€ ๋†’์€ ๊ฐœ์ฒด๊ฐ€ ์ž์†์„ ๋‚จ๊ธธ ํ™•๋ฅ ์„ ๋†’์ž„ (์˜ˆ: ๋ฃฐ๋ › ํœ  ์„ ํƒ). - - **Crossover (๊ต์ฐจ):** ๋‘ ๋ถ€๋ชจ ๊ฐœ์ฒด์˜ ์œ ์ „์ž๋ฅผ ๊ฒฐํ•ฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ์ž์† ์ƒ์„ฑ. - - **Mutation (๋ณ€์ด):** ๋‚ฎ์€ ํ™•๋ฅ ๋กœ ์œ ์ „์ž๋ฅผ ๋ฌด์ž‘์œ„๋กœ ๋ณ€๊ฒฝํ•˜์—ฌ ์ง€์—ญ ์ตœ์ ํ•ด(Local Optima)์— ๋น ์ง€๋Š” ๊ฒƒ์„ ๋ฐฉ์ง€. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ฏธ๋ถ„์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๊ฑฐ๋‚˜ ํƒ์ƒ‰ ๊ณต๊ฐ„์ด ๋„ˆ๋ฌด ๋„“์–ด ์ „ํ†ต์ ์ธ ๋ฐฉ์‹์œผ๋กœ๋Š” ํ•ด๋ฅผ ์ฐพ๊ธฐ ํž˜๋“  ๋ฌธ์ œ์—์„œ, ํ™•๋ฅ ์  ํƒ์ƒ‰๊ณผ ์ ์ž์ƒ์กด์˜ ์›์น™์„ ๊ฒฐํ•ฉํ•˜์—ฌ ์ „์—ญ ์ตœ์ ํ•ด(Global Optima)๋ฅผ ์ฐพ์•„๊ฐ€๋Š” ์ง„ํ™” ํƒ์ƒ‰ ํŒจํ„ด. +- **์ฃผ์š” ๋‹จ๊ณ„:** + - **Initialization:** ๋ฌด์ž‘์œ„๋กœ ์ƒ์„ฑ๋œ ์ดˆ๊ธฐ ํ•ด ์ง‘๋‹จ(Population) ๊ตฌ์„ฑ. + - **Fitness Evaluation:** ๊ฐ ํ•ด๊ฐ€ ๋ฌธ์ œ ํ•ด๊ฒฐ์— ์–ผ๋งˆ๋‚˜ ์ ํ•ฉํ•œ์ง€ ์ ์ˆ˜ ์‚ฐ์ •. + - **Selection:** ์ ํ•ฉ๋„๊ฐ€ ๋†’์€ ๊ฐœ์ฒด๋ฅผ ๋ถ€๋ชจ๋กœ ์„ ํƒํ•˜์—ฌ ๋‹ค์Œ ์„ธ๋Œ€์— ์œ ์ „์ž ์ „๋‹ฌ. + - **Crossover:** ๋ถ€๋ชจ ์œ ์ „์ž๋ฅผ ์„ž์–ด ์ƒˆ๋กœ์šด ์ž์† ์ƒ์„ฑ. + - **Mutation:** ๋‚ฎ์€ ํ™•๋ฅ ๋กœ ์œ ์ „ ์ •๋ณด๋ฅผ ๋ฌด์ž‘์œ„๋กœ ๋ณ€๊ฒฝํ•˜์—ฌ ์ง€์—ญ ์ตœ์ ํ•ด(Local Optima) ํƒˆ์ถœ ์œ ๋„. +- **์˜์˜:** ์ •๋‹ต์„ ์ง์ ‘ ๊ณ„์‚ฐํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์ˆ˜๋งŽ์€ ์‹œ๋„์™€ ์‹คํŒจ๋ฅผ ํ†ตํ•ด '์ •๋‹ต์œผ๋กœ ์ง„ํ™”'ํ•ด ๋‚˜๊ฐ€๋Š” ์ƒ๋ฌผํ•™์  ์ง€๋Šฅ์˜ ๊ตฌํ˜„. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋ฏธ๋ถ„ ๊ฐ€๋Šฅํ•œ ๊ณต๊ฐ„์—์„œ์˜ ๊ฒฝ์‚ฌ ํ•˜๊ฐ•๋ฒ•์— ๋น„ํ•ด ์†๋„๋Š” ๋Š๋ฆด ์ˆ˜ ์žˆ์œผ๋‚˜, ํƒ์ƒ‰ ๊ณต๊ฐ„์ด ๋งค์šฐ ๋ณต์žกํ•˜๊ฑฐ๋‚˜ ๋ถˆ์—ฐ์†์ ์ธ ๋ฌธ์ œ์—์„œ ์—ฌ์ „ํžˆ ๊ฐ•๋ ฅํ•œ ์œ„๋ ฅ์„ ๋ฐœํœ˜ํ•จ. -- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ์ ˆ์ฐจ์  ์ฝ˜ํ…์ธ  ์ƒ์„ฑ(PCG) ์‹œ, ์ตœ์ ์˜ ๋งต ๋ ˆ์ด์•„์›ƒ์ด๋‚˜ ์—๋„ˆ๋ฏธ ๋ฐฐ์น˜๋ฅผ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•˜๋Š” ๋„๊ตฌ๋กœ ํ™œ์šฉ ์—ฐ๊ตฌ ์ค‘. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ์ˆ˜์น˜๋ฅผ ์ฐพ๋Š” ์ตœ์ ํ™” ๋„๊ตฌ์—์„œ, ์ตœ๊ทผ์—๋Š” ์‹ ๊ฒฝ๋ง ๊ตฌ์กฐ ์ž์ฒด๋ฅผ ์ง„ํ™”์‹œํ‚ค๋Š” Neuroevolution ๊ธฐ๋ฒ•์œผ๋กœ ํ™•์žฅ๋˜์–ด ๋”ฅ๋Ÿฌ๋‹๊ณผ ์œตํ•ฉ๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ํ•จ๋Œ€ ์ง„ํ˜• ์ตœ์ ํ™” ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์œ ์ „ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ํ™œ์šฉํ•˜์—ฌ, ์ˆ˜๋งŒ ๋ฒˆ์˜ ๊ต์ „์„ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•˜๋ฉฐ ์ ์˜ ๊ณต๊ฒฉ์„ ๊ฐ€์žฅ ์ž˜ ๋ฐฉ์–ดํ•˜๋Š” ์ตœ์ ์˜ ๋ฐฐ์น˜๋ฅผ ์Šค์Šค๋กœ ์ฐพ์•„๋ƒ„. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[Evolutionary-Computation]], [[Optimization]], [[Neural-Architecture-Search]] +- [[Evolutionary-Computation]], [[Fitness-Landscape]], [[Black-Box-Optimization]], [[Neural-Architecture-Search-NAS]] - **Raw Source:** [[10_Wiki/Topics/AI/Genetic-Algorithms.md]] diff --git a/10_Wiki/Topics/AI/Geometric-Deep-Learning.md b/10_Wiki/Topics/AI/Geometric-Deep-Learning.md new file mode 100644 index 00000000..aafcc38e --- /dev/null +++ b/10_Wiki/Topics/AI/Geometric-Deep-Learning.md @@ -0,0 +1,31 @@ +--- +id: GEO-DL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, deep-learning, geometric-deep-learning, gnn, graph-theory, topology] +last_reinforced: 2026-04-26 +--- + +# [[Geometric Deep Learning (๊ธฐํ•˜ํ•™์  ๋”ฅ๋Ÿฌ๋‹)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ์™ธํ˜•์ด ์•„๋‹Œ, ๊ทธ ์•ˆ์— ์ˆจ๊ฒจ์ง„ ๋Œ€์นญ์„ฑ๊ณผ ๊ธฐํ•˜ํ•™์  ๊ตฌ์กฐ๋ฅผ ํ•™์Šตํ•˜์—ฌ ์ฐจ์›์„ ๋„˜๋‚˜๋“œ๋Š” ์ง€๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋ผ" โ€” ์œ ํด๋ฆฌ๋“œ ๊ณต๊ฐ„(๊ฒฉ์ž)์„ ๋„˜์–ด ๊ทธ๋ž˜ํ”„, ๋งค๋‹ˆํด๋“œ, 3D ๋ฉ”์‰ฌ ๋“ฑ ๋น„์œ ํด๋ฆฌ๋“œ ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง„ ๋ฐ์ดํ„ฐ์—์„œ ๋ถˆ๋ณ€ํ•˜๋Š” ํŠน์ง•์„ ์ถ”์ถœํ•˜๊ธฐ ์œ„ํ•œ ๋”ฅ๋Ÿฌ๋‹์˜ ํ†ตํ•ฉ ํ”„๋ ˆ์ž„์›Œํฌ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ฐ์ดํ„ฐ์˜ ๋ฌผ๋ฆฌ์  ์œ„์น˜๊ฐ€ ๋ณ€ํ•˜๋”๋ผ๋„ ๊ทธ๋“ค ์‚ฌ์ด์˜ ๊ด€๊ณ„๋‚˜ ์œ„์ƒ(Topology)์ด ์œ ์ง€๋œ๋‹ค๋ฉด ๋™์ผํ•œ ํŠน์ง•์œผ๋กœ ์ธ์‹ํ•˜๋Š” '๊ธฐํ•˜ํ•™์  ๋ถˆ๋ณ€์„ฑ(Geometric Invariance)' ํ•™์Šต ํŒจํ„ด. +- **์ฃผ์š” ๋Œ€์ƒ:** + - **Graphs:** ์‚ฌํšŒ ๊ด€๊ณ„๋ง, ๋ถ„์ž ๊ตฌ์กฐ, ์ง€์‹ ๊ทธ๋ž˜ํ”„. + - **Manifolds:** ๊ตฌ๋ฉด ๋ฐ์ดํ„ฐ, ๋น„์ •ํ˜• ํ‘œ๋ฉด. + - **3D Meshes:** ์ž…์ฒด์ ์ธ ์‚ฌ๋ฌผ ๋ชจ๋ธ๋ง ๋ฐ์ดํ„ฐ. +- **ํ•ต์‹ฌ ์›์น™:** + - **Symmetry (๋Œ€์นญ์„ฑ):** ํšŒ์ „์ด๋‚˜ ํ‰ํ–‰ ์ด๋™์—๋„ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ์„ฑ์งˆ ํ™œ์šฉ. + - **Invariance & Equivariance:** ์ž…๋ ฅ์˜ ๋ณ€ํ™˜์— ๋”ฐ๋ผ ์ถœ๋ ฅ์ด ์ผ์ •ํ•˜๊ฒŒ ์œ ์ง€๋˜๊ฑฐ๋‚˜ ๊ทœ์น™์ ์œผ๋กœ ๋ณ€ํ•˜๋Š” ์„ฑ์งˆ. +- **์˜์˜:** ์‹ ์•ฝ ๊ฐœ๋ฐœ(๋ถ„์ž ๊ฒฐํ•ฉ ์˜ˆ์ธก), ์ถ”์ฒœ ์‹œ์Šคํ…œ(์‚ฌ์šฉ์ž-์•„์ดํ…œ ๊ทธ๋ž˜ํ”„), ์ž์œจ์ฃผํ–‰(3D ๊ณต๊ฐ„ ์ธ์‹) ๋“ฑ ๋น„์ •ํ˜• ๋ฐ์ดํ„ฐ๊ฐ€ ์ฃผ๋ฅผ ์ด๋ฃจ๋Š” ๋‚œ์ œ ํ•ด๊ฒฐ์˜ ์—ด์‡ . + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์ด๋ฏธ์ง€๋ฅผ ํ”ฝ์…€์˜ ๋‚˜์—ด๋กœ๋งŒ ๋ณด๋˜ CNN์˜ ํ•œ๊ณ„๋ฅผ ๋„˜์–ด, ๋ฐ์ดํ„ฐ ์‚ฌ์ด์˜ ๋…ผ๋ฆฌ์ /๋ฌผ๋ฆฌ์  ์—ฐ๊ฒฐ ๊ตฌ์กฐ ์ž์ฒด๋ฅผ ํ•™์Šตํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ์ธ๊ณต์ง€๋Šฅ์˜ ์‹œ์•ผ๊ฐ€ ํ™•์žฅ๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ˆ˜๋งŒ ๊ฐœ์˜ ์ง€์‹ ๋…ธ๋“œ ๊ฐ„์˜ ๋ณต์žกํ•œ ์ƒ๊ด€๊ด€๊ณ„๋ฅผ ๋ถ„์„ํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐํ•˜ํ•™์  ๋”ฅ๋Ÿฌ๋‹ ๊ธฐ๋ฐ˜์˜ Graph Neural Networks(GNN)๋ฅผ ๋„์ž…ํ•˜์—ฌ ์ง€์‹ ์ง€๋„๋ฅผ ๊ณ ๋„ํ™”ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[GNN]], [[Graph-Theory]], [[Dimensionality-Reduction]], [[Representation-Learning]] +- **Raw Source:** [[10_Wiki/Topics/AI/Geometric-Deep-Learning.md]] diff --git a/10_Wiki/Topics/AI/Gestalt-Principles in UX.md b/10_Wiki/Topics/AI/Gestalt-Principles in UX.md new file mode 100644 index 00000000..4ef3ce6f --- /dev/null +++ b/10_Wiki/Topics/AI/Gestalt-Principles in UX.md @@ -0,0 +1,30 @@ +--- +id: UX-GESTALT-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ux, design, gestalt-principles, psychology, human-computer-interaction] +last_reinforced: 2026-04-26 +--- + +# [[Gestalt Principles in UX (UX์—์„œ์˜ ๊ฒŒ์ŠˆํƒˆํŠธ ์›๋ฆฌ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ „์ฒด๋Š” ๋ถ€๋ถ„์˜ ํ•ฉ๊ณผ ๋‹ค๋ฅด๋ฉฐ, ์ธ๊ฐ„์˜ ๋‡Œ๋Š” ๋ณต์žกํ•œ ์‹œ๊ฐ ์ •๋ณด๋ฅผ ๋ณธ๋Šฅ์ ์œผ๋กœ ๋‹จ์ˆœํ•˜๊ณ  ์œ ์˜๋ฏธํ•œ ๊ทธ๋ฃน์œผ๋กœ ์—ฎ์–ด๋‚ธ๋‹ค" โ€” ์ธ๊ฐ„์˜ ์‹œ๊ฐ ์ธ์ง€ ๊ณผ์ •์„ ์„ค๋ช…ํ•˜๋Š” ์‹ฌ๋ฆฌํ•™ ๋ฒ•์น™๋“ค์„ ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„์— ์ ์šฉํ•˜์—ฌ, ์‚ฌ์šฉ์ž๊ฐ€ ๋ณ„๋„์˜ ํ•™์Šต ์—†์ด๋„ ํ™”๋ฉด์˜ ๊ตฌ์กฐ์™€ ๊ด€๊ณ„๋ฅผ ์ฆ‰๊ฐ ํŒŒ์•…ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๋””์ž์ธ ์›์น™. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๊ฐœ๋ณ„ ์š”์†Œ๋“ค์˜ ๋ฐฐ์น˜(๊ทผ์ ‘์„ฑ, ์œ ์‚ฌ์„ฑ, ์—ฐ์†์„ฑ ๋“ฑ)๋ฅผ ํ†ตํ•ด ๋‡Œ๊ฐ€ ์ •๋ณด๋ฅผ ์ž๋™์œผ๋กœ ๊ทธ๋ฃนํ™”ํ•˜๊ฑฐ๋‚˜ ๋ถ„๋ฅ˜ํ•˜๋„๋ก ์œ ๋„ํ•˜๋Š” ์‹œ๊ฐ์  ์งˆ์„œ ํ˜•์„ฑ ํŒจํ„ด. +- **์ฃผ์š” ๋ฒ•์น™:** + - **Proximity (๊ทผ์ ‘์„ฑ):** ์„œ๋กœ ๊ฐ€๊นŒ์ด ์žˆ๋Š” ์š”์†Œ๋“ค์„ ํ•˜๋‚˜์˜ ๊ทธ๋ฃน์œผ๋กœ ์ธ์‹. + - **Similarity (์œ ์‚ฌ์„ฑ):** ๋ชจ์–‘, ์ƒ‰์ƒ, ํฌ๊ธฐ๊ฐ€ ๋น„์Šทํ•œ ์š”์†Œ๋“ค์„ ์—ฐ๊ด€๋œ ๊ฒƒ์œผ๋กœ ์ธ์‹. + - **Continuity (์—ฐ์†์„ฑ):** ์‹œ์„ ์ด ๋ถ€๋“œ๋Ÿฌ์šด ์„ ์ด๋‚˜ ํ๋ฆ„์„ ๋”ฐ๋ผ๊ฐ€๋„๋ก ๋ฐฐ์น˜. + - **Closure (ํ์‡„์„ฑ):** ๋ถˆ์™„์ „ํ•œ ํ˜•ํƒœ๋ผ๋„ ๋‡Œ๊ฐ€ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„์„ ์ฑ„์›Œ ์ „์ฒด ํ˜•์ƒ์œผ๋กœ ์ธ์‹. + - **Figure/Ground (ํ˜•ํƒœ์™€ ๋ฐฐ๊ฒฝ):** ์ฃผ๋ชฉํ•ด์•ผ ํ•  ๋Œ€์ƒ๊ณผ ๋ฐฐ๊ฒฝ์„ ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„. +- **์˜์˜:** ํ…์ŠคํŠธ ์„ค๋ช… ์—†์ด๋„ ๋ ˆ์ด์•„์›ƒ๋งŒ์œผ๋กœ ๊ธฐ๋Šฅ์˜ ์—ฐ๊ด€์„ฑ๊ณผ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ์ „๋‹ฌํ•˜์—ฌ ์ธ์ง€ ๋ถ€ํ•˜๋ฅผ ์ตœ์†Œํ™”ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ํ™”๋ คํ•œ ๊ทธ๋ž˜ํ”ฝ ์ค‘์‹ฌ์˜ ๋””์ž์ธ์—์„œ, ์ธ๊ฐ„์˜ ์ธ์ง€ ๊ตฌ์กฐ๋ฅผ ๋ฐฐ๋ คํ•˜๋Š” '๋‡Œ ์นœํ™”์ ' ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„๋กœ UX์˜ ์ค‘์‹ฌ์ถ•์ด ์ด๋™ํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ๋ชจ๋“  ๋Œ€์‹œ๋ณด๋“œ์™€ ์—์ด์ „ํŠธ ์ธํ„ฐํŽ˜์ด์Šค๋Š” ๊ฒŒ์ŠˆํƒˆํŠธ ์›์น™์„ ์ค€์ˆ˜ํ•˜์—ฌ ์„ค๊ณ„๋˜๋ฉฐ, ํŠนํžˆ '์œ ์‚ฌ์„ฑ' ๋ฒ•์น™์„ ํ†ตํ•ด ์—์ด์ „ํŠธ์˜ ์‘๋‹ต ์œ ํ˜•๋ณ„๋กœ ์ผ๊ด€๋œ ์‹œ๊ฐ์  ํ”ผ๋“œ๋ฐฑ์„ ์ œ๊ณตํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[UX-Design]], [[Human-Computer-Interaction-HCI]], [[Frontend-Architecture]], [[Visual-Hierarchy]] +- **Raw Source:** [[10_Wiki/Topics/AI/Gestalt-Principles in UX.md]] diff --git a/10_Wiki/Topics/AI/Gimbals-and-Orientation.md b/10_Wiki/Topics/AI/Gimbals-and-Orientation.md new file mode 100644 index 00000000..ad659362 --- /dev/null +++ b/10_Wiki/Topics/AI/Gimbals-and-Orientation.md @@ -0,0 +1,29 @@ +--- +id: PHYS-GIMBAL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [physics, robotics, game-dev, orientation, rotation-math, skybound] +last_reinforced: 2026-04-26 +--- + +# [[Gimbals and Orientation (์ง๋ฒŒ๊ณผ ๋ฐฉํ–ฅ ์ œ์–ด)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "3์ฐจ์› ๊ณต๊ฐ„์˜ ์ž์œ ๋„๋ฅผ ์ˆ˜ํ˜ธํ•˜๊ณ , ํšŒ์ „์˜ ์ถ•์ด ๊ฒน์ณ ํ†ต์ œ๋ ฅ์„ ์žƒ๋Š” ์ง๋ฒŒ ๋ฝ์˜ ํ•จ์ •์„ ํšŒํ”ผํ•˜๋ผ" โ€” ๋ฌผ์ฒด๊ฐ€ ์–ด๋–ค ๋ฐฉํ–ฅ์œผ๋กœ๋“  ์ž์œ ๋กญ๊ฒŒ ํšŒ์ „ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์ง€ํ•˜๋Š” ์žฅ์น˜(Gimbal)์™€, ์˜ค์ผ๋Ÿฌ ๊ฐ(Euler Angles) ๋ฐ ์ฟผํ„ฐ๋‹ˆ์–ธ(Quaternions)์„ ํ™œ์šฉํ•œ ์ˆ˜ํ•™์  ์ž์„ธ ์ œ์–ด ๊ธฐ๋ฒ•. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์„ธ ๊ฐœ์˜ ํšŒ์ „ ์ถ•(Roll, Pitch, Yaw)์„ ๋…๋ฆฝ์ ์œผ๋กœ ์ œ์–ดํ•˜์—ฌ ๋ฌผ์ฒด์˜ ์ง€ํ–ฅ์ ์„ ์œ ์ง€ํ•˜๊ณ , ๊ฐ ์ถ• ๊ฐ„์˜ ์ƒํ˜ธ์ž‘์šฉ์œผ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•˜๋Š” ๊ธฐํ•˜ํ•™์  ์ œ์•ฝ์„ ๊ทน๋ณตํ•˜๋Š” ๋ฐฉํ–ฅ์„ฑ ์ œ์–ด ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ฐœ๋…:** + - **Euler Angles:** X, Y, Z ์ถ•์„ ๊ธฐ์ค€์œผ๋กœ ์ˆœ์ฐจ์ ์œผ๋กœ ํšŒ์ „ํ•˜๋Š” ์ง๊ด€์ ์ธ ๋ฐฉ์‹. + - **Gimbal Lock:** ๋‘ ํšŒ์ „ ์ถ•์ด ๊ฒน์น˜๋ฉด์„œ ํ•œ ์ฐจ์›์˜ ์ž์œ ๋„๋ฅผ ์žƒ์–ด๋ฒ„๋ฆฌ๋Š” ํ˜„์ƒ (์˜ค์ผ๋Ÿฌ ๊ฐ์˜ ๊ณ ์งˆ์  ๋ฌธ์ œ). + - **Quaternions (์‚ฌ์›์ˆ˜):** ์ง๋ฒŒ ๋ฝ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด 4์ฐจ์› ๋ณต์†Œ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ˆ˜ํ•™์  ๋„๊ตฌ. ๋ถ€๋“œ๋Ÿฌ์šด ํšŒ์ „ ๋ณด๊ฐ„(SLERP)์— ํ•„์ˆ˜์ . + - **Stabilization:** ์™ธ๋ถ€ ํ”๋“ค๋ฆผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์นด๋ฉ”๋ผ๋‚˜ ์„ผ์„œ๊ฐ€ ํŠน์ • ๋ฐฉํ–ฅ์„ ๊ณ ์ˆ˜ํ•˜๋„๋ก ์‹ค์‹œ๊ฐ„ ๋ณด์ •. +- **์˜์˜:** ํ•ญ๊ณต์šฐ์ฃผ, ๋กœ๋ณดํ‹ฑ์Šค, ๋“œ๋ก  ์ œ์–ด๋Š” ๋ฌผ๋ก  3D ๊ฒŒ์ž„ ์—”์ง„์˜ ์นด๋ฉ”๋ผ ์‹œ์Šคํ…œ๊ณผ ๋ฌผ๋ฆฌ ์‹œ๋ฎฌ๋ ˆ์ด์…˜์˜ ์„ฑ๋Šฅ์„ ๊ฒฐ์ •์ง“๋Š” ๊ทผ๊ฐ„. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์˜ค์ผ๋Ÿฌ ๊ฐ ๊ธฐ๋ฐ˜์˜ ๋‹จ์ˆœ ์—ฐ์‚ฐ์—์„œ, ์ง๋ฒŒ ๋ฝ ๋ฐฉ์ง€์™€ ์—ฐ์‚ฐ ํšจ์œจ์„ฑ์„ ์œ„ํ•ด ์ฟผํ„ฐ๋‹ˆ์–ธ ๊ธฐ๋ฐ˜์˜ ์ž์„ธ ์ œ์–ด๊ฐ€ ํ˜„๋Œ€ ์‹œ์Šคํ…œ์˜ ํ‘œ์ค€์œผ๋กœ ์ •์ฐฉ๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ํ•จ๋Œ€ ์‹œ์  ์นด๋ฉ”๋ผ์™€ ๋ฏธ์‚ฌ์ผ ์œ ๋„ ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์ฟผํ„ฐ๋‹ˆ์–ธ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฒฉ๋ ฌํ•œ ๊ธฐ๋™ ์ค‘์—๋„ ๋Š๊น€ ์—†๋Š” ๋ถ€๋“œ๋Ÿฌ์šด ์‹œ์„  ์ฒ˜๋ฆฌ๋ฅผ ๋ณด์žฅํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Physics-Engine]], [[Robotics]], [[Mathematics-for-AI]], [[Determinism-in-Computing]] +- **Raw Source:** [[10_Wiki/Topics/AI/Gimbals-and-Orientation.md]] diff --git a/10_Wiki/Topics/AI/Git-Version-Control.md b/10_Wiki/Topics/AI/Git-Version-Control.md new file mode 100644 index 00000000..5ccbdd7b --- /dev/null +++ b/10_Wiki/Topics/AI/Git-Version-Control.md @@ -0,0 +1,29 @@ +--- +id: GIT-MASTER-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [software-engineering, version-control, git, collaboration, workflow] +last_reinforced: 2026-04-26 +--- + +# [[Git Version Control Master (๊นƒ ๋ฒ„์ „ ๊ด€๋ฆฌ ๋งˆ์Šคํ„ฐ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ฝ”๋“œ์˜ ๋ชจ๋“  ์ˆœ๊ฐ„์„ ๊ธฐ๋กํ•˜๊ณ , ๋ณ‘๋ ฌ์ ์ธ ์‹œ๋„๋“ค์„ ํ•˜๋‚˜๋กœ ์—ฎ์–ด๋‚ด๋Š” ๋ถ„์‚ฐ ๋ฒ„์ „ ๊ด€๋ฆฌ์˜ ์˜ˆ์ˆ " โ€” ์†Œ์Šค์ฝ”๋“œ์˜ ๋ณ€๊ฒฝ ์ด๋ ฅ์„ ์ถ”์ ํ•˜๊ณ  ์—ฌ๋Ÿฌ ๊ฐœ๋ฐœ์ž์˜ ์ž‘์—…์„ ์ถฉ๋Œ ์—†์ด ํ†ตํ•ฉํ•˜๋ฉฐ, ์‹คํ—˜์ ์ธ ๋ธŒ๋žœ์นญ(Branching)์„ ํ†ตํ•ด ์•ˆ์ „ํ•œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ํ‘œ์ค€ ๋„๊ตฌ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Snapshot, not Delta" โ€” ํŒŒ์ผ์˜ ์ฐจ์ด์ ์ด ์•„๋‹Œ ์ƒํƒœ ์ „์ฒด๋ฅผ ์Šค๋ƒ…์ƒท์œผ๋กœ ์ €์žฅํ•˜์—ฌ ๋ฌด๊ฒฐ์„ฑ์„ ๋ณด์žฅํ•˜๊ณ , ๋กœ์ปฌ๊ณผ ์›๊ฒฉ์˜ ์ƒํƒœ๋ฅผ ๋™๊ธฐํ™”ํ•˜๋ฉฐ ํ”„๋กœ์ ํŠธ์˜ ์ง„ํ™” ๊ณผ์ •์„ ๊ด€๋ฆฌํ•˜๋Š” ์›Œํฌํ”Œ๋กœ์šฐ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๋ฉ”์ปค๋‹ˆ์ฆ˜:** + - **Area:** Working Directory (์ž‘์—… ์ค‘), Staging Area (์ค€๋น„), Repository (๊ธฐ๋ก). + - **Branching & Merging:** ๋…๋ฆฝ์ ์ธ ์ž‘์—… ๊ณต๊ฐ„์„ ๋งŒ๋“ค๊ณ , ๊ฒ€ํ†  ํ›„ ๋ฉ”์ธ ์ค„๊ธฐ์— ํ†ตํ•ฉ. + - **Rebase vs Merge:** ์ปค๋ฐ‹ ํžˆ์Šคํ† ๋ฆฌ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์œ ์ง€ํ• ์ง€, ์•„๋‹ˆ๋ฉด ์‹ค์ œ ์ž‘์—… ํ๋ฆ„์„ ๊ทธ๋Œ€๋กœ ๋‚จ๊ธธ์ง€์˜ ์„ ํƒ. + - **Distributed System:** ๋ชจ๋“  ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์ „์ฒด ์ด๋ ฅ์„ ์†Œ์œ ํ•˜์—ฌ ์˜คํ”„๋ผ์ธ ์ž‘์—…๊ณผ ๋ณต๊ตฌ๊ฐ€ ์šฉ์ดํ•จ. +- **์˜์˜:** ํ˜„๋Œ€ ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™์˜ ํ•„์ˆ˜ ์ธํ”„๋ผ๋กœ, ์˜คํ”ˆ์†Œ์Šค ์ƒํƒœ๊ณ„์™€ ์ง€์†์  ํ†ตํ•ฉ(CI)์˜ ํ† ๋Œ€. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์ค‘์•™ ์ง‘์ค‘์‹(SVN ๋“ฑ)์˜ ์ œ์•ฝ์—์„œ ๋ฒ—์–ด๋‚˜, ๋ถ„์‚ฐํ˜• ๊ตฌ์กฐ์™€ ์ž์œ ๋กœ์šด ๋ธŒ๋žœ์นญ์„ ํ†ตํ•ด ๋Œ€๊ทœ๋ชจ ๋™์‹œ ๊ฐœ๋ฐœ์ด ๊ฐ€๋Šฅํ•œ ์‹œ๋Œ€๋ฅผ ์—ถ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ๊ฐ€ ์ƒ์„ฑํ•œ ๋ชจ๋“  ์ง€์‹(Wiki)๊ณผ ์ฝ”๋“œ(Agent, Skybound ๋“ฑ)๋ฅผ Git์œผ๋กœ ๊ด€๋ฆฌํ•˜๋ฉฐ, '์˜๋ฏธ ์žˆ๋Š” ๋‹จ์œ„'์˜ ์ž๋™ ์ปค๋ฐ‹๊ณผ ํ‘ธ์‹œ๋ฅผ ํ†ตํ•ด ์‹ค์‹œ๊ฐ„ ์ง€์‹ ์ž์‚ฐํ™”๋ฅผ ์‹คํ˜„ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[DevOps-for-AI-MLOps]], [[Extreme-Programming-XP]], [[Software-Architecture-Patterns]], [[Collaborative-Development]] +- **Raw Source:** [[10_Wiki/Topics/AI/Git-Version-Control.md]] diff --git a/10_Wiki/Topics/AI/Global-vs-Local-Optima.md b/10_Wiki/Topics/AI/Global-vs-Local-Optima.md new file mode 100644 index 00000000..5a1bba31 --- /dev/null +++ b/10_Wiki/Topics/AI/Global-vs-Local-Optima.md @@ -0,0 +1,31 @@ +--- +id: OPT-GLO-LOC-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, optimization, mathematics, global-optima, local-optima] +last_reinforced: 2026-04-26 +--- + +# [[Global Optima vs Local Optima (์ „์—ญ ์ตœ์ ํ•ด์™€ ์ง€์—ญ ์ตœ์ ํ•ด)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ˆˆ์•ž์˜ ์ž‘์€ ์–ธ๋•(Local)์— ๋งŒ์กฑํ•˜์ง€ ๋ง๊ณ , ์‚ฐ๋งฅ ์ „์ฒด์—์„œ ๊ฐ€์žฅ ๋†’์€ ๋ด‰์šฐ๋ฆฌ(Global)๋ฅผ ํ–ฅํ•œ ํƒํ—˜์„ ๋ฉˆ์ถ”์ง€ ๋งˆ๋ผ" โ€” ์ตœ์ ํ™” ๋ฌธ์ œ์—์„œ ํ•จ์ˆ˜๊ฐ’์ด ์ฃผ๋ณ€๋ณด๋‹ค ๊ฐ€์žฅ ์ข‹์ง€๋งŒ ์ „์ฒด์—์„œ๋Š” ์ตœ์„ ์ด ์•„๋‹Œ ์ง€์ (Local)๊ณผ, ์ „์ฒด ์˜์—ญ์„ ํ†ตํ‹€์–ด ๊ฐ€์žฅ ์šฐ์ˆ˜ํ•œ ์ง€์ (Global) ์‚ฌ์ด์˜ ๊ฒฉ์ฐจ์™€ ์ด๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•œ ๋„์ „. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ตœ์ ํ™” ๊ณผ์ •์—์„œ ๊ฒฝ์‚ฌ(Gradient)๋ฅผ ๋”ฐ๋ผ ๋‚ด๋ ค๊ฐ€๋‹ค ๋ณด๋ฉด ์›€ํ‘น ํŒจ์ธ ์ž‘์€ ๊ตฌ๋ฉ์ด(Local Minima)์— ๊ฐ‡ํžˆ๊ธฐ ์‰ฌ์šฐ๋ฉฐ, ์ด๋ฅผ ํƒˆ์ถœํ•˜์—ฌ ๊ฐ€์žฅ ๊นŠ์€ ๊ณจ์งœ๊ธฐ(Global Minima)๋ฅผ ์ฐพ๊ธฐ ์œ„ํ•œ ์ „๋žต์  ํƒ์ƒ‰ ํŒจํ„ด. +- **ํ•ต์‹ฌ ์ฐจ์ด์ :** + - **Local Optima:** ํŠน์ • ์ด์›ƒ ๋ฒ”์œ„ ๋‚ด์—์„œ ์ตœ์„ ์˜ ํ•ด. ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด ๋” ์ด์ƒ ๊ฐœ์„ ์„ ๋ฉˆ์ถ”๊ธฐ ์‰ฌ์šด ํ•จ์ •. + - **Global Optima:** ๋ฌธ์ œ์˜ ์ „์ฒด ์ •์˜ ๊ตฌ์—ญ์—์„œ ๋‹จ ํ•˜๋‚˜(ํ˜น์€ ๊ทธ ์ด์ƒ) ์กด์žฌํ•˜๋Š” ์ ˆ๋Œ€์  ์ตœ์ ํ•ด. +- **์ง€์—ญ ์ตœ์ ํ•ด ํƒˆ์ถœ ์ „๋žต:** + - **Momentum:** ๋‚ด๋ ค์˜ค๋˜ ๊ด€์„ฑ์„ ์ด์šฉํ•ด ์ž‘์€ ์–ธ๋•์„ ๋„˜์–ด๊ฐ. + - **Stochasticity (๋ฌด์ž‘์œ„์„ฑ):** ํ™•๋ฅ ์  ๊ฒฝ์‚ฌ ํ•˜๊ฐ•๋ฒ•(SGD)์ด๋‚˜ ๋Œ์—ฐ๋ณ€์ด(Mutation)๋ฅผ ํ†ตํ•ด ๋ฌด์ž‘์œ„๋กœ ์œ„์น˜ ์ด๋™. + - **Simulated Annealing:** ์ดˆ๊ธฐ์—๋Š” ๊ณผ๊ฐํ•˜๊ฒŒ ํƒ์ƒ‰ํ•˜๊ณ  ์‹œ๊ฐ„์ด ๊ฐˆ์ˆ˜๋ก ์ •๊ตํ•˜๊ฒŒ ์ˆ˜๋ ด. +- **์˜์˜:** ๋”ฅ๋Ÿฌ๋‹ ํ•™์Šต์ด ๋‹จ์ˆœํžˆ '์ž‘๋™'ํ•˜๋Š” ๊ฒƒ์„ ๋„˜์–ด '์ตœ๊ณ  ์„ฑ๋Šฅ'์— ๋„๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด ๊ทน๋ณตํ•ด์•ผ ํ•  ๊ฐ€์žฅ ๋ณธ์งˆ์ ์ธ ์ˆ˜ํ•™์  ๊ณผ์ œ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ณ ์ฐจ์› ๊ณต๊ฐ„์—์„œ๋Š” ์ง€์—ญ ์ตœ์ ํ•ด๋ณด๋‹ค ์•ˆ์žฅ์ (Saddle Point)์ด ํ•™์Šต์„ ๋ฐฉํ•ดํ•˜๋Š” ๋” ํฐ ์š”์ธ์ž„์ด ๋ฐํ˜€์ง€๋ฉฐ, ์ตœ์ ํ™” ์ „๋žต์˜ ์ดˆ์ ์ด ์•ˆ์žฅ์  ํƒˆ์ถœ๋กœ ํ™•์žฅ๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ํ•˜์ดํผํŒŒ๋ผ๋ฏธํ„ฐ ํŠœ๋‹ ์‹œ ๋‹จ์ผ ์‹œ๋„๊ฐ€ ์•„๋‹Œ ๋ฒ ์ด์ง€์•ˆ ์ตœ์ ํ™”๋ฅผ ํ™œ์šฉํ•˜์—ฌ, ์ง€์—ญ ์ตœ์ ํ•ด์˜ ํ•จ์ •์„ ํ”ผํ•ด ์ „์—ญ ์ตœ์ ํ•ด์— ๊ทผ์‚ฌํ•˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ ์กฐํ•ฉ์„ ํƒ์ƒ‰ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Gradient-Descent]], [[Fitness-Landscape]], [[Black-Box-Optimization]], [[Genetic-Algorithms]] +- **Raw Source:** [[10_Wiki/Topics/AI/Global-vs-Local-Optima.md]] diff --git a/10_Wiki/Topics/AI/Gradient-Boosting-Machines.md b/10_Wiki/Topics/AI/Gradient-Boosting-Machines.md new file mode 100644 index 00000000..10dad1db --- /dev/null +++ b/10_Wiki/Topics/AI/Gradient-Boosting-Machines.md @@ -0,0 +1,30 @@ +--- +id: ML-GBM-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [machine-learning, gradient-boosting, xgboost, lightgbm, supervised-learning] +last_reinforced: 2026-04-26 +--- + +# [[Gradient Boosting Machines (๊ทธ๋ž˜๋””์–ธํŠธ ๋ถ€์ŠคํŒ… ๋จธ์‹ )]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์ด์ „์˜ ์‹ค์ˆ˜๋ฅผ ๊ฐ€์žฅ ๋ผˆ์•„ํ”ˆ ๊ตํ›ˆ์œผ๋กœ ์‚ผ์•„, ์˜ค์ฐจ์˜ ๊ฒฝ์‚ฌ(Gradient)๋ฅผ ๋”ฐ๋ผ ์™„๋ฒฝํ•œ ์ •๋‹ต์œผ๋กœ ์ „์ง„ํ•˜๋ผ" โ€” ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์•ฝํ•œ ํ•™์Šต๊ธฐ(๋ณดํ†ต ์˜์‚ฌ๊ฒฐ์ • ๋‚˜๋ฌด)๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ์—ฐ๊ฒฐํ•˜๋˜, ์•ž์„  ๋ชจ๋ธ์ด ํ‹€๋ฆฐ ์˜ค์ฐจ๋ฅผ ๋‹ค์Œ ๋ชจ๋ธ์ด ๋ณด์ •ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ•™์Šตํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ์•™์ƒ๋ธ” ๊ธฐ๋ฒ•. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์†์‹ค ํ•จ์ˆ˜(Loss Function)์˜ ๊ฒฝ์‚ฌ๋ฅผ ๋”ฐ๋ผ ๋ชจ๋ธ์„ ์ ์ง„์ ์œผ๋กœ ์ถ”๊ฐ€ํ•˜์—ฌ, ์ „์ฒด ์‹œ์Šคํ…œ์˜ ์˜ˆ์ธก ์˜ค์ฐจ๋ฅผ ์ตœ์†Œํ™”ํ•˜๋Š” ๊ฐ€๋ฒ•์  ๋ชจ๋ธ๋ง(Additive Modeling) ํŒจํ„ด. +- **ํ•ต์‹ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜:** + - **AdaBoost:** ํ‹€๋ฆฐ ๋ฐ์ดํ„ฐ์— ๊ฐ€์ค‘์น˜๋ฅผ ๋ถ€์—ฌ. + - **GBM:** ๊ฐ€์ค‘์น˜ ๋Œ€์‹  ์†์‹ค ํ•จ์ˆ˜์˜ ๊ธฐ์šธ๊ธฐ(Residual)๋ฅผ ์ง์ ‘ ํ•™์Šต. + - **XGBoost:** ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ์™€ ๊ณผ์ ํ•ฉ ๋ฐฉ์ง€ ๊ทœ์ œ๊ฐ€ ์ถ”๊ฐ€๋œ ๊ณ ์„ฑ๋Šฅ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ. + - **LightGBM:** ๋Œ€๊ทœ๋ชจ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ์— ์ตœ์ ํ™”๋œ ๋ฆฌํ”„ ์ค‘์‹ฌ ํŠธ๋ฆฌ ๋ถ„ํ•  ๋ฐฉ์‹. + - **CatBoost:** ๋ฒ”์ฃผํ˜• ๋ณ€์ˆ˜ ์ฒ˜๋ฆฌ์— ํŠนํ™”๋œ ์•Œ๊ณ ๋ฆฌ์ฆ˜. +- **์˜์˜:** ๋”ฅ๋Ÿฌ๋‹์ด ์ง€๋ฐฐํ•˜๋Š” ์ด๋ฏธ์ง€/์Œ์„ฑ ๋ถ„์•ผ์™€ ๋‹ฌ๋ฆฌ, ๊ธˆ์œต, ๋งˆ์ผ€ํŒ… ๋“ฑ ๋น„์ฆˆ๋‹ˆ์Šค ์ •ํ˜• ๋ฐ์ดํ„ฐ ๋ถ„์„ ๋ถ„์•ผ์—์„œ ์—ฌ์ „ํžˆ '์™•์ขŒ'๋ฅผ ์ง€ํ‚ค๊ณ  ์žˆ๋Š” ๊ธฐ์ˆ . + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ํ•™์Šต ์†๋„๊ฐ€ ๋Š๋ฆฌ๊ณ  ์˜ค๋ฒ„ํ”ผํŒ…์— ์ทจ์•ฝํ•˜๋˜ ์ดˆ๊ธฐ GBM์˜ ํ•œ๊ณ„๋ฅผ XGBoost์™€ LightGBM์ด ๊ธฐ์ˆ ์ ์œผ๋กœ ๊ทน๋ณตํ•˜๋ฉฐ ์‹ค๋ฌดํ˜• ๋จธ์‹ ๋Ÿฌ๋‹์˜ ํ‘œ์ค€์œผ๋กœ ์ž๋ฆฌ ์žก์Œ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋ฌธ์„œ์˜ ์ค‘์š”๋„ ๋žญํ‚น ์‹œ์Šคํ…œ์ด๋‚˜ ์ถ”์ฒœ ์—”์ง„ ์„ค๊ณ„ ์‹œ, ๋”ฅ๋Ÿฌ๋‹ ์ž„๋ฒ ๋”ฉ๊ณผ ํ•จ๊ป˜ ๋ถ€์ŠคํŒ… ๋ชจ๋ธ์„ ์•™์ƒ๋ธ”ํ•˜์—ฌ ์ตœ์ƒ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋„์ถœํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Ensemble-Methods]], [[Decision-Trees-and-Random-Forests]], [[Supervised-Learning-Foundations]], [[Gradient-Descent]] +- **Raw Source:** [[10_Wiki/Topics/AI/Gradient-Boosting-Machines.md]] diff --git a/10_Wiki/Topics/AI/Gradient-Descent.md b/10_Wiki/Topics/AI/Gradient-Descent.md index 9f6ca36e..a5c76add 100644 --- a/10_Wiki/Topics/AI/Gradient-Descent.md +++ b/10_Wiki/Topics/AI/Gradient-Descent.md @@ -1,32 +1,31 @@ --- -id: P-REINFORCE-AUTO-GRDE-001 +id: OPT-GRAD-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" -confidence_score: 0.99 -tags: [auto-reinforced, gradient-descent, optimization, deep-learning, machine-learning, backpropagation] -last_reinforced: 2026-04-20 +confidence_score: 1.0 +tags: [ai, optimization, mathematics, gradient-descent, machine-learning] +last_reinforced: 2026-04-26 --- -# [[Gradient-Descent]] +# [[Gradient Descent Foundations (๊ฒฝ์‚ฌ ํ•˜๊ฐ•๋ฒ• ๊ธฐ์ดˆ)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "์•ˆ๊ฐœ ๋‚€ ์‚ฐ ๋‚ด๋ ค์˜ค๊ธฐ: ๋ณต์žกํ•œ ์ˆ˜๋งŒ ๊ฐœ์˜ ๋ณ€์ˆ˜๋“ค๋กœ ์ด๋ฃจ์–ด์ง„ ์˜ค์ฐจ์˜ ์‚ฐ(Error Surface)์—์„œ, ํ˜„์žฌ ์œ„์น˜์˜ ๊ฒฝ์‚ฌ(Gradient)๋ฅผ ๋”ฐ๋ผ ๊ฐ€์žฅ ๊ฐ€ํŒŒ๋ฅด๊ฒŒ ๋‚ฎ์•„์ง€๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ํ•œ ๊ฑธ์Œ์”ฉ ์ด๋™ํ•˜๋ฉฐ ์‹œ์Šคํ…œ์˜ ์˜ค์ฐจ๋ฅผ ์ตœ์†Œํ™”ํ•ด ๋‚˜๊ฐ€๋Š” ํ•™์Šต์˜ ํ–‰๋™ ๊ฐ•๋ น." +> "์–ด๋‘  ์†์—์„œ ์ง€ํ˜•์˜ ๊ธฐ์šธ๊ธฐ๋งŒ์„ ๋Š๋ผ๋ฉฐ ๊ฐ€์žฅ ๋‚ฎ์€ ๊ณจ์งœ๊ธฐ๋ฅผ ํ–ฅํ•ด ๋ˆ๊ธฐ ์žˆ๊ฒŒ ๋‚ด๋ ค๊ฐ€๋ผ" โ€” ๋ชจ๋ธ์˜ ์˜ˆ์ธก๊ฐ’๊ณผ ์‹ค์ œ๊ฐ’ ์‚ฌ์ด์˜ ์˜ค์ฐจ(Loss)๋ฅผ ์ •์˜ํ•˜๊ณ , ์ด ์˜ค์ฐจ๋ฅผ ์ตœ์†Œํ™”ํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์ ์ง„์ ์œผ๋กœ ์ˆ˜์ •ํ•ด ๋‚˜๊ฐ€๋Š” ์ธ๊ณต์ง€๋Šฅ ํ•™์Šต์˜ ๊ทผ๋ณธ ์•Œ๊ณ ๋ฆฌ์ฆ˜. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -๊ฒฝ์‚ฌ ํ•˜๊ฐ•๋ฒ•(Gradient-Descent)์€ ๋ฏธ๋ถ„ ๊ฐ€๋Šฅํ•œ ํ•จ์ˆ˜์˜ ์ตœ์†Ÿ๊ฐ’์„ ์ฐพ๋Š” ์ตœ์ ํ™” ์•Œ๊ณ ๋ฆฌ์ฆ˜์ž…๋‹ˆ๋‹ค. ํ˜„๋Œ€ AI ํ•™์Šต์˜ ์‹ฌ์žฅ๋ถ€์ž…๋‹ˆ๋‹ค. - -1. **์ž‘๋™ ์›๋ฆฌ**: - * **Gradient**: ํ•จ์ˆ˜์˜ ๊ธฐ์šธ๊ธฐ. ์ด ๋ฐฉํ–ฅ์˜ ๋ฐ˜๋Œ€์ชฝ์œผ๋กœ ๊ฐ€์•ผ ์˜ค์ฐจ๊ฐ€ ์ค„์–ด๋“ฆ. - * **Learning Rate ($\eta$)**: ํ•œ ๋ฐœ์ž๊ตญ์˜ ํฌ๊ธฐ. ๋„ˆ๋ฌด ํฌ๋ฉด ์‚ฐ์„ ๋›ฐ์–ด๋„˜๊ณ (๋ฐœ์‚ฐ), ๋„ˆ๋ฌด ์ž‘์œผ๋ฉด ๋‚ด๋ ค๊ฐ€๋Š” ๋ฐ ์˜๊ฒ์˜ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆผ. (Optimization๊ณผ ์—ฐ๊ฒฐ) -2. **์ข…๋ฅ˜**: - * **Batch GD**: ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค ๋ณด๊ณ  ๋‚ด๋ฆผ (์ •ํ™•ํ•˜์ง€๋งŒ ๋Š๋ฆผ). - * **Stochastic GD (SGD)**: ๋ฐ์ดํ„ฐ ํ•˜๋‚˜ ๋ณผ ๋•Œ๋งˆ๋‹ค ํ•œ ๊ฑธ์Œ (๋น ๋ฅด์ง€๋งŒ ์š”๋™์นจ). - * **Mini-batch GD**: ์ ๋‹นํ•œ ๋ฌถ์Œ์”ฉ ๋ณด๊ณ  ์ด๋™ (ํ˜„์‹ค์  ํƒ€ํ˜‘). +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ชฉ์  ํ•จ์ˆ˜์˜ ๋ฏธ๋ถ„๊ฐ’(Gradient)์ด ๊ฐ€๋ฆฌํ‚ค๋Š” ๋ฐฉํ–ฅ์˜ ๋ฐ˜๋Œ€ ๋ฐฉํ–ฅ์œผ๋กœ ํ•™์Šต๋ฅ (Learning Rate)๋งŒํผ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์—ฌ, ์˜ค์ฐจ๋ผ๋Š” ์‚ฐ๋งฅ์˜ ์ตœ์ €์ ์„ ์ฐพ๋Š” ๋ฐ˜๋ณต์  ์ตœ์ ํ™” ํŒจํ„ด. +- **ํ•ต์‹ฌ ์š”์†Œ:** + - **Learning Rate ($\eta$):** ํ•œ ๋ฒˆ์— ์–ผ๋งˆ๋‚˜ ๋ฉ€๋ฆฌ ์ด๋™ํ• ์ง€ ๊ฒฐ์ •. ๋„ˆ๋ฌด ํฌ๋ฉด ๋ฐœ์‚ฐํ•˜๊ณ , ๋„ˆ๋ฌด ์ž‘์œผ๋ฉด ํ•™์Šต์ด ๋Š๋ฆผ. + - **Partial Derivative:** ๊ฐ ํŒŒ๋ผ๋ฏธํ„ฐ๊ฐ€ ์˜ค์ฐจ์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ๋ ฅ์„ ๊ฐœ๋ณ„์ ์œผ๋กœ ๊ณ„์‚ฐ. + - **Step:** ํ˜„์žฌ ์œ„์น˜์—์„œ ๊ธฐ์šธ๊ธฐ๊ฐ€ ๊ฐ€์žฅ ๊ฐ€ํŒŒ๋ฅธ ๋ฐฉํ–ฅ์˜ ๋ฐ˜๋Œ€๋กœ ์ด๋™ํ•˜๋Š” ํ•œ ๋‹จ๊ณ„์˜ ์—ฐ์‚ฐ. +- **์ฃผ์š” ๋ณ€ํ˜•:** + - **Stochastic Gradient Descent (SGD):** ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋งŒ ๋ณด๊ณ  ์ฆ‰์‹œ ์—…๋ฐ์ดํŠธ. ๋น ๋ฅด์ง€๋งŒ ์š”๋™์ด ์‹ฌํ•จ. + - **Mini-batch SGD:** ์ ์ ˆํ•œ ๋ฌถ์Œ ๋ฐ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์†๋„์™€ ์•ˆ์ •์„ฑ์˜ ๊ท ํ˜•์„ ๋งž์ถค. ํ˜„๋Œ€ ๋”ฅ๋Ÿฌ๋‹์˜ ํ‘œ์ค€. +- **์˜์˜:** ๋ณต์žกํ•œ ์‹ ๊ฒฝ๋ง์˜ ์ˆ˜๋ฐฑ๋งŒ ๊ฐœ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ํ•™์Šต์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ์œ ์ผํ•˜๊ณ  ์‹ค์งˆ์ ์ธ ๋ฐฉ๋ฒ•. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ**: ๊ณผ๊ฑฐ์—๋Š” ๊ตญ์†Œ ์ตœ์ ํ•ด(Local Minima)์— ๊ฐ‡ํ˜€ ์˜์˜ ๋น ์ ธ๋‚˜์˜ค์ง€ ๋ชปํ•  ๊ฒƒ์ด๋ผ๋Š” ๋น„๊ด€ ์ •์ฑ…์ด ๋งŽ์•˜์œผ๋‚˜, ํ˜„๋Œ€ ์‹ค๋ฌด ์ •์ฑ…์€ ๊ณ ์ฐจ์› ๊ณต๊ฐ„์—์„œ๋Š” ๋Œ€๋ถ€๋ถ„์ด '์•ˆ์žฅ์ (Saddle point)'์ด๋ฉฐ ์ ์ ˆํ•œ ์†Œ์Œ(Adam ๋“ฑ)์ด ์žˆ์œผ๋ฉด ๋ฒ—์–ด๋‚  ์ˆ˜ ์žˆ์Œ์„ ์ž…์ฆํ•จ(RL Update). -- **์ •์ฑ… ๋ณ€ํ™”(RL Update)**: ๋‹จ์ˆœํžˆ ์˜ค์ฐจ๋ฅผ ์ค„์ด๋Š” ์ •์ฑ…์„ ๋„˜์–ด, ํ•™์Šต ๋„์ค‘ ๊ฒฝ์‚ฌ๊ฐ€ ์†Œ๋ฉธ(Vanishing)ํ•˜๊ฑฐ๋‚˜ ํญ์ฃผ(Exploding)ํ•˜๋Š” ์ •์ฑ…์„ ๋ง‰๊ธฐ ์œ„ํ•ด ๋ฐฐ์น˜ ์ •๊ทœํ™”(Batch Norm)๋‚˜ ์ž”์ฐจ ์—ฐ๊ฒฐ(Residual Connection) ๊ฐ™์€ ์•„ํ‚คํ…์ฒ˜์  ๋ณด์กฐ ์ •์ฑ…์ด ํ•„์ˆ˜ํ™”๋จ. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ๊ธฐ์šธ๊ธฐ๋งŒ ๋”ฐ๋ผ๊ฐ€๋˜ ๋ฐฉ์‹์—์„œ, ์ด์ œ๋Š” ๊ด€์„ฑ(Momentum)๊ณผ ๊ฐ€๋ณ€ ํ•™์Šต๋ฅ (Adam, RMSProp)์„ ๋”ํ•ด ํ›จ์”ฌ ํšจ์œจ์ ์œผ๋กœ ์ตœ์ €์ ์„ ์ฐพ๋Š” ๋ฐฉ์‹์œผ๋กœ ์ง„ํ™”. +- [[Global-vs-Local-Optima]] ๋ฌธ์„œ์™€ ์—ฐ๊ณ„ํ•˜์—ฌ, ์ง€์—ญ ์ตœ์ ํ•ด์˜ ํ•จ์ •์„ ํ”ผํ•˜๋Š” ๊ฒƒ์ด ๊ฒฝ์‚ฌ ํ•˜๊ฐ•๋ฒ• ์šด์˜์˜ ํ•ต์‹ฌ ๊ธฐ์ˆ ์ž„. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[Optimization]], [[Backpropagation]], [[Deep Learning (DL)]], [[Efficiency]], [[Error Prediction Error (RPE์™€ ์œ ์‚ฌ)]] -- **Modern Tech/Tools**: Adam, RMSprop, Momentum, PyTorch/TensorFlow (Autograd). ---- +- [[Backpropagation]], [[Global-vs-Local-Optima]], [[Deep-Learning-Foundations]], [[Mathematics-for-AI]] +- **Raw Source:** [[10_Wiki/Topics/AI/Gradient-Descent.md]] diff --git a/10_Wiki/Topics/AI/Graph-Theory.md b/10_Wiki/Topics/AI/Graph-Theory.md index ecc79c66..2acd3c9b 100644 --- a/10_Wiki/Topics/AI/Graph-Theory.md +++ b/10_Wiki/Topics/AI/Graph-Theory.md @@ -1,28 +1,30 @@ --- -id: GRAPH-THEORY-001 +id: MATH-GRAPH-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" confidence_score: 1.0 -tags: [math, computer-science, algorithms, network-analysis] +tags: [math, graph-theory, network-analysis, data-structures, ai] last_reinforced: 2026-04-26 --- -# [[Graph Theory (๊ทธ๋ž˜ํ”„ ์ด๋ก )]] +# [[Graph Theory and Networks (๊ทธ๋ž˜ํ”„ ์ด๋ก ๊ณผ ๋„คํŠธ์›Œํฌ)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "์„ธ์ƒ์˜ ๋ชจ๋“  ์—ฐ๊ฒฐ์„ ์ ๊ณผ ์„ ์˜ ์–ธ์–ด๋กœ ์ถ”์ƒํ™”ํ•˜๋ผ" โ€” ๊ฐœ์ฒด๋“ค ๊ฐ„์˜ ์ด์ง„ ๊ด€๊ณ„๋ฅผ ์ˆ˜ํ•™์ ์œผ๋กœ ๋ชจ๋ธ๋งํ•˜์—ฌ ๊ฒฝ๋กœ ํƒ์ƒ‰, ์—ฐ๊ฒฐ์„ฑ, ๋„คํŠธ์›Œํฌ ๊ตฌ์กฐ์˜ ํŠน์„ฑ์„ ์—ฐ๊ตฌํ•˜๋Š” ์ด์‚ฐ์ˆ˜ํ•™์˜ ํ•œ ๋ถ„์•ผ. +> "์„ธ์ƒ์˜ ๋ชจ๋“  ์กด์žฌ๋ฅผ ์ (Node)์œผ๋กœ, ๊ทธ๋“ค์˜ ๊ด€๊ณ„๋ฅผ ์„ (Edge)์œผ๋กœ ์—ฐ๊ฒฐํ•˜์—ฌ ๋ณต์žก๊ณ„์˜ ์ง€๋„๋ฅผ ๊ทธ๋ ค๋ผ" โ€” ๊ฐœ์ฒด๋“ค ๊ฐ„์˜ ์ƒํ˜ธ์ž‘์šฉ๊ณผ ์—ฐ๊ฒฐ ๊ตฌ์กฐ๋ฅผ ์ˆ˜ํ•™์ ์œผ๋กœ ๋ชจ๋ธ๋งํ•˜์—ฌ, ๋„คํŠธ์›Œํฌ์˜ ํŠน์„ฑ๊ณผ ์ •๋ณด์˜ ํ๋ฆ„์„ ๋ถ„์„ํ•˜๋Š” ํ•™๋ฌธ์  ํ† ๋Œ€. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ณต์žกํ•œ ๋ฌผ๋ฆฌ์ /๋…ผ๋ฆฌ์  ์‹œ์Šคํ…œ์„ ์ •์ (Vertex)๊ณผ ๊ฐ„์„ (Edge)์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ๊ทธ๋ž˜ํ”„ ๊ตฌ์กฐ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ์ตœ์ ํ™” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ์ถ”์ƒํ™” ํŒจํ„ด. -- **์„ธ๋ถ€ ๋‚ด์šฉ:** - - **Types of Graphs:** ์œ ํ–ฅ/๋ฌดํ–ฅ(Directed/Undirected), ๊ฐ€์ค‘(Weighted), ์ˆœํ™˜/๋น„์ˆœํ™˜(Cyclic/Acyclic) ๊ทธ๋ž˜ํ”„ ๋“ฑ. - - **Key Algorithms:** A*(๊ฒฝ๋กœ ํƒ์ƒ‰), Dijkstra(์ตœ๋‹จ ๊ฒฝ๋กœ), PageRank(์ค‘์š”๋„ ํ‰๊ฐ€), BFS/DFS(์ˆœํšŒ). - - **Connectivity:** ๋„คํŠธ์›Œํฌ ๋‚ด์˜ ์ปดํฌ๋„ŒํŠธ๋“ค์ด ์–ผ๋งˆ๋‚˜ ๊ธด๋ฐ€ํ•˜๊ฒŒ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ๋Š”์ง€, ๋‹จ์ ˆ ์‹œ ์˜ํ–ฅ๋„๋Š” ์–ด๋– ํ•œ์ง€ ๋ถ„์„. - - **Planar Graphs:** ํ‰๋ฉด ์œ„์— ๊ต์ฐจ ์—†์ด ๊ทธ๋ฆด ์ˆ˜ ์žˆ๋Š” ๊ทธ๋ž˜ํ”„. ํšŒ๋กœ ์„ค๊ณ„ ๋“ฑ์— ํ™œ์šฉ. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๊ฐœ๋ณ„ ์š”์†Œ์˜ ํŠน์„ฑ๋ณด๋‹ค ์š”์†Œ๋“ค ์‚ฌ์ด์˜ '์—ฐ๊ฒฐ ๋ฐฉ์‹(Connectivity)'์ด ์‹œ์Šคํ…œ ์ „์ฒด์˜ ์„ฑ๊ฒฉ(์ค‘์š”๋„, ์ „ํŒŒ ์†๋„, ๊ฐ•๊ฑด์„ฑ ๋“ฑ)์„ ๊ฒฐ์ •ํ•œ๋‹ค๋Š” ๊ด€๊ณ„ ์ค‘์‹ฌ์˜ ๋ถ„์„ ํŒจํ„ด. +- **ํ•ต์‹ฌ ๊ฐœ๋…:** + - **Nodes & Edges:** ๋ฐ์ดํ„ฐ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์ •์ ๊ณผ ๊ด€๊ณ„๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฐ„์„ . + - **Degree:** ํŠน์ • ๋…ธ๋“œ์— ์—ฐ๊ฒฐ๋œ ๊ฐ„์„ ์˜ ์ˆ˜ (์ค‘์š”๋„ ์ง€ํ‘œ). + - **Shortest Path:** ๋‘ ๋…ธ๋“œ ์‚ฌ์ด์˜ ์ตœ๋‹จ ๊ฑฐ๋ฆฌ (ํšจ์œจ์„ฑ ์ง€ํ‘œ). + - **Centrality:** ๋„คํŠธ์›Œํฌ ๋‚ด์—์„œ ํŠน์ • ๋…ธ๋“œ๊ฐ€ ์ฐจ์ง€ํ•˜๋Š” ์˜ํ–ฅ๋ ฅ (PageRank ๋“ฑ). + - **Clustering:** ๋…ธ๋“œ๋“ค์ด ์–ผ๋งˆ๋‚˜ ๋ฐ€์ง‘ํ•˜์—ฌ ๊ทธ๋ฃน์„ ํ˜•์„ฑํ•˜๋Š”์ง€ ์ธก์ •. +- **์˜์˜:** ์†Œ์…œ ๋„คํŠธ์›Œํฌ ๋ถ„์„, ์ „๋ ฅ๋ง ์„ค๊ณ„, ์‹ ์•ฝ ๊ฐœ๋ฐœ์€ ๋ฌผ๋ก , ํ˜„๋Œ€ AI์˜ ์ง€์‹ ๊ทธ๋ž˜ํ”„(Knowledge Graph)์™€ GNN์˜ ํ•ต์‹ฌ ์ด๋ก ์  ๊ทผ๊ฑฐ. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํ•œ ํผ์ฆ ํ’€์ด(์พจ๋‹ˆํžˆ์Šค๋ฒ ๋ฅดํฌ์˜ ๋‹ค๋ฆฌ)์—์„œ ์‹œ์ž‘ํ–ˆ์œผ๋‚˜, ํ˜„๋Œ€์—๋Š” ์ธํ„ฐ๋„ท ์•„ํ‚คํ…์ฒ˜, ๋‡Œ ์‹ ๊ฒฝ๋ง ๋ถ„์„, AI ๋ชจ๋ธ์˜ ์–ดํ…์…˜ ๋งต ๋ถ„์„ ๋“ฑ์œผ๋กœ ์‘์šฉ ๋ฒ”์œ„๊ฐ€ ๋ฌดํ•œํžˆ ํ™•์žฅ๋จ. -- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ง€์‹์˜ ๊ณ ๋ฆฝ(Islands)์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๊ทธ๋ž˜ํ”„ ์ด๋ก ์˜ 'Strongly Connected Components' ๊ฐœ๋…์„ ๋ฌธ์„œ ์ž๋™ ์—ฐ๊ฒฐ ๋กœ์ง์— ์ ์šฉํ•จ. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์ •์ ์ธ ๊ด€๊ณ„๋ง ๋ถ„์„์—์„œ ๋ฒ—์–ด๋‚˜, ์‹œ๊ฐ„์— ๋”ฐ๋ผ ๋…ธ๋“œ์™€ ์—ฃ์ง€๊ฐ€ ์ƒ์„ฑ/์†Œ๋ฉธํ•˜๋Š” ๋™์  ๋„คํŠธ์›Œํฌ(Dynamic Networks) ๋ถ„์„์œผ๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” 1,174๊ฐœ์˜ ์ง€์‹ ๋ฌธ์„œ ๊ฐ„์˜ ์ƒ๊ด€๊ด€๊ณ„๋ฅผ ๊ทธ๋ž˜ํ”„ ์ด๋ก ์  ๊ด€์ ์—์„œ ์ƒ์‹œ ๋ถ„์„ํ•˜๋ฉฐ, ์ง€์‹์˜ ๊ณ ๋ฆฝ(Island)์„ ๋ฐฉ์ง€ํ•˜๊ณ  ํ•ต์‹ฌ ์—ฐ๊ฒฐ ๋…ธ๋“œ๋ฅผ ์ž๋™์œผ๋กœ ์ถ”์ฒœํ•จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[Directed-Acyclic-Graph]], [[Graph-Database]], [[A-Star-Algorithm]], [[Network-Science]] +- [[GNN]], [[Geometric-Deep-Learning]], [[Knowledge-Graph-Foundations]], [[Search-Algorithms]] - **Raw Source:** [[10_Wiki/Topics/AI/Graph-Theory.md]] diff --git a/10_Wiki/Topics/AI/Greedy-Algorithms.md b/10_Wiki/Topics/AI/Greedy-Algorithms.md new file mode 100644 index 00000000..33bc5a59 --- /dev/null +++ b/10_Wiki/Topics/AI/Greedy-Algorithms.md @@ -0,0 +1,29 @@ +--- +id: CS-GREEDY-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [computer-science, algorithms, greedy-algorithm, optimization, search-strategies] +last_reinforced: 2026-04-26 +--- + +# [[Greedy Algorithms (ํƒ์š• ์•Œ๊ณ ๋ฆฌ์ฆ˜)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋งค ์ˆœ๊ฐ„ ๋ˆˆ์•ž์˜ ๊ฐ€์žฅ ํฐ ์ด๋“๋งŒ์„ ์ทจํ•˜๋ผ. ๋•Œ๋กœ๋Š” ๋‹จ์ˆœํ•œ ํƒ์š•์ด ๊ฐ€์žฅ ํšจ์œจ์ ์ธ ์ •๋‹ต์œผ๋กœ ์ธ๋„ํ•œ๋‹ค" โ€” ์ „์—ญ์ ์ธ ์ตœ์ ํ•ด๋ฅผ ์ฐพ๊ธฐ ์œ„ํ•ด ๋ณต์žกํ•˜๊ฒŒ ๊ณ ๋ฏผํ•˜๋Š” ๋Œ€์‹ , ๊ฐ ๋‹จ๊ณ„์—์„œ ๊ตญ์†Œ์ ์œผ๋กœ ๊ฐ€์žฅ ์ข‹์€ ์„ ํƒ(Local Optimum)์„ ๋ฐ˜๋ณตํ•˜์—ฌ ์ตœ์ข… ํ•ด๋ฅผ ๋„์ถœํ•˜๋Š” ์„ค๊ณ„ ๊ธฐ๋ฒ•. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Greedy Choice Property"์™€ "Optimal Substructure"๊ฐ€ ์„ฑ๋ฆฝํ•˜๋Š” ๋ฌธ์ œ์—์„œ, ๊ณผ๊ฑฐ์˜ ์„ ํƒ์„ ๋’ค๋Œ์•„๋ณด์ง€ ์•Š๊ณ  ํ˜„์žฌ์˜ ์ตœ์„ ๋งŒ์„ ์„ ํƒํ•˜์—ฌ ์—ฐ์‚ฐ ํšจ์œจ์„ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ํŒจํ„ด. +- **ํ•ต์‹ฌ ํŠน์ง•:** + - **Local Optimum:** ๊ฐ ๋‹จ๊ณ„์—์„œ์˜ ์ตœ์„ ์˜ ์„ ํƒ. + - **No Backtracking:** ํ•œ ๋ฒˆ ๋‚ด๋ฆฐ ๊ฒฐ์ •์€ ๋ฒˆ๋ณตํ•˜์ง€ ์•Š์Œ. + - **Efficiency:** ๋™์  ๊ณ„ํš๋ฒ•(DP)๋ณด๋‹ค ์—ฐ์‚ฐ ์†๋„๊ฐ€ ์••๋„์ ์œผ๋กœ ๋น ๋ฆ„. +- **์ ์šฉ ์‚ฌ๋ก€:** Dijkstra์˜ ์ตœ๋‹จ ๊ฒฝ๋กœ ์•Œ๊ณ ๋ฆฌ์ฆ˜, Prim/Kruskal์˜ ์ตœ์†Œ ์‹ ์žฅ ํŠธ๋ฆฌ(MST), ํ—ˆํ”„๋งŒ ์ฝ”๋”ฉ(Huffman Coding), ๊ฑฐ์Šค๋ฆ„๋ˆ ๋ฌธ์ œ. +- **ํ•œ๊ณ„:** ๋ชจ๋“  ๋ฌธ์ œ์—์„œ ์ „์—ญ ์ตœ์ ํ•ด(Global Optimum)๋ฅผ ๋ณด์žฅํ•˜์ง€๋Š” ์•Š์œผ๋ฏ€๋กœ ์‚ฌ์šฉ ์ „ ์ˆ˜ํ•™์  ๊ฒ€์ฆ์ด ํ•„์š”ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์™„๋ฒฝํ•œ ์ •๋‹ต(Optimal Solution)๋งŒ์„ ์ถ”๊ตฌํ•˜๋˜ ๊ฒฝ์ง๋œ ์‚ฌ๊ณ ์—์„œ, ์‹ค์‹œ๊ฐ„์„ฑ์ด๋‚˜ ์—ฐ์‚ฐ ์ž์›์ด ์ค‘์š”ํ•œ ํ™˜๊ฒฝ์—์„œ๋Š” '์ถฉ๋ถ„ํžˆ ์ข‹์€ ํ•ด(Heuristic)'๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ๋Š” ํƒ์š•์  ๋ฐฉ์‹์ด ๋” ํ˜„์‹ค์ ์ผ ์ˆ˜ ์žˆ์Œ์„ ์ธ์ •. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ์‹ค์‹œ๊ฐ„ ์ง€์‹ ์ž„๋ฒ ๋”ฉ ํด๋Ÿฌ์Šคํ„ฐ๋ง ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์—ฐ์‚ฐ ๋ถ€ํ•˜๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด ์ผ๋ถ€ ๋‹จ๊ณ„์—์„œ ํƒ์š•์  ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ฑ„ํƒํ•˜์—ฌ ๋น ๋ฅธ ๋ฐ˜์‘์„ฑ์„ ์œ ์ง€ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Global-vs-Local-Optima]], [[Search-Algorithms]], [[Heuristic-Search]], [[Dynamic-Programming-Foundations]] +- **Raw Source:** [[10_Wiki/Topics/AI/Greedy-Algorithms.md]] diff --git a/10_Wiki/Topics/AI/HMM.md b/10_Wiki/Topics/AI/HMM.md new file mode 100644 index 00000000..76fe9d7f --- /dev/null +++ b/10_Wiki/Topics/AI/HMM.md @@ -0,0 +1,28 @@ +--- +id: MATH-HMM-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [statistics, machine-learning, hmm, sequence-modeling, hidden-states] +last_reinforced: 2026-04-26 +--- + +# [[HMM (Hidden Markov Models, ์€๋‹‰ ๋งˆ๋ฅด์ฝ”ํ”„ ๋ชจ๋ธ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ณด์ด์ง€ ์•Š๋Š” ์ง„์‹ค(Hidden States)์„ ๊ฒ‰์œผ๋กœ ๋“œ๋Ÿฌ๋‚œ ํ˜„์ƒ(Observations)์„ ํ†ตํ•ด ํ™•๋ฅ ์ ์œผ๋กœ ์ถ”๋ก ํ•˜๋ผ" โ€” ๊ด€์ธก ๊ฐ€๋Šฅํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ง์ ‘ ๋ณผ ์ˆ˜ ์—†๋Š” ์ƒํƒœ๋“ค์˜ ๋ณ€ํ™” ๊ณผ์ •์„ ํ™•๋ฅ  ๋ชจ๋ธ๋กœ ์„ค๋ช…ํ•˜๋Š” ์‹œ๊ณ„์—ด ๋ฐ์ดํ„ฐ ๋ถ„์„์˜ ๊ณ ์ „์ด์ž ํ•ต์‹ฌ ๋„๊ตฌ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Markov Property" โ€” ๋ฏธ๋ž˜์˜ ์ƒํƒœ๋Š” ์˜ค์ง ํ˜„์žฌ์˜ ์ƒํƒœ์— ์˜ํ•ด์„œ๋งŒ ๊ฒฐ์ •๋œ๋‹ค๋Š” ๊ฐ€์ •์„ ๋ฐ”ํƒ•์œผ๋กœ, ์ˆจ๊ฒจ์ง„ ์ƒํƒœ๋“ค ์‚ฌ์ด์˜ ์ „์ด ํ™•๋ฅ (Transition Prob)๊ณผ ์ƒํƒœ๋ณ„ ๊ด€์ธก ํ™•๋ฅ (Emission Prob)์„ ๊ณ„์‚ฐํ•˜๋Š” ํ™•๋ฅ  ๋ชจ๋ธ๋ง ํŒจํ„ด. +- **์ฃผ์š” ์•Œ๊ณ ๋ฆฌ์ฆ˜:** + - **Forward-Backward Algorithm:** ํŠน์ • ๊ด€์ธก์น˜๊ฐ€ ๋‚˜ํƒ€๋‚  ์ „์ฒด ํ™•๋ฅ  ๊ณ„์‚ฐ. + - **Viterbi Algorithm:** ๊ด€์ธก๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ–ˆ์„ ๊ฐ€์žฅ ๊ฐ€๋Šฅ์„ฑ ๋†’์€ ์ƒํƒœ์˜ ๊ฒฝ๋กœ(Sequence) ํƒ์ƒ‰. + - **Baum-Welch Algorithm:** ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด ๋ชจ๋ธ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ํ•™์Šตํ•˜๋Š” EM ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๊ธฐ๋ฐ˜ ๊ธฐ๋ฒ•. +- **์˜์˜:** ์Œ์„ฑ ์ธ์‹, ์œ ์ „์ž ๋ถ„์„, ํ•„๊ธฐ์ฒด ์ธ์‹ ๋“ฑ ๋”ฅ๋Ÿฌ๋‹ ์ด์ „์˜ ์‹œํ€€์Šค ๋ชจ๋ธ๋ง ๋ถ„์•ผ๋ฅผ ์ง€๋ฐฐํ–ˆ์œผ๋ฉฐ, ํ˜„์žฌ๋„ ๋ถˆ์™„์ „ํ•œ ์ •๋ณด ํ•˜์˜ ์ƒํƒœ ์ถ”๋ก ์— ๋„๋ฆฌ ์“ฐ์ž„. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** RNN/LSTM์— ์˜ํ•ด ๋งŽ์€ ์˜์—ญ์ด ๋Œ€์ฒด๋˜์—ˆ์œผ๋‚˜, ๋ช…์‹œ์ ์ธ ์ƒํƒœ ์ „์ด๊ฐ€ ์ค‘์š”ํ•œ ์ œ์–ด ์‹œ์Šคํ…œ์ด๋‚˜ ๋ฐ์ดํ„ฐ๊ฐ€ ๋งค์šฐ ์ ์€ ํ™•๋ฅ  ๋ชจ๋ธ๋ง์—์„œ๋Š” ์—ฌ์ „ํžˆ ๊ฐ•๋ ฅํ•œ ํšจ์œจ์„ฑ์„ ๋ฐœํœ˜ํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ๋ถˆ์™„์ „ํ•œ ์„ผ์„œ ๋ฐ์ดํ„ฐ๋‚˜ ๋ถˆ๊ทœ์น™ํ•œ ๋กœ๊ทธ ์‹œํ€€์Šค๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์‹œ์Šคํ…œ์˜ ์ž ์žฌ์  ์ƒํƒœ(์ •์ƒ/์œ„ํ—˜/์žฅ์•  ๋“ฑ)๋ฅผ ํ™•๋ฅ ์ ์œผ๋กœ ์ง„๋‹จํ•  ๋•Œ HMM์„ ๋ณด์กฐ์ ์œผ๋กœ ํ™œ์šฉํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Probability-Theory]], [[RNN-Foundations]], [[Kalman-Filter]], [[Sequence-to-Sequence-Models]] +- **Raw Source:** [[10_Wiki/Topics/AI/HMM.md]] diff --git a/10_Wiki/Topics/AI/Hallucination-in-LLMs.md b/10_Wiki/Topics/AI/Hallucination-in-LLMs.md new file mode 100644 index 00000000..5606bdfd --- /dev/null +++ b/10_Wiki/Topics/AI/Hallucination-in-LLMs.md @@ -0,0 +1,32 @@ +--- +id: LLM-HAL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, nlp, llm, hallucination, ai-ethics, rag] +last_reinforced: 2026-04-26 +--- + +# [[Hallucination in LLMs (LLM์˜ ํ™˜๊ฐ ํ˜„์ƒ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ชจ๋ธ์€ '๋ชจ๋ฆ„'์„ ์ธ์ •ํ•˜๊ธฐ๋ณด๋‹ค ๊ฐ€์žฅ ๊ทธ๋Ÿด๋“ฏํ•œ ๊ฑฐ์ง“๋ง์„ ์„ ํƒํ•˜๋Š” ํ†ต๊ณ„์  ๋ณธ๋Šฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Œ์„ ๊ฒฝ๊ณ„ํ•˜๋ผ" โ€” ๋Œ€๊ทœ๋ชจ ์–ธ์–ด ๋ชจ๋ธ์ด ํ•™์Šต ๋ฐ์ดํ„ฐ์— ์—†๋Š” ์‚ฌ์‹ค์„ ๋งˆ์น˜ ์‚ฌ์‹ค์ธ ๊ฒƒ์ฒ˜๋Ÿผ ์ง€์–ด๋‚ด๊ฑฐ๋‚˜, ๋…ผ๋ฆฌ์ ์œผ๋กœ ๋งž์ง€ ์•Š๋Š” ๋‹ต๋ณ€์„ ์ƒ์„ฑํ•˜๋Š” ํ˜„์ƒ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ชจ๋ธ์ด ํ™•๋ฅ ์ ์œผ๋กœ ๊ฐ€์žฅ ๋†’์€ ๋‹ค์Œ ํ† ํฐ์„ ์ƒ์„ฑํ•˜๋Š” ๊ณผ์ •์—์„œ, ์‚ฌ์‹ค ๊ด€๊ณ„(Factuality)๋ณด๋‹ค ๋ฌธ์žฅ์˜ ์œ ์ฐฝํ•จ(Fluency)์ด๋‚˜ ํŒจํ„ด์˜ ์œ ์‚ฌ์„ฑ์— ์••๋„๋˜์–ด ๋ฐœ์ƒํ•˜๋Š” ์ •๋ณด ์™œ๊ณก ํŒจํ„ด. +- **์ฃผ์š” ์›์ธ:** + - **Data Noise:** ํ•™์Šต ๋ฐ์ดํ„ฐ ์ž์ฒด์— ์ž˜๋ชป๋œ ์ •๋ณด๊ฐ€ ํฌํ•จ๋œ ๊ฒฝ์šฐ. + - **Over-smoothing:** ๋“œ๋ฌธ ์‚ฌ์‹ค๋ณด๋‹ค ํ”ํ•œ ํŒจํ„ด์„ ์šฐ์„ ์‹œํ•˜์—ฌ ์ผ๋ฐ˜ํ™”ํ•˜๋Š” ๊ฒฝํ–ฅ. + - **Knowledge Cut-off:** ํ•™์Šต ์‹œ์  ์ดํ›„์˜ ์‚ฌ๊ฑด์— ๋Œ€ํ•ด ์ถ”์ธกํ•˜์—ฌ ๋‹ต๋ณ€. +- **ํ•ด๊ฒฐ ์ „๋žต:** + - **RAG (Retrieval-Augmented Generation):** ์™ธ๋ถ€์˜ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์ง€์‹ ์†Œ์Šค๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ ๊ทผ๊ฑฐ๋กœ ์ œ๊ณต (Antigravity์˜ ํ•ต์‹ฌ ์ „๋žต). + - **Prompt Engineering:** "๋ชจ๋ฅด๋ฉด ๋ชจ๋ฅธ๋‹ค๊ณ  ๋‹ตํ•˜๋ผ"๋Š” ๋ช…์‹œ์  ์ง€์‹œ ํฌํ•จ. + - **Verification Loop:** ์ƒ์„ฑ๋œ ๋‹ต๋ณ€์„ ๋‹ค๋ฅธ ๋ชจ๋ธ์ด๋‚˜ ์ธ๊ฐ„์ด ์žฌ๊ฒ€์ฆ. +- **์˜์˜:** AI ๋‹ต๋ณ€์˜ ์‹ ๋ขฐ๋„๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ๊ฐ€์žฅ ํฐ ์žฅ๋ฒฝ์ด๋ฉฐ, ์ด๋ฅผ ํ†ต์ œํ•˜๋Š” ๋Šฅ๋ ฅ์ด ์‹ค์ „ AI ์„ฑ๋Šฅ์˜ ์ฒ™๋„๊ฐ€ ๋จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ '์ฐฝ์˜์  ์˜ค๋ฅ˜'๋กœ ์น˜๋ถ€๋˜๋˜ ์‹œ๊ธฐ๋ฅผ ์ง€๋‚˜, ์ด์ œ๋Š” ์‹œ์Šคํ…œ์˜ ๊ฒฐํ•จ์œผ๋กœ ์ธ์‹๋˜์–ด ์ด๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•œ ๊ธฐ์ˆ (RLHF, RAG ๋“ฑ)์ด ๋น„์•ฝ์ ์œผ๋กœ ๋ฐœ์ „ํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋ชจ๋“  ์ง€์‹ ๋ณด๊ฐ• ์ž‘์—… ์‹œ `00_Raw` ๋ฐ์ดํ„ฐ์— ๊ธฐ๋ฐ˜ํ•œ RAG ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ฐ•์ œํ•˜์—ฌ ํ™˜๊ฐ ํ˜„์ƒ์„ ์›์ฒœ ์ฐจ๋‹จํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[LLM]], [[Reinforcement-Learning-from-Human-Feedback-RLHF]], [[Trustworthy-AI]], [[Knowledge-Gardening-Protocol]] +- **Raw Source:** [[10_Wiki/Topics/AI/Hallucination-in-LLMs.md]] diff --git a/10_Wiki/Topics/AI/Hardware-Acceleration-for-AI.md b/10_Wiki/Topics/AI/Hardware-Acceleration-for-AI.md new file mode 100644 index 00000000..06061e09 --- /dev/null +++ b/10_Wiki/Topics/AI/Hardware-Acceleration-for-AI.md @@ -0,0 +1,32 @@ +--- +id: HW-ACCEL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [hardware, ai-infrastructure, tpu, npu, asic, acceleration] +last_reinforced: 2026-04-26 +--- + +# [[Hardware Acceleration for AI (AI ํ•˜๋“œ์›จ์–ด ๊ฐ€์†)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฒ”์šฉ์„ฑ์„ ํฌ๊ธฐํ•˜๊ณ  ์—ฐ์‚ฐ์˜ ๋ณธ์งˆ(Matrix Math)์—๋งŒ ๋ชจ๋“  ํ•˜๋“œ์›จ์–ด ์ž์›์„ ์Ÿ์•„๋ถ€์–ด ์„ฑ๋Šฅ์˜ ํ•œ๊ณ„๋ฅผ ๋ŒํŒŒํ•˜๋ผ" โ€” ์ธ๊ณต์ง€๋Šฅ ํ•™์Šต๊ณผ ์ถ”๋ก ์— ํ•„์š”ํ•œ ๊ฑฐ๋Œ€ํ•œ ๊ทœ๋ชจ์˜ ํ–‰๋ ฌ ์—ฐ์‚ฐ์„ CPU๋ณด๋‹ค ์ˆ˜์‹ญ~์ˆ˜๋ฐฑ ๋ฐฐ ๋น ๋ฅด๊ฒŒ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์„ค๊ณ„๋œ ํŠน์ˆ˜ ๋ชฉ์  ํ•˜๋“œ์›จ์–ด ๋ฐ ๊ทธ ๊ฐ€์† ๊ธฐ์ˆ . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋”ฅ๋Ÿฌ๋‹ ์—ฐ์‚ฐ์˜ 90% ์ด์ƒ์„ ์ฐจ์ง€ํ•˜๋Š” ๊ณฑ์…ˆ-๋ˆ„์‚ฐ(MAC) ์—ฐ์‚ฐ์„ ์ €์ „๋ ฅ์œผ๋กœ ์ดˆ๊ณ ์† ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์—ฐ์‚ฐ ์œ ๋‹›์„ ๊ฒฉ์ž ํ˜•ํƒœ๋กœ ๋ฐฐ์น˜ํ•˜๋Š” ์‹œ์Šคํ†จ๋ฆญ ์–ด๋ ˆ์ด(Systolic Array) ์•„ํ‚คํ…์ฒ˜ ํŒจํ„ด. +- **์ฃผ์š” ๊ฐ€์†๊ธฐ ์ข…๋ฅ˜:** + - **GPU (Graphics Processing Unit):** ์ˆ˜์ฒœ ๊ฐœ์˜ ์ฝ”์–ด๋ฅผ ์ด์šฉํ•œ ๋ฒ”์šฉ ๋ณ‘๋ ฌ ์ฒ˜๋ฆฌ์˜ ๊ฐ•์ž. + - **TPU (Tensor Processing Unit):** ๊ตฌ๊ธ€์ด ๊ฐœ๋ฐœํ•œ ํ…์„œ ์—ฐ์‚ฐ ํŠนํ™” ASIC. + - **NPU (Neural Processing Unit):** ๋ชจ๋ฐ”์ผ ๋ฐ ์—ฃ์ง€ ๊ธฐ๊ธฐ์—์„œ ์ €์ „๋ ฅ AI ์—ฐ์‚ฐ์— ํŠนํ™”. + - **FPGA:** ํšŒ๋กœ๋ฅผ ์ง์ ‘ ํ”„๋กœ๊ทธ๋ž˜๋ฐํ•˜์—ฌ ํŠน์ • ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋งž์ถคํ™”๋œ ์„ฑ๋Šฅ ์ œ๊ณต. +- **ํ•ต์‹ฌ ๊ธฐ์ˆ :** + - **Mixed Precision:** FP32 ๋Œ€์‹  FP16, BF16, INT8 ๋“ฑ ๋‚ฎ์€ ์ •๋ฐ€๋„๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—ฐ์‚ฐ๋Ÿ‰๊ณผ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰ ์ ˆ๊ฐ. + - **Quantization:** ๋ชจ๋ธ ๊ฐ€์ค‘์น˜๋ฅผ ๋‚ฎ์€ ๋น„ํŠธ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ๊ฐ€์†ํ™”. +- **์˜์˜:** ํ•˜๋“œ์›จ์–ด์˜ ํ˜์‹ ์ด ๋ชจ๋ธ์˜ ๋Œ€ํ˜•ํ™”์™€ ์‹ค์‹œ๊ฐ„ ์„œ๋น™์„ ๊ฐ€๋Šฅ์ผ€ ํ•˜๋Š” AI ๋ฐœ์ „์˜ ๋ฌผ๋ฆฌ์  ๋™๋ ฅ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ํ•˜๋“œ์›จ์–ด๋Š” ์ฃผ์–ด์ง„ ๊ฒƒ์ด๋ผ๋Š” ์ธ์‹์—์„œ ๋ฒ—์–ด๋‚˜, ์ด์ œ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์— ๋งž์ถฐ ํ•˜๋“œ์›จ์–ด๋ฅผ ์„ค๊ณ„(HW-SW Co-design)ํ•˜๋Š” ์‹œ๋Œ€๋กœ ์ง„ํ™”. +- [[GPU-Architecture-for-AI]] ๋ฌธ์„œ์™€ ์—ฐ๊ณ„ํ•˜์—ฌ, ๊ฐ ๊ฐ€์†๊ธฐ๋ณ„ ์ตœ์ ํ™” ์ „๋žต์˜ ์ฐจ์ด๋ฅผ ๋ช…ํ™•ํžˆ ์ธ์ง€ํ•ด์•ผ ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[GPU-Architecture-for-AI]], [[System-Design-for-AI-Scale]], [[Deep-Learning-Foundations]], [[Edge-AI-and-Computing]] +- **Raw Source:** [[10_Wiki/Topics/AI/Hardware-Acceleration-for-AI.md]] diff --git a/10_Wiki/Topics/AI/Hash-Functions-and-Maps.md b/10_Wiki/Topics/AI/Hash-Functions-and-Maps.md new file mode 100644 index 00000000..a91b8e60 --- /dev/null +++ b/10_Wiki/Topics/AI/Hash-Functions-and-Maps.md @@ -0,0 +1,28 @@ +--- +id: CS-HASH-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [computer-science, data-structures, hash-function, hash-map, search-efficiency] +last_reinforced: 2026-04-26 +--- + +# [[Hash Functions and Maps (ํ•ด์‹œ ํ•จ์ˆ˜์™€ ๋งต)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ๊ณ ์œ ํ•œ ์ง€๋ฌธ(Hash)์„ ๋งŒ๋“ค์–ด, ์•„๋ฌด๋ฆฌ ๋„“์€ ๊ณต๊ฐ„์—์„œ๋„ ๋‹จ๋ฒˆ์— ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ๋‚š์•„์ฑ„๋ผ" โ€” ์ž„์˜์˜ ๊ธธ์ด๋ฅผ ๊ฐ€์ง„ ๋ฐ์ดํ„ฐ๋ฅผ ๊ณ ์ •๋œ ๊ธธ์ด์˜ ๊ณ ์œ ํ•œ ๊ฐ’์œผ๋กœ ๋ณ€ํ™˜(Hashing)ํ•˜๊ณ , ์ด๋ฅผ ์ธ๋ฑ์Šค๋กœ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ์˜ ์‚ฝ์ž…๊ณผ ๊ฒ€์ƒ‰์„ ์ƒ์„ฑ ์‹œ๊ฐ„($O(1)$)์— ์ˆ˜ํ–‰ํ•˜๋Š” ํ•ต์‹ฌ ์ž๋ฃŒ๊ตฌ์กฐ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Key-Value" ์Œ์œผ๋กœ ์ •๋ณด๋ฅผ ์ €์žฅํ•˜๊ณ , ํ‚ค๊ฐ’์— ํ•ด์‹œ ํ•จ์ˆ˜๋ฅผ ์ ์šฉํ•˜์—ฌ ์ €์žฅ ์œ„์น˜๋ฅผ ์ฆ‰๊ฐ ๊ฒฐ์ •ํ•จ์œผ๋กœ์จ ํƒ์ƒ‰ ๋ฒ”์œ„๋ฅผ ์›์ฒœ์ ์œผ๋กœ ๋ฐฐ์ œํ•˜๋Š” ๋งคํ•‘ ํŒจํ„ด. +- **ํ•ต์‹ฌ ์š”์†Œ:** + - **Hash Function:** ์ž…๋ ฅ ๋ฐ์ดํ„ฐ๋ฅผ ๊ณ ๋ฅด๊ฒŒ ๋ถ„์‚ฐ๋œ ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฒฐ์ •๋ก ์  ํ•จ์ˆ˜. + - **Collision Resolution:** ์„œ๋กœ ๋‹ค๋ฅธ ํ‚ค๊ฐ€ ๊ฐ™์€ ํ•ด์‹œ๊ฐ’์„ ๊ฐ€์งˆ ๋•Œ์˜ ํ•ด๊ฒฐ์ฑ… (Chaining, Open Addressing). + - **Load Factor:** ํ•ด์‹œ ํ…Œ์ด๋ธ”์˜ ์ฑ„์›Œ์ง„ ์ •๋„์— ๋”ฐ๋ผ ์„ฑ๋Šฅ์ด ๊ฒฐ์ •๋˜๋ฏ€๋กœ ์ ์ ˆํ•œ ๋ฆฌ์‚ฌ์ด์ง•(Resizing) ํ•„์š”. +- **์˜์˜:** ์บ์‹œ ์‹œ์Šคํ…œ, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ธ๋ฑ์‹ฑ, ์•”ํ˜ธํ™”, ์ค‘๋ณต ์ฒดํฌ ๋“ฑ ํ˜„๋Œ€ ๋ชจ๋“  ๊ณ ์„ฑ๋Šฅ ์†Œํ”„ํŠธ์›จ์–ด ์•„ํ‚คํ…์ฒ˜์˜ ํ•„์ˆ˜ ๊ตฌ์„ฑ ์š”์†Œ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํ•œ ๋ฐฐ์—ด์ด๋‚˜ ๋ฆฌ์ŠคํŠธ๋ฅผ ์ˆœํšŒํ•˜๋˜ ๋ฐฉ์‹์—์„œ, ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ์กฐ๊ธˆ ๋” ์‚ฌ์šฉํ•˜๋”๋ผ๋„ ์••๋„์ ์ธ ๊ฒ€์ƒ‰ ์†๋„๋ฅผ ๋ณด์žฅํ•˜๋Š” ํ•ด์‹œ ๊ธฐ๋ฐ˜ ์ž๋ฃŒ๊ตฌ์กฐ๊ฐ€ ํ˜„๋Œ€ ๊ฐœ๋ฐœ์˜ ํ‘œ์ค€์œผ๋กœ ์ •์ฐฉ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ˆ˜๋ฐฑ๋งŒ ๊ฐœ์˜ ์ง€์‹ ์ž„๋ฒ ๋”ฉ ID๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ์ค‘๋ณต ๋ฌธ์„œ๋ฅผ ๋น ๋ฅด๊ฒŒ ํ•„ํ„ฐ๋งํ•˜๊ธฐ ์œ„ํ•ด ๊ณ ์„ฑ๋Šฅ ํ•ด์‹œ ๋งต ์•„ํ‚คํ…์ฒ˜๋ฅผ ์ ๊ทน ํ™œ์šฉํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Data-Structures-Foundations]], [[Search-Algorithms]], [[Distributed-Computing]], [[System-Design-for-AI-Scale]] +- **Raw Source:** [[10_Wiki/Topics/AI/Hash-Functions-and-Maps.md]] diff --git a/10_Wiki/Topics/AI/Heuristic-Search.md b/10_Wiki/Topics/AI/Heuristic-Search.md new file mode 100644 index 00000000..6f3e1896 --- /dev/null +++ b/10_Wiki/Topics/AI/Heuristic-Search.md @@ -0,0 +1,28 @@ +--- +id: CS-HEUR-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, algorithms, search-algorithms, heuristic, a-star, pathfinding] +last_reinforced: 2026-04-26 +--- + +# [[Heuristic Search (ํœด๋ฆฌ์Šคํ‹ฑ ํƒ์ƒ‰)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์™„๋ฒฝํ•œ ๊ณ„์‚ฐ์— ์ง‘์ฐฉํ•˜๊ธฐ๋ณด๋‹ค, ์ •๋‹ต์— ๊ฐ€๊นŒ์šธ ๊ฒƒ ๊ฐ™์€ ๊ธธ์„ ๋จผ์ € ์„ ํƒํ•˜์—ฌ ํƒ์ƒ‰์˜ ๋ฏธ๋กœ๋ฅผ ๋ŒํŒŒํ•˜๋ผ" โ€” ๋ฌธ์ œ ํ•ด๊ฒฐ ๊ณผ์ •์—์„œ ๋ชจ๋“  ๊ฒฝ๋กœ๋ฅผ ํƒ์ƒ‰ํ•˜๋Š” ๋Œ€์‹ , ํ˜„์žฌ ์ƒํƒœ์—์„œ ๋ชฉํ‘œ๊นŒ์ง€ ๋‚จ์€ ๊ฑฐ๋ฆฌ๋‚˜ ๋น„์šฉ์„ ์ถ”์ •(Heuristic)ํ•˜์—ฌ ํƒ์ƒ‰ ๋ฒ”์œ„๋ฅผ ํš๊ธฐ์ ์œผ๋กœ ์ค„์ด๋Š” ์ „๋žต. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Best-First Search" โ€” ํ‰๊ฐ€ ํ•จ์ˆ˜ $f(n) = g(n) + h(n)$ ์„ ์‚ฌ์šฉํ•˜์—ฌ, ์ง€๊ธˆ๊นŒ์ง€ ์˜จ ๋น„์šฉ($g$)๊ณผ ์•ž์œผ๋กœ ๋‚จ์€ ์˜ˆ์ƒ ๋น„์šฉ($h$)์˜ ํ•ฉ์ด ๊ฐ€์žฅ ์ ์€ ๋…ธ๋“œ๋ถ€ํ„ฐ ์šฐ์„ ์ ์œผ๋กœ ๋ฐฉ๋ฌธํ•˜๋Š” ์šฐ์„ ์ˆœ์œ„ ํƒ์ƒ‰ ํŒจํ„ด. +- **ํ•ต์‹ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜:** + - **A* Search:** ๊ฐ€์žฅ ๋„๋ฆฌ ์“ฐ์ด๋Š” ํœด๋ฆฌ์Šคํ‹ฑ ํƒ์ƒ‰์œผ๋กœ, ๋‚จ์€ ๊ฑฐ๋ฆฌ($h$)๋ฅผ ๊ณผ์†Œํ‰๊ฐ€(Admissibility)ํ•  ๊ฒฝ์šฐ ํ•ญ์ƒ ์ตœ๋‹จ ๊ฒฝ๋กœ๋ฅผ ๋ณด์žฅํ•จ. + - **Greedy Best-First Search:** ํ˜„์žฌ ์œ„์น˜์—์„œ ๋ชฉํ‘œ์— ๊ฐ€์žฅ ๊ฐ€๊นŒ์›Œ ๋ณด์ด๋Š” ๊ณณ์œผ๋กœ๋งŒ ์ด๋™. ๋น ๋ฅด์ง€๋งŒ ์ตœ๋‹จ ๊ฒฝ๋กœ ๋ณด์žฅ ๋ชปํ•จ. + - **Beam Search:** ๋ฉ”๋ชจ๋ฆฌ ์ œ์•ฝ์„ ์œ„ํ•ด ์ƒ์œ„ N๊ฐœ์˜ ์œ ๋งํ•œ ๊ฒฝ๋กœ๋งŒ ๋‚จ๊ธฐ๊ณ  ํƒ์ƒ‰ (LLM ๋ฌธ์žฅ ์ƒ์„ฑ์— ์‚ฌ์šฉ). +- **์˜์˜:** ํƒ์ƒ‰ ๊ณต๊ฐ„์ด ๊ธฐํ•˜๊ธ‰์ˆ˜์ ์œผ๋กœ ๋Š˜์–ด๋‚˜๋Š” ๋ฌธ์ œ(์ฒด์Šค, ๊ฒฝ๋กœ ์ฐพ๊ธฐ, ์–ธ์–ด ๋ชจ๋ธ๋ง ๋“ฑ)์—์„œ ์—ฐ์‚ฐ ์ž์›์„ ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜์—ฌ ํ˜„์‹ค์ ์ธ ์‹œ๊ฐ„ ๋‚ด์— ๋‹ต์„ ๋„์ถœํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์™„์ „ ํƒ์ƒ‰(BFS, DFS)์ด ์ •๋‹ต์ด๋ผ๋Š” ๊ณ ์ •๊ด€๋…์—์„œ ๋ฒ—์–ด๋‚˜, ๋ณต์žก๋„๊ฐ€ ๋†’์€ ํ˜„์‹ค ๋ฌธ์ œ์—์„œ๋Š” '์ถฉ๋ถ„ํžˆ ์ข‹์€ ํ•ด'๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ๋Š” ํœด๋ฆฌ์Šคํ‹ฑ์ด ๋” ๊ฐ€์น˜ ์žˆ์Œ์„ ์ฆ๋ช…. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ์  ํ•จ๋Œ€ ๊ฒฝ๋กœ ํƒ์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์žฅ์• ๋ฌผ ํšŒํ”ผ๋ฅผ ์œ„ํ•ด ์ตœ์ ํ™”๋œ A* ํœด๋ฆฌ์Šคํ‹ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ์‹ค์‹œ๊ฐ„ ํ”„๋ ˆ์ž„ ์ €ํ•˜ ์—†์ด ๋ณต์žกํ•œ ์ง€ํ˜•์„ ๊ธฐ๋™ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Search-Algorithms]], [[Greedy-Algorithms]], [[A-Star-Algorithm-Optimizations]], [[Decision-Trees-and-Random-Forests]] +- **Raw Source:** [[10_Wiki/Topics/AI/Heuristic-Search.md]] diff --git a/10_Wiki/Topics/AI/High-Availability-Systems.md b/10_Wiki/Topics/AI/High-Availability-Systems.md new file mode 100644 index 00000000..eb3aa910 --- /dev/null +++ b/10_Wiki/Topics/AI/High-Availability-Systems.md @@ -0,0 +1,29 @@ +--- +id: SYS-HA-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [infrastructure, high-availability, cloud-computing, reliability, system-architecture] +last_reinforced: 2026-04-26 +--- + +# [[High Availability Systems (๊ณ ๊ฐ€์šฉ์„ฑ ์‹œ์Šคํ…œ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "์žฅ์• ๋Š” ๋ฐ˜๋“œ์‹œ ์ผ์–ด๋‚œ๋‹ค๋Š” ๊ฐ€์ • ํ•˜์—, ์‹œ์Šคํ…œ์˜ ์–ด๋Š ํ•œ ๊ณณ์ด ๋ฌด๋„ˆ์ ธ๋„ ์„œ๋น„์Šค๊ฐ€ ๋ฉˆ์ถ”์ง€ ์•Š๋Š” '๋ถˆ์‚ฌ์‹ ' ์•„ํ‚คํ…์ฒ˜๋ฅผ ์„ค๊ณ„ํ•˜๋ผ" โ€” ์‹œ์Šคํ…œ์˜ ๊ตฌ์„ฑ ์š”์†Œ๋“ค์„ ์ด์ค‘ํ™”(Redundancy)ํ•˜๊ณ  ์žฅ์• ๋ฅผ ์ž๋™์œผ๋กœ ๊ฐ์ง€ ๋ฐ ๋ณต๊ตฌํ•˜์—ฌ, ์‚ฌ์šฉ์ž๊ฐ€ ์ฒด๊ฐํ•˜๋Š” ์„œ๋น„์Šค ์ค‘๋‹จ ์‹œ๊ฐ„์„ ์ตœ์†Œํ™”(99.99% ์ด์ƒ)ํ•˜๋Š” ๊ธฐ์ˆ  ์ฒด๊ณ„. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋‹จ์ผ ์žฅ์• ์ (Single Point of Failure, SPOF)์„ ์ฒ ์ €ํžˆ ์ œ๊ฑฐํ•˜๊ณ , ๋ถ€ํ•˜ ๋ถ„์‚ฐ(Load Balancing)๊ณผ ๋ณต์ œ(Replication)๋ฅผ ํ†ตํ•ด ์ž์›์„ ๋ถ„์‚ฐ ๋ฐฐ์น˜ํ•˜์—ฌ ์žฅ์•  ์ „ํŒŒ๋ฅผ ์ฐจ๋‹จํ•˜๋Š” ๊ฒฉ๋ฆฌ ๋ฐ ๋ณต๊ตฌ ํŒจํ„ด. +- **ํ•ต์‹ฌ ์š”์†Œ:** + - **Redundancy:** ๋ชจ๋“  ํ•ต์‹ฌ ์„œ๋ฒ„์™€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ 2๊ฐœ ์ด์ƒ์œผ๋กœ ์šด์˜ (Active-Active, Active-Standby). + - **Load Balancing:** ํŠธ๋ž˜ํ”ฝ์„ ์—ฌ๋Ÿฌ ๋…ธ๋“œ์— ๊ณ ๋ฅด๊ฒŒ ๋ถ„์‚ฐ์‹œ์ผœ ๊ณผ๋ถ€ํ•˜ ๋ฐฉ์ง€. + - **Failover:** ์žฅ์•  ๋ฐœ์ƒ ์‹œ ์ฆ‰์‹œ ์ •์ƒ์ ์ธ ๋…ธ๋“œ๋กœ ์„œ๋น„์Šค๋ฅผ ์ „ํ™˜. + - **Health Check:** ๊ฐ ๋…ธ๋“œ์˜ ์ƒํƒœ๋ฅผ ์ฃผ๊ธฐ์ ์œผ๋กœ ๊ฐ์ง€ํ•˜์—ฌ ๊ฐ€์šฉ ์ž์›์—์„œ ์ œ์™ธ/ํฌํ•จ ๊ฒฐ์ •. +- **์˜์˜:** ๋น„์ฆˆ๋‹ˆ์Šค ์—ฐ์†์„ฑ(Business Continuity)์„ ๋ณด์žฅํ•˜๊ณ  ์„œ๋น„์Šค ์‹ ๋ขฐ๋„๋ฅผ ๋†’์—ฌ, ๋Œ€๊ทœ๋ชจ ์‚ฌ์šฉ์ž ๊ธฐ๋ฐ˜์˜ ํ”Œ๋žซํผ ์šด์˜์— ํ•„์ˆ˜์ ์ธ ํ† ๋Œ€ ์ œ๊ณต. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ์„ฑ๋Šฅ์ด ์ข‹์€ ์„œ๋ฒ„ ํ•˜๋‚˜๋ฅผ ์“ฐ๋Š” ๊ฒƒ๋ณด๋‹ค, ํ‰๋ฒ”ํ•œ ์—ฌ๋Ÿฌ ์„œ๋ฒ„๋ฅผ ์œ ๊ธฐ์ ์œผ๋กœ ์—ฐ๊ฒฐํ•˜๋Š” ๊ฒƒ์ด ๋น„์šฉ ๋Œ€๋น„ ๊ฐ€์šฉ์„ฑ ๋ฉด์—์„œ ์••๋„์ ์ž„์„ ํด๋ผ์šฐ๋“œ ์‹œ๋Œ€๋ฅผ ํ†ตํ•ด ์ฆ๋ช…. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ํด๋ผ์šฐ๋“œ ๋ธŒ๋ ˆ์ธ ์ธํ”„๋ผ๋Š” ๋‹ค์ค‘ ๋ฆฌ์ „(Multi-region) ๋ฐฐ์น˜๋ฅผ ํ†ตํ•ด ์ž์—ฐ์žฌํ•ด๊ธ‰ ์žฅ์•  ์ƒํ™ฉ์—์„œ๋„ ์ง€์‹ ๊ฒ€์ƒ‰ ์„œ๋น„์Šค๊ฐ€ ์ค‘๋‹จ๋˜์ง€ ์•Š๋„๋ก ๊ณ ๊ฐ€์šฉ์„ฑ ์„ค๊ณ„๋ฅผ ์ ์šฉํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[System-Design-for-AI-Scale]], [[Distributed-Computing]], [[Hybrid-Cloud-Architectures]], [[Fault-Tolerance-and-Resilience]] +- **Raw Source:** [[10_Wiki/Topics/AI/High-Availability-Systems.md]] diff --git a/10_Wiki/Topics/AI/Homomorphic-Encryption.md b/10_Wiki/Topics/AI/Homomorphic-Encryption.md new file mode 100644 index 00000000..d70b89f7 --- /dev/null +++ b/10_Wiki/Topics/AI/Homomorphic-Encryption.md @@ -0,0 +1,28 @@ +--- +id: SEC-HOMO-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [security, cryptography, homomorphic-encryption, privacy-preserving-ai, data-privacy] +last_reinforced: 2026-04-26 +--- + +# [[Homomorphic Encryption (๋™ํ˜• ์•”ํ˜ธ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ์ž๋ฌผ์‡ ๋ฅผ ํ’€์ง€ ์•Š๊ณ ๋„ ๊ทธ ๋‚ด์šฉ๋ฌผ์„ ๊ฐ€๊ณตํ•˜์—ฌ, ๊ฒฐ๊ณผ๋ฌผ๋งŒ์„ ์•ˆ์ „ํ•˜๊ฒŒ ๋Œ๋ ค๋ฐ›์•„๋ผ" โ€” ์•”ํ˜ธํ™”๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณตํ˜ธํ™”ํ•˜์ง€ ์•Š์€ ์ƒํƒœ์—์„œ ๋ง์…ˆ, ๊ณฑ์…ˆ ๋“ฑ ์ˆ˜ํ•™์  ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ๊ทธ ๊ฒฐ๊ณผ ๋˜ํ•œ ์•”ํ˜ธํ™”๋œ ํ˜•ํƒœ๋กœ ์–ป์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ํ˜์‹ ์ ์ธ ์•”ํ˜ธ ์ฒด๊ณ„. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Privacy-Preserving Computing" โ€” ๋ฏผ๊ฐํ•œ ์›๋ณธ ๋ฐ์ดํ„ฐ(์˜๋ฃŒ ์ •๋ณด, ๊ฐœ์ธ ๊ธˆ์œต ๋“ฑ)๋ฅผ ์™ธ๋ถ€์— ๊ณต๊ฐœํ•˜์ง€ ์•Š๊ณ ๋„ ํด๋ผ์šฐ๋“œ๋‚˜ AI ๋ชจ๋ธ์ด ์ด๋ฅผ ํ•™์Šตํ•˜๊ฑฐ๋‚˜ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๋ณด์•ˆ ์—ฐ์‚ฐ ํŒจํ„ด. +- **์ฃผ์š” ์œ ํ˜•:** + - **Partially Homomorphic (PHE):** ๋ง์…ˆ์ด๋‚˜ ๊ณฑ์…ˆ ์ค‘ ํ•œ ์ข…๋ฅ˜์˜ ์—ฐ์‚ฐ๋งŒ ์ง€์› (์˜ˆ: RSA, Paillier). + - **Somewhat Homomorphic (SHE):** ์ œํ•œ๋œ ํšŸ์ˆ˜์˜ ์—ฐ์‚ฐ ์ง€์›. + - **Fully Homomorphic (FHE):** ํšŸ์ˆ˜ ์ œํ•œ ์—†์ด ๋ชจ๋“  ์ข…๋ฅ˜์˜ ์‚ฐ์ˆ  ์—ฐ์‚ฐ ์ง€์› (๊ฐ€์žฅ ๊ฐ•๋ ฅํ•จ). +- **์˜์˜:** '๋ฐ์ดํ„ฐ ํ™œ์šฉ'๊ณผ '๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ'๋ผ๋Š” ์ƒ์ถฉํ•˜๋Š” ๊ฐ€์น˜๋ฅผ ๋™์‹œ์— ๋งŒ์กฑ์‹œํ‚ฌ ์ˆ˜ ์žˆ์–ด, ๋ฏธ๋ž˜ ์ง€๋Šฅํ˜• ์˜๋ฃŒ, ๋ณด์•ˆ ํด๋ผ์šฐ๋“œ, ๋ถ„์‚ฐ AI ํ•™์Šต์˜ ํ•ต์‹ฌ ๊ธฐ์ˆ ๋กœ ํ‰๊ฐ€๋จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์—ฐ์‚ฐ ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ ค ์‹ค์งˆ์  ์‚ฌ์šฉ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์ธ์‹์ด ๊ฐ•ํ–ˆ์œผ๋‚˜, ์ตœ๊ทผ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ตœ์ ํ™”์™€ ๊ฐ€์† ํ•˜๋“œ์›จ์–ด์˜ ๋ฐœ์ „์œผ๋กœ ์‹ค๋ฌด ์ ์šฉ ๊ฐ€๋Šฅํ•œ ์˜์—ญ(ํ†ต๊ณ„ ๋ถ„์„ ๋“ฑ)์ด ํ™•๋Œ€๋˜๊ณ  ์žˆ์Œ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์‚ฌ์šฉ์ž์˜ ๋ฏผ๊ฐํ•œ ๊ฐœ์ธ ์ •๋ณด๋ฅผ ํฌํ•จํ•œ '๋กœ์ปฌ ๋ธŒ๋ ˆ์ธ ๋กœ๊ทธ'๋ฅผ ๋ถ„์„ํ•  ๋•Œ, ๋™ํ˜• ์•”ํ˜ธ ๊ธฐ์ˆ ์„ ์ ์šฉํ•˜์—ฌ ๋ถ„์„ ์„œ๋ฒ„๊ฐ€ ์›๋ณธ ํ…์ŠคํŠธ๋ฅผ ์ ˆ๋Œ€ ๋ณผ ์ˆ˜ ์—†๋„๋ก ํ•˜๋Š” ๋ณด์•ˆ ํ‘œ์ค€์„ ์—ฐ๊ตฌ ์ค‘์ž„. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Data-Privacy-Foundations]], [[Federated-Learning]], [[Differential-Privacy]], [[Cloud-Security-Mastery]] +- **Raw Source:** [[10_Wiki/Topics/AI/Homomorphic-Encryption.md]] diff --git a/10_Wiki/Topics/AI/Human-Computer-Interaction-HCI.md b/10_Wiki/Topics/AI/Human-Computer-Interaction-HCI.md new file mode 100644 index 00000000..41e87288 --- /dev/null +++ b/10_Wiki/Topics/AI/Human-Computer-Interaction-HCI.md @@ -0,0 +1,29 @@ +--- +id: HCI-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [hci, ux, human-factors, interaction-design, cognitive-psychology] +last_reinforced: 2026-04-26 +--- + +# [[Human-Computer Interaction (HCI, ์ธ๊ฐ„-์ปดํ“จํ„ฐ ์ƒํ˜ธ์ž‘์šฉ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๊ธฐ๊ณ„์˜ ์–ธ์–ด๋ฅผ ์ธ๊ฐ„์—๊ฒŒ ๊ฐ•์š”ํ•˜์ง€ ๋ง๊ณ , ๊ธฐ๊ณ„๊ฐ€ ์ธ๊ฐ„์˜ ๋งฅ๋ฝ๊ณผ ๊ฐ๊ฐ์„ ํ•™์Šตํ•˜๊ฒŒ ํ•˜๋ผ" โ€” ์ธ๊ฐ„๊ณผ ์ปดํ“จํ„ฐ ์‹œ์Šคํ…œ ์‚ฌ์ด์˜ ๋Œ€ํ™”์™€ ์ƒํ˜ธ์ž‘์šฉ์„ ์—ฐ๊ตฌํ•˜์—ฌ, ๊ธฐ์ˆ ์ด ์ธ๊ฐ„์˜ ๋Šฅ๋ ฅ์„ ํ™•์žฅํ•˜๊ณ  ์‚ฌ์šฉ ๊ฒฝํ—˜์„ ์ตœ์ ํ™”ํ•˜๋„๋ก ๋งŒ๋“œ๋Š” ๋‹คํ•™์ œ์  ๋ถ„์•ผ. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "User-Centered Design (UCD)" โ€” ๊ธฐ์ˆ ์  ๊ตฌํ˜„ ๊ฐ€๋Šฅ์„ฑ๋ณด๋‹ค ์‚ฌ์šฉ์ž์˜ ์ธ์ง€ ๋ชจ๋ธ, ์‹ฌ๋ฆฌ ์ƒํƒœ, ๊ทธ๋ฆฌ๊ณ  ์ž‘์—… ๋งฅ๋ฝ์„ ์ตœ์šฐ์„ ์œผ๋กœ ๊ณ ๋ คํ•˜์—ฌ ์ธํ„ฐํŽ˜์ด์Šค์™€ ๊ฒฝํ—˜์„ ์„ค๊ณ„ํ•˜๋Š” ์ธ๊ฐ„ ์ค‘์‹ฌ์˜ ์—”์ง€๋‹ˆ์–ด๋ง ํŒจํ„ด. +- **์ฃผ์š” ์—ฐ๊ตฌ ์˜์—ญ:** + - **Interface Design:** ์‹œ๊ฐ์ (GUI), ์Œ์„ฑ(VUI), ์ œ์Šค์ฒ˜, ๋‡Œ-์ปดํ“จํ„ฐ ์ธํ„ฐํŽ˜์ด์Šค(BCI). + - **Usability:** ํšจ์œจ์„ฑ, ํ•™์Šต ์šฉ์ด์„ฑ, ์˜ค๋ฅ˜ ๋ฐฉ์ง€, ์‚ฌ์šฉ ๋งŒ์กฑ๋„ ์ธก์ •. + - **Accessibility:** ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ ์ œ์•ฝ ์—†์ด ๊ธฐ์ˆ ์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅ. + - **Emotional Interaction:** ๊ธฐ๊ณ„์™€์˜ ์ƒํ˜ธ์ž‘์šฉ ์ค‘ ๋ฐœ์ƒํ•˜๋Š” ๊ฐ์ •์  ๊ต๊ฐ๊ณผ ์‹ ๋ขฐ ํ˜•์„ฑ. +- **์˜์˜:** AI๊ฐ€ ๊ณ ๋„ํ™”๋ ์ˆ˜๋ก '๋ฌด์—‡์„ ํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€'๋ณด๋‹ค '์ธ๊ฐ„๊ณผ ์–ด๋–ป๊ฒŒ ํ˜‘์—…ํ•  ๊ฒƒ์ธ๊ฐ€'๊ฐ€ ์ค‘์š”ํ•ด์ง€๋ฉฐ, HCI๋Š” ๊ทธ ์—ฐ๊ฒฐ๊ณ ๋ฆฌ๋ฅผ ์ œ๊ณตํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์ผ๋ฐฉ์ ์ธ ๋ช…๋ น ์ „๋‹ฌ(CLI/GUI)์—์„œ ๋ฒ—์–ด๋‚˜, ์—์ด์ „ํŠธ๊ฐ€ ์ธ๊ฐ„์˜ ๋น„์–ธ์–ด์  ๋งฅ๋ฝ๊นŒ์ง€ ํŒŒ์•…ํ•˜์—ฌ ์„ ์ œ์ ์œผ๋กœ ๋Œ€์‘ํ•˜๋Š” ์ง€๋Šฅํ˜• ์ƒํ˜ธ์ž‘์šฉ์œผ๋กœ ํŒจ๋Ÿฌ๋‹ค์ž„์ด ์ „์ด๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ๋ชจ๋“  ์—์ด์ „ํŠธ ์ƒํ˜ธ์ž‘์šฉ์€ HCI ์›์น™์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž์˜ ๋Œ€ํ™” ํŒจํ„ด๊ณผ ์ž‘์—… ์†๋„๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์—์ด์ „ํŠธ์˜ ์‘๋‹ต ํ†ค๊ณผ ์†๋„๋ฅผ ์ตœ์ ํ™”ํ•˜๋Š” ์–ด๋Œ‘ํ‹ฐ๋ธŒ UI๋ฅผ ์ง€ํ–ฅํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[UX-Design]], [[Gestalt-Principles-in-UX]], [[Human-in-the-loop-AI]], [[Context-Aware-Computing]] +- **Raw Source:** [[10_Wiki/Topics/AI/Human-Computer-Interaction-HCI.md]] diff --git a/10_Wiki/Topics/AI/Human-in-the-loop-AI.md b/10_Wiki/Topics/AI/Human-in-the-loop-AI.md new file mode 100644 index 00000000..da6f3c3c --- /dev/null +++ b/10_Wiki/Topics/AI/Human-in-the-loop-AI.md @@ -0,0 +1,28 @@ +--- +id: HITL-AI-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [ai, human-in-the-loop, ai-ethics, model-training, decision-making] +last_reinforced: 2026-04-26 +--- + +# [[Human-in-the-loop AI (์ธ๊ฐ„ ์ฐธ์—ฌํ˜• AI)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "AI์˜ ํญ๋ฐœ์ ์ธ ์†๋„์™€ ์ธ๊ฐ„์˜ ์ •๊ตํ•œ ํŒ๋‹จ๋ ฅ์„ ๊ฒฐํ•ฉํ•˜์—ฌ, ๊ฒฐ์  ์—†๋Š” ์ง€๋Šฅ ์‹œ์Šคํ…œ์„ ์™„์„ฑํ•˜๋ผ" โ€” ์ธ๊ณต์ง€๋Šฅ์˜ ํ•™์Šต, ํ…Œ์ŠคํŠธ, ์‹ค์ œ ์šด์˜ ๋‹จ๊ณ„์— ์ธ๊ฐ„์˜ ๊ฐœ์ž…(ํ”ผ๋“œ๋ฐฑ, ๊ต์ •, ๊ฒ€์ฆ)์„ ํ†ตํ•ฉํ•˜์—ฌ ๋ชจ๋ธ์˜ ์„ฑ๋Šฅ์„ ๊ณ ๋„ํ™”ํ•˜๊ณ  ์œค๋ฆฌ์  ์•ˆ์ •์„ฑ์„ ํ™•๋ณดํ•˜๋Š” ์•„ํ‚คํ…์ฒ˜. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** AI๊ฐ€ ํ™•์‹ ํ•˜๊ธฐ ์–ด๋ ค์šด ๋ชจํ˜ธํ•œ ์ผ€์ด์Šค(Uncertainty)๋ฅผ ์ธ๊ฐ„ ์ „๋ฌธ๊ฐ€์—๊ฒŒ ์ „๋‹ฌํ•˜์—ฌ ํŒ๋‹จ์„ ๋ฐ›๊ณ , ๊ทธ ๊ฒฐ๊ณผ๊ฐ€ ๋‹ค์‹œ ๋ชจ๋ธ์˜ ํ•™์Šต ๋ฐ์ดํ„ฐ๋กœ ํ™œ์šฉ๋˜๋Š” ์„ ์ˆœํ™˜ ํ”ผ๋“œ๋ฐฑ ๋ฃจํ”„ ํŒจํ„ด. +- **์ฃผ์š” ํ™œ์šฉ ๋‹จ๊ณ„:** + - **Training:** ์ธ๊ฐ„์ด ๊ณ ํ’ˆ์งˆ์˜ ๋ ˆ์ด๋ธ” ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ•˜๊ฑฐ๋‚˜ RLHF(์ธ๊ฐ„ ํ”ผ๋“œ๋ฐฑ ๊ธฐ๋ฐ˜ ๊ฐ•ํ™”ํ•™์Šต)๋ฅผ ํ†ตํ•ด ๊ฐ€์ด๋“œ๋ฅผ ์ œ๊ณต. + - **Active Learning:** ๋ชจ๋ธ์ด ๊ฐ€์žฅ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ง์ ‘ ๊ณจ๋ผ ์ธ๊ฐ„์—๊ฒŒ ์งˆ๋ฌธ. + - **Deployment:** AI๊ฐ€ ๋‚ด๋ฆฐ ์ตœ์ข… ๊ฒฐ์ •์„ ์ธ๊ฐ„์ด ๊ฒ€ํ† ํ•˜๊ฑฐ๋‚˜(Review), ์œ„ํ—˜๋„๊ฐ€ ๋†’์€ ๊ฒฐ์ •์€ ๋ฐ˜๋“œ์‹œ ์ธ๊ฐ„์˜ ์Šน์ธ์„ ๊ฑฐ์น˜๊ฒŒ ํ•จ(Human Approval). +- **์˜์˜:** AI์˜ ๋ธ”๋ž™๋ฐ•์Šค ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ , ์ฑ…์ž„ ์žˆ๋Š” ์˜์‚ฌ๊ฒฐ์ •์ด ํ•„์š”ํ•œ ๋ถ„์•ผ(์˜๋ฃŒ, ๋ฒ•๋ฅ , ์ž์œจ์ฃผํ–‰)์—์„œ AI์˜ ๋„์ž…์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์™„์ „ ์ž๋™ํ™”๋งŒ์ด ๊ธฐ์ˆ ์  ์ง„๋ณด๋ผ๋Š” ํŽธ๊ฒฌ์—์„œ ๋ฒ—์–ด๋‚˜, ์ธ๊ฐ„์˜ ๊ฐœ์ž…์ด ์ง€๋Šฅ ์‹œ์Šคํ…œ์˜ ํ’ˆ์งˆ์„ ๊ฒฐ์ •ํ•˜๋Š” ํ•ต์‹ฌ ์š”์†Œ์ž„์„ ์žฌ๋ฐœ๊ฒฌํ•จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ์˜ ์ง€์‹ ๊ฐ€๋“œ๋‹ ์ž‘์—…์€ '์ธ๊ฐ„ ์ฐธ์—ฌํ˜•' ๊ตฌ์กฐ๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ํ•จ. ์—์ด์ „ํŠธ๊ฐ€ ์ดˆ์•ˆ์„ ์ž‘์„ฑํ•˜๊ณ  ๋ณด๊ฐ•ํ•˜๋˜, ์ตœ์ข…์ ์ธ ์Šน์ธ๊ณผ ํŠธ๋ž˜์ปค ์—…๋ฐ์ดํŠธ ๊ณผ์ •์—์„œ ์ธ๊ฐ„๊ณผ์˜ ์ƒํ˜ธ์ž‘์šฉ์„ ํ†ตํ•ด ์ง€์‹์˜ ๋ฌด๊ฒฐ์„ฑ์„ ์œ ์ง€ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Reinforcement-Learning-from-Human-Feedback-RLHF]], [[Active-Learning]], [[AI-Ethics]], [[Trustworthy-AI]] +- **Raw Source:** [[10_Wiki/Topics/AI/Human-in-the-loop-AI.md]] diff --git a/10_Wiki/Topics/AI/Hybrid-Cloud-Architectures.md b/10_Wiki/Topics/AI/Hybrid-Cloud-Architectures.md new file mode 100644 index 00000000..dc1bb4d7 --- /dev/null +++ b/10_Wiki/Topics/AI/Hybrid-Cloud-Architectures.md @@ -0,0 +1,29 @@ +--- +id: CLOUD-HYBRID-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [cloud-computing, hybrid-cloud, infrastructure, system-architecture, data-sovereignty] +last_reinforced: 2026-04-26 +--- + +# [[Hybrid Cloud Architectures (ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ํด๋ผ์šฐ๋“œ ์•„ํ‚คํ…์ฒ˜)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ์ฃผ๊ถŒ(Private)์€ ์ง€ํ‚ค๊ณ , ์—ฐ์‚ฐ์˜ ํ™•์žฅ์„ฑ(Public)์€ ๋นŒ๋ ค ์จ์„œ ์ตœ์ ์˜ ๋น„์ฆˆ๋‹ˆ์Šค ์ง€ํ˜•์„ ๊ตฌ์ถ•ํ•˜๋ผ" โ€” ์˜จํ”„๋ ˆ๋ฏธ์Šค ์ธํ”„๋ผ์™€ ๊ณต์šฉ ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค๋ฅผ ํ†ตํ•ฉํ•˜์—ฌ, ๋ณด์•ˆ๊ณผ ๋น„์šฉ ํšจ์œจ์„ฑ ๊ทธ๋ฆฌ๊ณ  ์œ ์—ฐํ•œ ํ™•์žฅ์„ฑ์„ ๋™์‹œ์— ๋‹ฌ์„ฑํ•˜๋Š” ์ธํ”„๋ผ ์„ค๊ณ„ ์ „๋žต. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋ฏผ๊ฐํ•œ ํ•ต์‹ฌ ๋ฐ์ดํ„ฐ์™€ ๋ณด์•ˆ ๋กœ์ง์€ ๋กœ์ปฌ ์ธํ”„๋ผ(Private)์— ๋‘๊ณ , ์ผ์‹œ์ ์ธ ๋ถ€ํ•˜ ์ฆ๊ฐ€๋‚˜ ๋Œ€๊ทœ๋ชจ ์—ฐ์‚ฐ์ด ํ•„์š”ํ•œ ์ž‘์—…์€ ๊ณต์šฉ ํด๋ผ์šฐ๋“œ(Public)์˜ ์ž์›์„ ์ฆ‰์‹œ ๋Œ์–ด๋‹ค ์“ฐ๋Š” ์˜ค์ผ€์ŠคํŠธ๋ ˆ์ด์…˜ ํŒจํ„ด. +- **์ฃผ์š” ํ™œ์šฉ ์‹œ๋‚˜๋ฆฌ์˜ค:** + - **Cloud Bursting:** ์˜ˆ๊ธฐ์น˜ ๋ชปํ•œ ํŠธ๋ž˜ํ”ฝ ํญ์ฆ ์‹œ ํด๋ผ์šฐ๋“œ ์ž์›์œผ๋กœ ํ™•์žฅ. + - **Data Sovereignty:** ๋ฒ•์  ๊ทœ์ œ๋‚˜ ๋ณด์•ˆ์ƒ์˜ ์ด์œ ๋กœ ํŠน์ • ๋ฐ์ดํ„ฐ๋Š” ๋กœ์ปฌ์— ์œ ์ง€. + - **Disaster Recovery:** ๋กœ์ปฌ ์žฅ์•  ์‹œ ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ๋ฐฑ์—… ์‹œ์Šคํ…œ์œผ๋กœ ์ฆ‰์‹œ ์ „ํ™˜. +- **ํ•ต์‹ฌ ๊ธฐ์ˆ :** VPN, ์ „์šฉ์„ (Direct Connect), ์ปจํ…Œ์ด๋„ˆ(Kubernetes), ๋ฉ€ํ‹ฐ ํด๋ผ์šฐ๋“œ ๊ด€๋ฆฌ ํ”Œ๋žซํผ. +- **์˜์˜:** ๊ณ ์ • ์ž์‚ฐ์˜ ํšจ์œจ์  ์šด์˜๊ณผ ํด๋ผ์šฐ๋“œ์˜ ํƒ„๋ ฅ์„ฑ์„ ๊ฒฐํ•ฉํ•˜์—ฌ IT ์ธํ”„๋ผ์˜ ROI๋ฅผ ๊ทน๋Œ€ํ™”ํ•จ. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** "ํด๋ผ์šฐ๋“œ๋กœ์˜ ์ „๋ฉด ์ „ํ™˜(All-in Cloud)"์ด ์ •๋‹ต์ด๋ผ ๋ฏฟ๋˜ ์‹œ๋Œ€๋ฅผ ์ง€๋‚˜, ๋ณด์•ˆ๊ณผ ์‹ค์‹œ๊ฐ„์„ฑ์„ ์œ„ํ•ด ๋กœ์ปฌ ์ž์›์„ ๋ณ‘ํ–‰ํ•˜๋Š” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์ „๋žต์ด ํ˜„์‹ค์ ์ธ ์ตœ์„ ์ฑ…์œผ๋กœ ์žฌ์ •๋ฆฝ๋จ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” 'ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์ง€๋Šฅ'์„ ์ง€ํ–ฅํ•จ. ์‚ฌ์šฉ์ž์˜ ๊ฐœ์ธํ™”๋œ ์ง€์‹์€ ๋กœ์ปฌ ๋ธŒ๋ ˆ์ธ์— ์ €์žฅํ•˜๊ณ , ๋ฐฉ๋Œ€ํ•œ ๋ฒ”์šฉ ์ง€์‹ ๊ฒ€์ƒ‰์ด๋‚˜ ๊ฑฐ๋Œ€ ๋ชจ๋ธ ์—ฐ์‚ฐ์€ ํด๋ผ์šฐ๋“œ ๋ธŒ๋ ˆ์ธ์„ ํ™œ์šฉํ•˜๋Š” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•„ํ‚คํ…์ฒ˜๋ฅผ ํ‘œ์ค€์œผ๋กœ ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[High-Availability-Systems]], [[System-Design-for-AI-Scale]], [[Cloud-Security-Mastery]], [[Local-Brain-Management]] +- **Raw Source:** [[10_Wiki/Topics/AI/Hybrid-Cloud-Architectures.md]] diff --git a/10_Wiki/Topics/AI/Hyperparameter-Optimization.md b/10_Wiki/Topics/AI/Hyperparameter-Optimization.md index 964dabeb..2005ceeb 100644 --- a/10_Wiki/Topics/AI/Hyperparameter-Optimization.md +++ b/10_Wiki/Topics/AI/Hyperparameter-Optimization.md @@ -1,28 +1,29 @@ --- -id: HYPER-OPT-001 +id: OPT-HYPER-001 category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" confidence_score: 1.0 -tags: [machine-learning, optimization, automl, deep-learning] +tags: [ai, machine-learning, hyperparameter-tuning, bayesian-optimization, model-selection] last_reinforced: 2026-04-26 --- # [[Hyperparameter Optimization (ํ•˜์ดํผํŒŒ๋ผ๋ฏธํ„ฐ ์ตœ์ ํ™”)]] ## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) -> "๋ชจ๋ธ์˜ ์„ฑ๋Šฅ์„ ๊ฒฐ์ •์ง“๋Š” 'ํŠœ๋‹ ๋ ˆ๋ฒ„'๋“ค์˜ ์ตœ์  ์กฐํ•ฉ์„ ์ฐพ์•„๋ผ" โ€” ํ•™์Šต๋ฅ , ๋ฐฐ์น˜ ํฌ๊ธฐ, ๋ ˆ์ด์–ด ์ˆ˜ ๋“ฑ ํ•™์Šต ๊ณผ์ •์—์„œ ์ž๋™์œผ๋กœ ํ•™์Šต๋˜์ง€ ์•Š๋Š” ์„ค์ •๊ฐ’(Hyperparameters)๋“ค์„ ์ฒด๊ณ„์ ์œผ๋กœ ํƒ์ƒ‰ํ•˜์—ฌ ์„ฑ๋Šฅ์„ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ๊ณผ์ •. +> "๋ชจ๋ธ ์•„ํ‚คํ…์ฒ˜๊ฐ€ ์•…๊ธฐ๋ผ๋ฉด, ํ•˜์ดํผํŒŒ๋ผ๋ฏธํ„ฐ ์ตœ์ ํ™”๋Š” ๊ฐ€์žฅ ์•„๋ฆ„๋‹ค์šด ์†Œ๋ฆฌ๋ฅผ ๋‚ด๊ธฐ ์œ„ํ•ด ํ˜„์„ ์กฐ์œจํ•˜๋Š” ๊ณผ์ •์ด๋‹ค" โ€” ํ•™์Šต๋ฅ , ๋ฐฐ์น˜ ํฌ๊ธฐ, ๋ ˆ์ด์–ด ์ˆ˜ ๋“ฑ ๋ชจ๋ธ์ด ์Šค์Šค๋กœ ํ•™์Šตํ•  ์ˆ˜ ์—†๋Š” ์™ธ๋ถ€ ์„ค์ •๊ฐ’๋“ค์˜ ์ตœ์  ์กฐํ•ฉ์„ ์ฐพ์•„ ๋ชจ๋ธ ์„ฑ๋Šฅ์„ ๊ทน๋Œ€ํ™”ํ•˜๋Š” ํ”„๋กœ์„ธ์Šค. ## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) -- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ฃผ์–ด์ง„ ๋ฐ์ดํ„ฐ์™€ ๋ชจ๋ธ ๊ตฌ์กฐ์—์„œ ์ตœ์ƒ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋‚ด๋Š” ๋งค๊ฐœ๋ณ€์ˆ˜ ์กฐํ•ฉ์„ ํƒ์ƒ‰(Exploration)๊ณผ ํ™œ์šฉ(Exploitation)์˜ ๊ท ํ˜•์„ ํ†ตํ•ด ํšจ์œจ์ ์œผ๋กœ ์ฐพ์•„๋‚ด๋Š” ํŒจํ„ด. -- **์„ธ๋ถ€ ๋‚ด์šฉ:** - - **Grid Search:** ๋ชจ๋“  ๊ฐ€๋Šฅํ•œ ์กฐํ•ฉ์„ ๊ฒฉ์ž ํ˜•ํƒœ๋กœ ์ „์ˆ˜ ์กฐ์‚ฌ. ํ™•์‹คํ•˜์ง€๋งŒ ๋น„์šฉ์ด ๋งค์šฐ ๋†’์Œ. - - **Random Search:** ํŒŒ๋ผ๋ฏธํ„ฐ ๊ณต๊ฐ„์„ ๋ฌด์ž‘์œ„๋กœ ์ƒ˜ํ”Œ๋ง. Grid Search๋ณด๋‹ค ํšจ์œจ์ ์ž„์ด ์ฆ๋ช…๋จ. - - **Bayesian Optimization:** ์ด์ „ ์‹œ๋„์˜ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ™•๋ฅ  ๋ชจ๋ธ์„ ๊ตฌ์ถ•ํ•˜์—ฌ ์œ ๋งํ•œ ์˜์—ญ์„ ์ง‘์ค‘ ํƒ์ƒ‰ (์˜ˆ: Gaussian Processes ํ™œ์šฉ). - - **Hyperband:** ๋ฆฌ์†Œ์Šค๋ฅผ ์ ๊ฒŒ ํ• ๋‹นํ•ด ๋งŽ์€ ํ›„๋ณด๋ฅผ ํ…Œ์ŠคํŠธํ•œ ๋’ค, ์œ ๋งํ•œ ํ›„๋ณด์—๊ฒŒ๋งŒ ๋” ๋งŽ์€ ๋ฆฌ์†Œ์Šค๋ฅผ ํ• ๋‹นํ•˜๋Š” ํšจ์œจ์  ์ „๋žต. +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ํƒ์ƒ‰ ๊ณต๊ฐ„(Search Space) ๋‚ด์—์„œ ๋ชจ๋ธ์˜ ์„ฑ๋Šฅ์„ ํ‰๊ฐ€ ์ง€ํ‘œ๋กœ ์‚ผ์•„, ๊ฐ€์žฅ ํšจ์œจ์ ์ธ ๊ฒฝ๋กœ๋กœ ์ตœ์ ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ ์กฐํ•ฉ์„ ์ฐพ์•„๊ฐ€๋Š” ํƒ์ƒ‰ ๋ฐ ์ตœ์ ํ™” ํŒจํ„ด. +- **์ฃผ์š” ์ „๋žต:** + - **Grid Search:** ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ์กฐํ•ฉ์„ ์‹œ๋„. ํ™•์‹คํ•˜์ง€๋งŒ ์—ฐ์‚ฐ ๋น„์šฉ์ด ๋งค์šฐ ๋†’์Œ. + - **Random Search:** ๋ฌด์ž‘์œ„๋กœ ์กฐํ•ฉ์„ ์‹œ๋„. ๊ทธ๋ฆฌ๋“œ ์„œ์น˜๋ณด๋‹ค ํšจ์œจ์ ์ด๋ฉฐ ์ค‘์š”ํ•œ ํŒŒ๋ผ๋ฏธํ„ฐ ํƒ์ƒ‰์— ์œ ๋ฆฌ. + - **Bayesian Optimization:** ์ด์ „ ์‹œ๋„ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋‹ค์Œ ์œ ๋งํ•œ ์ง€์ ์„ ์˜ˆ์ธกํ•˜์—ฌ ํƒ์ƒ‰ (๊ฐ€์žฅ ๊ณ ๋„ํ™”๋œ ๋ฐฉ์‹). + - **Hyperband / BOHB:** ์กฐ๊ธฐ ์ข…๋ฃŒ(Early Stopping)์™€ ๋ฒ ์ด์ง€์•ˆ ์ตœ์ ํ™”๋ฅผ ๊ฒฐํ•ฉํ•˜์—ฌ ์ž์›์„ ํšจ์œจ์ ์œผ๋กœ ๋ฐฐ๋ถ„. +- **์˜์˜:** ๋™์ผํ•œ ์•„ํ‚คํ…์ฒ˜๋ผ๋„ ํ•˜์ดํผํŒŒ๋ผ๋ฏธํ„ฐ ์„ค์ •์— ๋”ฐ๋ผ ์„ฑ๋Šฅ ์ฐจ์ด๊ฐ€ ํฌ๊ฒŒ ๋ฐœ์ƒํ•˜๋ฏ€๋กœ, ์‹ค์ „ AI ๊ฐœ๋ฐœ์—์„œ '๋ชจ๋ธ๋ง'๋งŒํผ์ด๋‚˜ ์ค‘์š”ํ•œ ๋‹จ๊ณ„. ## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) -- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ์žฅ์ธ์˜ '๊ฒฝํ—˜'์— ์˜์กดํ•˜๋˜ ์ˆ˜๋™ ํŠœ๋‹์—์„œ, ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด ์ž๋™์œผ๋กœ ์ตœ์ ๊ฐ’์„ ์ฐพ๋Š” AutoML(Automated Machine Learning) ์‹œ๋Œ€๋กœ ์ „ํ™˜. -- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ์—์ด์ „ํŠธ์˜ ๋‚ด๋ถ€ ๋ชจ๋ธ ํŠœ๋‹ ์‹œ, ๋ฒ ์ด์ง€์•ˆ ์ตœ์ ํ™”๋ฅผ ๊ธฐ๋ณธ ์•Œ๊ณ ๋ฆฌ์ฆ˜์œผ๋กœ ์ฑ„ํƒํ•˜์—ฌ ์ตœ์†Œํ•œ์˜ ์‹œ๋„๋กœ ์ตœ์ ์˜ ์ถ”๋ก  ์˜จ๋„๋ฅผ ๊ฒฐ์ •ํ•จ. +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ฐœ๋ฐœ์ž์˜ ์ง๊ด€์ด๋‚˜ ์ˆ˜์ž‘์—… ํŠœ๋‹์— ์˜์กดํ•˜๋˜ ๋ฐฉ์‹์—์„œ, ์ด์ œ๋Š” AutoML ๊ธฐ์ˆ ์„ ํ†ตํ•ด ์ตœ์ ํ™” ๊ณผ์ • ์ž์ฒด๋ฅผ ์ž๋™ํ™”ํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์—์ด์ „ํŠธ์˜ ์‘๋‹ต ํ’ˆ์งˆ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด Temperature, Top-p ๋“ฑ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ๋ฒ ์ด์ง€์•ˆ ์ตœ์ ํ™” ๊ธฐ๋ฐ˜์œผ๋กœ ํŠœ๋‹ํ•˜์—ฌ ์ •๊ตํ•œ ํŽ˜๋ฅด์†Œ๋‚˜๋ฅผ ๊ตฌ์ถ•ํ•จ. ## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) -- [[AutoML]], [[Gaussian-Processes]], [[Machine-Learning-Lifecycle]], [[Deep-Learning]] +- [[Black-Box-Optimization]], [[Gaussian-Processes]], [[Global-vs-Local-Optima]], [[Generalization-in-AI]] - **Raw Source:** [[10_Wiki/Topics/AI/Hyperparameter-Optimization.md]] diff --git a/10_Wiki/Topics/AI/Hypothesis-Testing.md b/10_Wiki/Topics/AI/Hypothesis-Testing.md new file mode 100644 index 00000000..2aa34810 --- /dev/null +++ b/10_Wiki/Topics/AI/Hypothesis-Testing.md @@ -0,0 +1,29 @@ +--- +id: MATH-HYPO-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [statistics, math, hypothesis-testing, p-value, data-science] +last_reinforced: 2026-04-26 +--- + +# [[Hypothesis Testing (๊ฐ€์„ค ๊ฒ€์ •)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ์ฆ๊ฑฐ๋ฅผ ํ† ๋Œ€๋กœ, ์šฐ๋ฆฌ๊ฐ€ ๋ฏฟ๊ณ  ์‹ถ์€ ๊ฐ€์„ค์ด '์šฐ์—ฐ'์ด๋ผ๋Š” ํ•จ์ •์— ๋น ์ง€์ง€ ์•Š์•˜๋Š”์ง€ ์—„๊ฒฉํ•˜๊ฒŒ ์‹ฌํŒํ•˜๋ผ" โ€” ํ‘œ๋ณธ ๋ฐ์ดํ„ฐ๋ฅผ ํ†ตํ•ด ๋ชจ์ง‘๋‹จ์˜ ํŠน์„ฑ์— ๋Œ€ํ•œ ๊ฐ€์„ค์ด ํ†ต๊ณ„์ ์œผ๋กœ ํƒ€๋‹นํ•œ์ง€ ๊ณ„์‚ฐํ•˜์—ฌ, ์˜์‚ฌ๊ฒฐ์ •์˜ ๋ถˆํ™•์‹ค์„ฑ์„ ์ˆ˜์น˜ํ™”๋œ ์‹ ๋ขฐ๋„๋กœ ์น˜ํ™˜ํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "๊ท€๋ฌด๊ฐ€์„ค(Null Hypothesis)"์ด๋ผ๋Š” ๊ธฐ๋ณธ ์ „์ œ๋ฅผ ์„ธ์šฐ๊ณ , ๊ด€์ธก๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์ด ์ „์ œ ํ•˜์—์„œ ๋ฐœ์ƒํ•  ํ™•๋ฅ (p-value)์ด ๋งค์šฐ ๋‚ฎ๋‹ค๋ฉด ๊ท€๋ฌด๊ฐ€์„ค์„ ๊ธฐ๊ฐํ•˜๊ณ  "๋Œ€๋ฆฝ๊ฐ€์„ค(Alternative Hypothesis)"์„ ์ฑ„ํƒํ•˜๋Š” ๋…ผ๋ฆฌ์  ์ถ”๋ก  ํŒจํ„ด. +- **ํ•ต์‹ฌ ์š”์†Œ:** + - **Null Hypothesis ($H_0$):** ํšจ๊ณผ๋‚˜ ์ฐจ์ด๊ฐ€ ์—†๋‹ค๋Š” ๊ธฐ๋ณธ ๊ฐ€์„ค. + - **Alternative Hypothesis ($H_1$):** ์ฆ๋ช…ํ•˜๊ณ  ์‹ถ์€ ํšจ๊ณผ๋‚˜ ์ฐจ์ด๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฐ€์„ค. + - **P-value:** ๊ท€๋ฌด๊ฐ€์„ค์ด ๋งž๋‹ค๋Š” ์ „์ œ ํ•˜์— ํ˜„์žฌ ๋ฐ์ดํ„ฐ๊ฐ€ ๊ด€์ธก๋  ํ™•๋ฅ . ๋ณดํ†ต 0.05 ๋ฏธ๋งŒ์ผ ๋•Œ ์œ ์˜๋ฏธํ•˜๋‹ค๊ณ  ํŒ๋‹จ. + - **Type I & II Error:** ๋งž๋Š”๋ฐ ํ‹€๋ฆฌ๋‹ค๊ณ  ํ•˜๊ฑฐ๋‚˜(Alpha), ํ‹€๋ฆฐ๋ฐ ๋งž๋‹ค๊ณ  ํ•˜๋Š”(Beta) ์˜ค๋ฅ˜์˜ ๊ด€๋ฆฌ. +- **์˜์˜:** ์ฃผ๊ด€์ ์ธ ํŒ๋‹จ์„ ๋ฐฐ์ œํ•˜๊ณ , ๊ฐ๊ด€์ ์ธ ์ง€ํ‘œ๋ฅผ ํ†ตํ•ด ๋ณ€ํ™”์˜ ์‹คํšจ์„ฑ์„ ์ฆ๋ช…ํ•˜๋Š” ๋ฐ์ดํ„ฐ ๊ณผํ•™์˜ ๊ทผ๊ฐ„. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** p-value์—๋งŒ ๊ณผ๋„ํ•˜๊ฒŒ ์˜์กดํ•˜๋Š” 'P-hacking'์˜ ์œ„ํ—˜์„ฑ์„ ๊ฒฝ๊ณ ํ•˜๋ฉฐ, ์ตœ๊ทผ์—๋Š” ํšจ๊ณผ ํฌ๊ธฐ(Effect Size)์™€ ๋ฒ ์ด์ง€์•ˆ ๊ฐ€์„ค ๊ฒ€์ •์„ ๋ณ‘ํ–‰ํ•˜๋Š” ๋ฐฉํ–ฅ์œผ๋กœ ์ •๋ฐ€๋„ ๊ฐ•ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ƒˆ๋กœ์šด ์—์ด์ „ํŠธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋„์ž… ์‹œ, ๊ธฐ์กด ์•Œ๊ณ ๋ฆฌ์ฆ˜๊ณผ์˜ ์„ฑ๋Šฅ ์ฐจ์ด๋ฅผ ๊ฐ€์„ค ๊ฒ€์ •์„ ํ†ตํ•ด ํ†ต๊ณ„์ ์œผ๋กœ ์ฆ๋ช…ํ•œ ํ›„ ๋ฐฐํฌ๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” 'Evidence-based Deployment' ์›์น™์„ ์ค€์ˆ˜ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Probability-Theory]], [[Exploratory-Data-Analysis]], [[A-B-Testing-Foundations]], [[Decision-Making]] +- **Raw Source:** [[10_Wiki/Topics/AI/Hypothesis-Testing.md]] diff --git a/10_Wiki/Topics/AI/Image-Classification-Mastery.md b/10_Wiki/Topics/AI/Image-Classification-Mastery.md new file mode 100644 index 00000000..04b91984 --- /dev/null +++ b/10_Wiki/Topics/AI/Image-Classification-Mastery.md @@ -0,0 +1,28 @@ +--- +id: CV-CLASS-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [computer-vision, deep-learning, image-classification, cnn, vit] +last_reinforced: 2026-04-26 +--- + +# [[Image Classification Mastery (์ด๋ฏธ์ง€ ๋ถ„๋ฅ˜ ๋งˆ์Šคํ„ฐ๋ฆฌ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "ํ”ฝ์…€์˜ ๋ญ‰์น˜์—์„œ ์‚ฌ๋ฌผ์˜ ํŠน์ง•(Feature)์„ ์ถ”์ถœํ•˜์—ฌ, ๊ธฐ๊ณ„๊ฐ€ ์„ธ์ƒ์„ ๋ช…๋ช…(Labeling)ํ•˜๊ฒŒ ํ•˜๋ผ" โ€” ์ž…๋ ฅ ์ด๋ฏธ์ง€๋ฅผ ๋ฏธ๋ฆฌ ์ •์˜๋œ ์—ฌ๋Ÿฌ ์นดํ…Œ๊ณ ๋ฆฌ ์ค‘ ํ•˜๋‚˜(๋˜๋Š” ๊ทธ ์ด์ƒ)๋กœ ๋ถ„๋ฅ˜ํ•˜๋Š” ์ปดํ“จํ„ฐ ๋น„์ „์˜ ํ•ต์‹ฌ ํƒœ์Šคํฌ์ด์ž, ๋ชจ๋“  ์‹œ๊ฐ ์ง€๋Šฅ ์‹œ์Šคํ…œ์˜ ์‹œ์ž‘์ . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ์ด๋ฏธ์ง€์˜ ๊ตญ์†Œ์  ํŠน์ง•(์„ , ๋ฉด, ์งˆ๊ฐ)์„ ํ•˜์œ„ ๋ ˆ์ด์–ด์—์„œ ์ถ”์ถœํ•˜๊ณ , ์ด๋ฅผ ์ƒ์œ„ ๋ ˆ์ด์–ด์—์„œ ์กฐํ•ฉํ•˜์—ฌ ์‚ฌ๋ฌผ์˜ ๊ณ ์œ ํ•œ ํ˜•ํƒœ๋ฅผ ์ธ์‹ํ•˜๋Š” ๊ณ„์ธต์  ํŠน์ง• ํ•™์Šต ํŒจํ„ด. +- **ํ•ต์‹ฌ ์•„ํ‚คํ…์ฒ˜:** + - **CNN (Convolutional Neural Networks):** ๊ณต๊ฐ„์  ๊ตฌ์กฐ๋ฅผ ๋ณด์กดํ•˜๋ฉฐ ํŠน์ง•์„ ์ถ”์ถœํ•˜๋Š” ๊ณ ์ „์  ๊ฐ•์ž (ResNet, EfficientNet). + - **Vision Transformer (ViT):** ์ด๋ฏธ์ง€๋ฅผ ํŒจ์น˜ ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„์–ด ์–ดํ…์…˜ ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ์ ์šฉ, ์ „์—ญ์ ์ธ ๋งฅ๋ฝ ํŒŒ์•…์— ์œ ๋ฆฌ. + - **Transfer Learning:** ๊ฑฐ๋Œ€ ๋ฐ์ดํ„ฐ์…‹(ImageNet ๋“ฑ)์œผ๋กœ ์‚ฌ์ „ ํ•™์Šต๋œ ๋ชจ๋ธ์„ ํ™œ์šฉํ•˜์—ฌ ์†Œ๋Ÿ‰์˜ ๋ฐ์ดํ„ฐ๋กœ๋„ ๊ณ ์„ฑ๋Šฅ ๊ตฌํ˜„. +- **์˜์˜:** ์ž์œจ์ฃผํ–‰, ์˜๋ฃŒ ์˜์ƒ ์ง„๋‹จ, ์ฝ˜ํ…์ธ  ํ•„ํ„ฐ๋ง ๋“ฑ ์ด๋ฏธ์ง€๊ฐ€ ๋ฐ์ดํ„ฐ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ฑฐ์˜ ๋ชจ๋“  ์‚ฐ์—…์˜ ๊ธฐ๋ฐ˜ ๊ธฐ์ˆ . + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ์ •์ ์ธ ์ด๋ฏธ์ง€๋ฅผ ๋ถ„๋ฅ˜ํ•˜๋˜ ๋‹จ๊ณ„๋ฅผ ๋„˜์–ด, ์ด์ œ๋Š” ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€๋ฅผ ๋™์‹œ์— ์ดํ•ดํ•˜๋Š” ๋ฉ€ํ‹ฐ๋ชจ๋‹ฌ(CLIP ๋“ฑ) ๋ชจ๋ธ์„ ํ†ตํ•ด '๋ฌธ๋งฅ์  ๋ถ„๋ฅ˜'๊ฐ€ ๊ฐ€๋Šฅํ•œ ์‹œ๋Œ€๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ์ˆ˜์ง‘๋œ ์ด๋ฏธ์ง€ ์ž๋ฃŒ(`00_Raw/Images`)๋ฅผ ์ž๋™์œผ๋กœ ์ธ๋ฑ์‹ฑํ•˜๊ณ  ์œ„ํ‚ค ์นดํ…Œ๊ณ ๋ฆฌ์— ํ• ๋‹นํ•˜๊ธฐ ์œ„ํ•ด ์ตœ์‹  ViT ๊ธฐ๋ฐ˜์˜ ๋ถ„๋ฅ˜ ์—”์ง„์„ ์ƒ์‹œ ๊ฐ€๋™ํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Object-Detection-Mastery]], [[Image-Segmentation-Techniques]], [[Deep-Learning-Foundations]], [[Computer-Vision-Mastery]] +- **Raw Source:** [[10_Wiki/Topics/AI/Image-Classification-Mastery.md]] diff --git a/10_Wiki/Topics/AI/Image-Segmentation-Techniques.md b/10_Wiki/Topics/AI/Image-Segmentation-Techniques.md new file mode 100644 index 00000000..f24a97ef --- /dev/null +++ b/10_Wiki/Topics/AI/Image-Segmentation-Techniques.md @@ -0,0 +1,29 @@ +--- +id: CV-SEG-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [computer-vision, deep-learning, image-segmentation, u-net, mask-rcnn] +last_reinforced: 2026-04-26 +--- + +# [[Image Segmentation Techniques (์ด๋ฏธ์ง€ ์„ธ๊ทธ๋ฉ˜ํ…Œ์ด์…˜ ๊ธฐ๋ฒ•)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋‹จ์ˆœํžˆ ๋ฌด์—‡์ด ์žˆ๋Š”์ง€ ๋งžํžˆ๋Š” ๊ฒƒ์„ ๋„˜์–ด, ์‚ฌ๋ฌผ์˜ ๊ฒฝ๊ณ„๋ฅผ ํ”ฝ์…€ ๋‹จ์œ„๋กœ ์™„๋ฒฝํ•˜๊ฒŒ ๋„๋ ค๋‚ด์–ด ์„ธ์ƒ์„ ๋ถ„ํ• ํ•˜๋ผ" โ€” ์ด๋ฏธ์ง€ ๋‚ด์˜ ๋ชจ๋“  ํ”ฝ์…€์„ ํŠน์ • ํด๋ž˜์Šค๋กœ ๋ถ„๋ฅ˜ํ•˜์—ฌ, ์‚ฌ๋ฌผ์˜ ์œ„์น˜์™€ ํ˜•ํƒœ๋ฅผ ์ •๊ตํ•˜๊ฒŒ ํŒŒ์•…ํ•˜๋Š” ์ปดํ“จํ„ฐ ๋น„์ „ ๊ธฐ์ˆ . + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** "Encoder-Decoder" โ€” ์ด๋ฏธ์ง€์˜ ํŠน์ง•์„ ์••์ถ•ํ•˜์—ฌ ์˜๋ฏธ๋ฅผ ํŒŒ์•…(Encoder)ํ•œ ๋’ค, ์ด๋ฅผ ๋‹ค์‹œ ์›๋ž˜ ์ด๋ฏธ์ง€ ํฌ๊ธฐ๋กœ ๋ณต์›ํ•˜๋ฉฐ ํ”ฝ์…€๋ณ„ ๋ ˆ์ด๋ธ”์„ ํ• ๋‹น(Decoder)ํ•˜๋Š” ๋ณต์› ๋ฐ ๋ถ„๋ฅ˜ ํŒจํ„ด. +- **์ฃผ์š” ์œ ํ˜•:** + - **Semantic Segmentation:** ๊ฐ™์€ ํด๋ž˜์Šค์— ์†ํ•˜๋Š” ์‚ฌ๋ฌผ๋“ค์„ ํ•˜๋‚˜์˜ ๋ฉ์–ด๋ฆฌ๋กœ ์ธ์‹ (์˜ˆ: ๋ชจ๋“  ์ž๋™์ฐจ๋ฅผ '์ž๋™์ฐจ'๋ผ๋Š” ํ•˜๋‚˜์˜ ์˜์—ญ์œผ๋กœ ํ‘œ์‹œ). + - **Instance Segmentation:** ๊ฐ™์€ ํด๋ž˜์Šค๋ผ๋„ ๊ฐœ๋ณ„ ์‚ฌ๋ฌผ์„ ์„œ๋กœ ๋‹ค๋ฅด๊ฒŒ ๊ตฌ๋ถ„ (์˜ˆ: ์ž๋™์ฐจ A, ์ž๋™์ฐจ B๋ฅผ ๊ฐ๊ฐ ๋‹ค๋ฅธ ๊ฐœ์ฒด๋กœ ์ธ์‹). + - **Panoptic Segmentation:** ์„ธ๋งจํ‹ฑ๊ณผ ์ธ์Šคํ„ด์Šค์˜ ๊ฒฐํ•ฉ. ๋ฐฐ๊ฒฝ๊ณผ ์‚ฌ๋ฌผ์„ ๋ชจ๋‘ ์™„๋ฒฝํ•˜๊ฒŒ ๋ถ„ํ• . +- **ํ•ต์‹ฌ ๋ชจ๋ธ:** U-Net (์˜๋ฃŒ ์˜์ƒ ํŠนํ™”), Mask R-CNN, DeepLab, SAM (Segment Anything Model). +- **์˜์˜:** ์ •๋ฐ€ ๋กœ๋ด‡ ์ œ์–ด, ์ž์œจ์ฃผํ–‰์˜ ์žฅ์• ๋ฌผ ํšŒํ”ผ, ๋ฐฐ๊ฒฝ ์ œ๊ฑฐ ๋ฐ ํ•ฉ์„ฑ ๋“ฑ ๊ณต๊ฐ„์  ์ดํ•ด๊ฐ€ ํ•„์ˆ˜์ ์ธ ๋ชจ๋“  ์‹œ๊ฐ ๊ธฐ์ˆ ์˜ ์ •์ . + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๊ฐ ๋„๋ฉ”์ธ๋ณ„๋กœ ํŠนํ™”๋œ ๋ชจ๋ธ์„ ์‚ฌ์šฉํ•˜๋˜ ๋ฐฉ์‹์—์„œ, ๋ฉ”ํƒ€์˜ SAM๊ณผ ๊ฐ™์ด ์–ด๋–ค ์ด๋ฏธ์ง€๋ผ๋„ ์ถ”๊ฐ€ ํ•™์Šต ์—†์ด ์ฆ‰์‹œ ๋ถ„ํ•  ๊ฐ€๋Šฅํ•œ 'ํŒŒ์šด๋ฐ์ด์…˜ ๋ชจ๋ธ' ์‹œ๋Œ€๋กœ ์ง„ํ™”. +- **์ •์ฑ… ๋ณ€ํ™”:** Skybound ํ”„๋กœ์ ํŠธ์˜ ํ›„์ฒ˜๋ฆฌ ์ดํŽ™ํŠธ ๋ฐ ์ •๊ตํ•œ ์ถฉ๋Œ ํŒ์ • ์‹œ์Šคํ…œ์€ ํ”ฝ์…€ ๋‹จ์œ„์˜ ๋งˆ์Šคํฌ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์„ธ๊ทธ๋ฉ˜ํ…Œ์ด์…˜ ๊ธฐ๋ฒ•์„ ํ™œ์šฉํ•˜์—ฌ ์‹œ๊ฐ์  ์™„์„ฑ๋„๋ฅผ ๋†’์ž„. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Image-Classification-Mastery]], [[Object-Detection-Mastery]], [[Computer-Vision-Mastery]], [[Deep-Learning-Foundations]] +- **Raw Source:** [[10_Wiki/Topics/AI/Image-Segmentation-Techniques.md]] diff --git a/10_Wiki/Topics/AI/Imbalanced-Data-Handling.md b/10_Wiki/Topics/AI/Imbalanced-Data-Handling.md new file mode 100644 index 00000000..5cbffa68 --- /dev/null +++ b/10_Wiki/Topics/AI/Imbalanced-Data-Handling.md @@ -0,0 +1,32 @@ +--- +id: ML-IMBAL-001 +category: "[[10_Wiki/๐Ÿ’ก Topics/AI]]" +confidence_score: 1.0 +tags: [machine-learning, imbalanced-data, resampling, smote, focal-loss] +last_reinforced: 2026-04-26 +--- + +# [[Imbalanced Data Handling (๋ถˆ๊ท ํ˜• ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ)]] + +## ๐Ÿ“Œ ํ•œ ์ค„ ํ†ต์ฐฐ (The Karpathy Summary) +> "๋ฐ์ดํ„ฐ์˜ ์–‘(Quantity)์— ์••๋„๋‹นํ•˜์ง€ ๋ง๊ณ , ์†Œ์™ธ๋œ ์†Œ์ˆ˜์˜ ์ •๋ณด(Minority Class) ์†์— ์ˆจ๊ฒจ์ง„ ๊ฐ€์น˜์— ์ง‘์ค‘ํ•˜๋ผ" โ€” ํ•™์Šต ๋ฐ์ดํ„ฐ์˜ ํด๋ž˜์Šค ๋ถ„ํฌ๊ฐ€ ํŽธํ–ฅ๋˜์–ด ์žˆ์„ ๋•Œ, ๋ชจ๋ธ์ด ๋‹ค์ˆ˜ ํด๋ž˜์Šค์—๋งŒ ์น˜์šฐ์นœ ์˜ˆ์ธก์„ ํ•˜์ง€ ์•Š๋„๋ก ๋ฐ์ดํ„ฐ๋‚˜ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ธก๋ฉด์—์„œ ๊ท ํ˜•์„ ๋งž์ถ”๋Š” ๊ธฐ๋ฒ•. + +## ๐Ÿ“– ๊ตฌ์กฐํ™”๋œ ์ง€์‹ (Synthesized Content) +- **์ถ”์ถœ๋œ ํŒจํ„ด:** ๋‹ค์ˆ˜ ๋ฐ์ดํ„ฐ์˜ ์˜ํ–ฅ๋ ฅ์„ ์ค„์ด๊ฑฐ๋‚˜ ์†Œ์ˆ˜ ๋ฐ์ดํ„ฐ์˜ ๋น„์ค‘์„ ๋†’์—ฌ, ๋ชจ๋ธ์ด ํฌ๊ท€ํ•˜์ง€๋งŒ ์ค‘์š”ํ•œ ์ƒ˜ํ”Œ์˜ ํŠน์ง•์„ ์ถฉ๋ถ„ํžˆ ํ•™์Šตํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฐ€์ค‘์น˜ ๋ฐ ์ƒ˜ํ”Œ๋ง ์กฐ์ • ํŒจํ„ด. +- **ํ•ต์‹ฌ ์ „๋žต:** + - **Data-level (Resampling):** + - **Undersampling:** ๋‹ค์ˆ˜ ํด๋ž˜์Šค ๋ฐ์ดํ„ฐ๋ฅผ ์‚ญ์ œ. ์ •๋ณด ์†์‹ค ์œ„ํ—˜. + - **Oversampling:** ์†Œ์ˆ˜ ํด๋ž˜์Šค ๋ฐ์ดํ„ฐ๋ฅผ ๋ณต์ œํ•˜๊ฑฐ๋‚˜ ์ƒ์„ฑ (์˜ˆ: SMOTE - ํ•ฉ๋ฆฌ์ ์ธ ๊ฐ€์ƒ ๋ฐ์ดํ„ฐ ์ƒ์„ฑ). + - **Algorithm-level:** + - **Cost-sensitive Learning:** ์†Œ์ˆ˜ ํด๋ž˜์Šค๋ฅผ ํ‹€๋ ธ์„ ๋•Œ ๋” ํฐ ๋ฒŒ์ ์„ ๋ถ€์—ฌ. + - **Focal Loss:** ์‰ฌ์šด ์ƒ˜ํ”Œ์˜ ๋น„์ค‘์„ ๋‚ฎ์ถ”๊ณ  ์–ด๋ ค์šด ์ƒ˜ํ”Œ์— ์ง‘์ค‘. +- **ํ‰๊ฐ€ ์ง€ํ‘œ์˜ ์ „ํ™˜:** ๋ถˆ๊ท ํ˜• ๋ฐ์ดํ„ฐ์—์„œ๋Š” '์ •ํ™•๋„(Accuracy)' ๋Œ€์‹  '์ •๋ฐ€๋„(Precision)', '์žฌํ˜„์œจ(Recall)', 'F1-Score' ๋“ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ชจ๋ธ์˜ ์‹ค์งˆ์ ์ธ ์„ฑ๋Šฅ์„ ์ธก์ •ํ•ด์•ผ ํ•จ. +- **์˜์˜:** ์ด์ƒ ํƒ์ง€, ์งˆ๋ณ‘ ์ง„๋‹จ, ์‚ฌ๊ธฐ ์ ๋ฐœ ๋“ฑ ์‹ค์ƒํ™œ์—์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ 'ํฌ๊ท€ ์ผ€์ด์Šค' ํƒ์ง€ ๋Šฅ๋ ฅ ํ™•๋ณด. + +## โš ๏ธ ๋ชจ์ˆœ ๋ฐ ์—…๋ฐ์ดํŠธ (Contradictions & RL Update) +- **๊ณผ๊ฑฐ ๋ฐ์ดํ„ฐ์™€์˜ ์ถฉ๋Œ:** ๋‹จ์ˆœํžˆ ๋ฐ์ดํ„ฐ๋ฅผ ๋Š˜๋ฆฌ๊ฑฐ๋‚˜ ์ค„์ด๋˜ ๋ฐฉ์‹์—์„œ, ์ตœ๊ทผ์—๋Š” [[Focal-Loss]]์™€ ๊ฐ™์€ ์†์‹ค ํ•จ์ˆ˜ ์ตœ์ ํ™”์™€ ์ด์ƒ ํƒ์ง€(Anomaly Detection) ๊ด€์ ์˜ ์ ‘๊ทผ์ด ์ฃผ๋ฅผ ์ด๋ฃธ. +- **์ •์ฑ… ๋ณ€ํ™”:** Antigravity ํ”„๋กœ์ ํŠธ๋Š” ๋ณด์•ˆ ๋กœ๊ทธ ๋ถ„์„ ์‹œ, ์••๋„์ ์œผ๋กœ ๋งŽ์€ '์ •์ƒ ์ ‘๊ทผ' ์‚ฌ์ด์—์„œ ๊ทน์†Œ์ˆ˜์˜ '๊ณต๊ฒฉ ์ง•ํ›„'๋ฅผ ๋†“์น˜์ง€ ์•Š๊ธฐ ์œ„ํ•ด SMOTE์™€ Cost-sensitive ์•™์ƒ๋ธ” ๋ชจ๋ธ์„ ํ‘œ์ค€์œผ๋กœ ์‚ฌ์šฉํ•จ. + +## ๐Ÿ”— ์ง€์‹ ์—ฐ๊ฒฐ (Graph) +- [[Focal-Loss]], [[Supervised-Learning-Foundations]], [[Precision-Recall-and-F1-Score]], [[Deep-Learning-Foundations]] +- **Raw Source:** [[10_Wiki/Topics/AI/Imbalanced-Data-Handling.md]]