chore(wiki): dangling 링크 canonical 정규화 (768파일/1200건)

이름만 다른(표기 변형) [[위키링크]]를 대상 문서의 canonical 제목으로 치환해 끊겼던 1,200개 링크를 연결. 제목/파일명 정규화 일치만 적용하고 별칭 매칭은 과병합 위험으로 제외(애매성 가드). 원본은 _link_reconcile_backup/ 에 백업. 도구: Datacollect/scripts/link_reconcile_apply.mjs Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-08 12:24:15 +09:00
parent 2ddf30f8e4
commit d8a80f6272
768 changed files with 1085 additions and 1085 deletions
@@ -138,7 +138,7 @@ function rescaleForViewport(viewportW: number, viewportH: number) {

 ## 🔗 Graph
 - 부모: [[Skill-Tree-Design]]
- Adjacent: [[API 응답 및 상태 모델링 (State Modeling and API Responses)|Discriminated-Unions]]
+- Adjacent: [[API Response & State Modeling|Discriminated-Unions]]

 ## 🤖 LLM 활용
 **언제**: layout slot enumeration, skill taxonomy brainstorm, tooltip copy.
@@ -152,7 +152,7 @@ class LevelUpModal extends Phaser.GameObjects.Container {

 ## 🔗 Graph
 - 부모: [[Choice-Architecture]]
- Adjacent: [[API 응답 및 상태 모델링 (State Modeling and API Responses)|Discriminated-Unions]]
+- Adjacent: [[API Response & State Modeling|Discriminated-Unions]]

 ## 🤖 LLM 활용
 **언제**: weapon evolution chart, prereq passive brainstorm, skip reward tuning.
@@ -151,7 +151,7 @@ private runNullZone(p: AttackPattern & { kind: 'null-zone' }, _dt: number, mul:
 **기본값**: 매 8-pattern enum, stage:pattern = 1:1, enrage 1.6x speed mul.

 ## 🔗 Graph
- Adjacent: [[API 응답 및 상태 모델링 (State Modeling and API Responses)|Discriminated-Unions]]
+- Adjacent: [[API Response & State Modeling|Discriminated-Unions]]

 ## 🤖 LLM 활용
 **언제**: pattern enumeration, counter-play brainstorm, telegraph copy.
@@ -157,8 +157,8 @@ export const UserId = (s: string): UserId => {

 ## 🔗 Graph
 - 부모: [[TypeScript]] · [[TypeScript 타입 시스템 (TypeScript Type System)|Type System]]
- 변형: [[Opaque Types]]
- Adjacent: [[Zod]] · [[Effect-TS]]
+- 변형: [[Opaque Types (TypeScript)]]
+- Adjacent: [[Zod]] · [[Effect TS]]

 ## 🤖 LLM 활용
 **언제**: domain model schema generation, brand utility scaffolding, smart constructor pattern.
@@ -166,7 +166,7 @@ let count = 0;
 - 부모: [[Memory Management]] · [[Performance]]
 - 변형: [[Object Pool]]
 - 응용: [[WebGPU]]
- Adjacent: [[SharedArrayBuffer]] · [[Typed Array]] · [[Garbage Collection]]
+- Adjacent: [[SharedArrayBuffer]] · [[TypedArray]] · [[Garbage Collection]]

 ## 🤖 LLM 활용
 **언제**: pool implementation scaffold, view layout calculation, ring buffer design.
@@ -162,7 +162,7 @@ dayjs.locale('ko');
 ## 🔗 Graph
 - 부모: [[Frontend Performance]]
 - 변형: [[Code Splitting]]
- 응용: [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]] · [[LCP]]
+- 응용: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]] · [[LCP]]
 - Adjacent: [[Vite]] · [[Rollup]] · [[esbuild]]

 ## 🤖 LLM 활용
@@ -163,7 +163,7 @@ els.forEach((el, i) => el.style.width = widths[i] + 1 + 'px');
 **기본값**: measure → smallest fix → re-measure.

 ## 🔗 Graph
- 부모: [[Frontend Performance]] · [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]]
+- 부모: [[Frontend Performance]] · [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]]
 - 변형: [[INP]]
 - 응용: [[Web Worker]] · [[Concurrent Features|Concurrent Rendering]]
 - Adjacent: [[Bundle Size Optimization]] · [[Hydration]]
@@ -149,7 +149,7 @@ export default function Page() {
 **기본값**: 매 default Server Component — 매 boundary 를 leaf 에 push, 매 'use client' 매 minimum.

 ## 🔗 Graph
- 부모: [[React Server Components]]
+- 부모: [[React Server Components — 경계 의식]]
 - 변형: [[Modern_Web_Rendering_and_Optimization|Server Components]] · [[Server Actions]]
 - 응용: [[Hydration]] · [[Suspense]] · [[Streaming SSR]]
 - Adjacent: [[Islands Architecture]] · [[Astro]]
@@ -143,9 +143,9 @@ npx prerender-spa-plugin --routes /,/about,/pricing
 **기본값**: 매 user-app (login wall 뒤) → CSR. 매 public content → SSR/SSG/RSC.

 ## 🔗 Graph
- 부모: [[Rendering-Strategies]] · [[프론트엔드_및_UIUX_표준|Frontend-Architecture]]
- 변형: [[React-Server-Components]]
- Adjacent: [[Core Web Vitals Optimization (INP, LCP 개선)|Core-Web-Vitals]] · [[Code-Splitting]] · [[Hydration]]
+- 부모: [[Rendering-Strategies]] · [[프론트엔드 및 UIUX 표준|Frontend-Architecture]]
+- 변형: [[React Server Components — 경계 의식]]
+- Adjacent: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core-Web-Vitals]] · [[Code Splitting]] · [[Hydration]]

 ## 🤖 LLM 활용
 **언제**: app-like UX, auth-protected, heavy client interactivity.
@@ -151,7 +151,7 @@ function Stack({ gap = 8, children }: { gap?: number; children: React.ReactNode
 - 부모: [[React]]
 - 변형: [[Web-Components]]
 - 응용: [[Radix-UI]] · [[Headless-UI]] · [[shadcn]]
- Adjacent: [[Server-Components]] · [[Composition API]]
+- Adjacent: [[Server Components]] · [[Composition API]]

 ## 🤖 LLM 활용
 **언제**: design system 구축, library API 설계, complex form/dialog UI.
@@ -162,7 +162,7 @@ onUnmounted(() => console.log('cleanup'));

 ## 🔗 Graph
 - 부모: [[Vue 3]]
- 변형: [[Options-API]] · [[Solid-Signals]]
+- 변형: [[Vue Options API]] · [[Solid-Signals]]
 - 응용: [[Composables]] · [[Pinia]] · [[Nuxt]]
 - Adjacent: [[Component-Composition]] · [[TypeScript]]

@@ -169,9 +169,9 @@ scrollToBottom(); // 매 새 item 매 already mounted

 ## 🔗 Graph
 - 부모: [[React]] · [[Performance]]
- 변형: [[Suspense]] · [[Server-Components]] · [[Streaming-SSR]]
+- 변형: [[Suspense]] · [[Server Components]] · [[Streaming SSR]]
 - 응용: [[Remix]]
- Adjacent: [[Code-Splitting]]
+- Adjacent: [[Code Splitting]]

 ## 🤖 LLM 활용
 **언제**: 매 input lag, expensive list, async-heavy tree, SSR perf.
@@ -129,7 +129,7 @@ return <div>count: {count()}</div>;
 **기본값**: 매 React 19 + Suspense + Transition + 매 stable key.

 ## 🔗 Graph
- 부모: [[Virtual_DOM과_Reconciliation|Virtual DOM]] · [[Reconciliation]]
+- 부모: [[Virtual DOM과 Reconciliation|Virtual DOM]] · [[Reconciliation]]
 - 변형: [[React Fiber]] · [[Vue Reactivity]]
 - 응용: [[Animation]]

@@ -183,7 +183,7 @@ fn cullCS(@builtin(global_invocation_id) gid: vec3u) {
 ## 🔗 Graph
 - 부모: [[GPU Pipeline]] · [[Real-Time Rendering]]
 - 변형: [[Instancing]] · [[Batching]] · [[Indirect Draw]]
- Adjacent: [[Texture Atlas]] · [[GPU Driven Rendering]] · [[Frustum Culling]]
+- Adjacent: [[Texture Atlas]] · [[GPU-driven Rendering]] · [[Frustum Culling]]

 ## 🤖 LLM 활용
 **언제**: 의 frame time 의 의 CPU-bound 의 (draw call > 1000), GPU-driven culling, atlas 설계.
@@ -189,7 +189,7 @@ const SentryBoundary = Sentry.withErrorBoundary(MyApp, {

 ## 🔗 Graph
 - 부모: [[React]] · [[Error Handling]]
- 변형: [[Suspense]] · [[react-error-boundary]]
+- 변형: [[Suspense]] · [[React Error Boundary 패턴]]
 - Adjacent: [[Discriminated Unions for Error Handling]]

 ## 🤖 LLM 활용
@@ -164,7 +164,7 @@ const area = (sh: Shape): number => {

 ## 🔗 Graph
 - 부모: [[TypeScript]] · [[Functional Programming]]
- 변형: [[Effect-TS]] · [[fp-ts]]
+- 변형: [[Effect TS]] · [[fp-ts]]
 - 응용: [[Validation]] · [[API Client]] · [[State Management]]
 - Adjacent: [[Zod]]

@@ -25,7 +25,7 @@ github_commit: pending

 ## 🔗 Graph
 - 부모: [[Hydration]] (canonical)
- Adjacent: [[Streaming-SSR]] · [[React-Server-Components]]
+- Adjacent: [[Streaming SSR]] · [[React Server Components — 경계 의식]]

 ## 🕓 변경 이력
 | 날짜 | 변경 |
@@ -174,10 +174,10 @@ export default codegenNativeComponent<NativeProps>('MyView');
 **기본값**: New Architecture, TurboModules, Reanimated 3.

 ## 🔗 Graph
- 부모: [[React-Native]] · [[Hermes]]
+- 부모: [[React Native]] · [[Hermes]]
 - 변형: [[Fabric]] · [[TurboModules]]
 - 응용: [[MMKV]]
- Adjacent: [[New-Architecture]]
+- Adjacent: [[New Architecture (React Native Fabric/TurboModules)]]

 ## 🤖 LLM 활용
 **언제**: RN 의 native module 작성, performance bottleneck 진단, sync API 필요.
@@ -201,7 +201,7 @@ for (const v of filter(map(range(0, 1e9), x => x * 2), x => x % 3 === 0)) {
 - 부모: [[JavaScript]] · [[V8]]
 - 변형: [[JSC]]
 - 응용: [[Web Worker (웹 워커)|Web-Workers]] · [[Animation-Performance]]
- Adjacent: [[Garbage-Collection]]
+- Adjacent: [[Garbage Collection]]

 ## 🤖 LLM 활용
 **언제**: 매 measurable bottleneck 진단 후, hot loop 작성, large data transform.
@@ -131,7 +131,7 @@ function Page() {
 ## 🔗 Graph
 - 변형: [[ADR]]
 - 응용: [[Large_Frontend_Projects|Frontend Architecture]]
- Adjacent: [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]] · [[Accessibility (A11y)|Accessibility]] · [[DX]]
+- Adjacent: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]] · [[Accessibility (A11y)|Accessibility]] · [[DX]]

 ## 🤖 LLM 활용
 **언제**: 매 framework / library 선택 시, 매 RFC 작성, 매 trade-off 명시화.
@@ -184,8 +184,8 @@ console.log(`Snapshot: ${path}`);
 **기본값**: 매 Heap Snapshot 3-snapshot diff — 매 retainer chain 매 따라 root 매 식별.

 ## 🔗 Graph
- 부모: [[Garbage-Collection]]
- Adjacent: [[Chrome-DevTools]] · [[AbortController]]
+- 부모: [[Garbage Collection]]
+- Adjacent: [[Chrome DevTools]] · [[AbortController]]

 ## 🤖 LLM 활용
 **언제**: 매 SPA/long-running app 의 메모리 증가, 매 unmount 후 referent 잔존, 매 production memory metrics 의 anomaly.
@@ -236,7 +236,7 @@ channel.onmessage = ({ data }) => {
 **기본값**: 매 React/Vue 균일 stack 매 Module Federation, 매 framework 혼재 매 Single-SPA + Web Components.

 ## 🔗 Graph
- 부모: [[프론트엔드_및_UIUX_표준|Frontend-Architecture]] · [[Microservices]]
+- 부모: [[프론트엔드 및 UIUX 표준|Frontend-Architecture]] · [[Microservices]]
 - 변형: [[Module-Federation]] · [[Web-Components]]
 - Adjacent: [[Monorepo]] · [[Vite]]

@@ -177,7 +177,7 @@ import Image from "next/image";
 ## 🔗 Graph
 - 부모: [[React]]
 - 변형: [[Remix]] · [[Astro]] · [[SvelteKit]]
- Adjacent: [[React Server Components]] · [[Turbopack]] · [[Edge Runtime]]
+- Adjacent: [[React Server Components — 경계 의식]] · [[Turbopack]] · [[Edge Runtime]]

 ## 🤖 LLM 활용
 **언제**: App Router migration, RSC 설계, Server Action 구현, PPR 적용.
@@ -215,7 +215,7 @@ function fromJson(j: UserJson): User {
 - 부모: [[TypeScript]] · [[TypeScript 타입 시스템 (TypeScript Type System)|Type-System]]
 - 변형: [[Branded-Types]] · [[Opaque-Types]]
 - 응용: [[Domain-Driven-Design]] · [[Value-Object]] · [[Refinement-Type]]
- Adjacent: [[Effect-TS]] · [[Zod]] · [[Type-Safety]] · [[Smart-Constructor]]
+- Adjacent: [[Effect TS]] · [[Zod]] · [[Type-Safety]] · [[Smart-Constructor]]

 ## 🤖 LLM 활용
 **언제**: 매 ID/string mix-up 매 bug surface 자주, 매 unit/currency 혼동 risk, 매 sanitized vs raw 매 boundary 강제, 매 DDD value object 매 lightweight 표현.
@@ -176,8 +176,8 @@ function BadChild({ obj }: { obj: { count: number } }) {

 ## 🔗 Graph
 - 부모: [[React]]
- 변형: [[프론트엔드_및_UIUX_표준|Redux]] · [[Zustand]] · [[Pinia]]
- 응용: [[useReducer]] · [[Event-Sourcing]]
+- 변형: [[프론트엔드 및 UIUX 표준|Redux]] · [[Zustand]] · [[Pinia]]
+- 응용: [[useReducer]] · [[Event Sourcing]]
 - Adjacent: [[Reactive-Streams]] · [[Signals]]

 ## 🤖 LLM 활용
@@ -134,8 +134,8 @@ const parsed = EmailSchema.parse(input); // Email
 ## 🔗 Graph
 - 부모: [[TypeScript-Type-System]]
 - 변형: [[Branded-Types]]
- 응용: [[Parse-Dont-Validate]]
- Adjacent: [[API 응답 및 상태 모델링 (State Modeling and API Responses)|Discriminated-Unions]]
+- 응용: [[Parse, Don't Validate]]
+- Adjacent: [[API Response & State Modeling|Discriminated-Unions]]

 ## 🤖 LLM 활용
 **언제**: ID 매 mix 위험 / unit 매 confusion / validated string 의 boundary protection.
@@ -161,9 +161,9 @@ const app = compose<{ req: Request; res?: Response }>([
 **기본값**: 매 second variation 발견 시 abstract — 매 first time 의 over-abstraction X.

 ## 🔗 Graph
- 부모: [[SOLID-Principles]] · [[Design-Principles]]
+- 부모: [[SOLID Principles]] · [[Design-Principles]]
 - 변형: [[Visitor-Pattern]]
- 응용: [[Middleware]] · [[API 응답 및 상태 모델링 (State Modeling and API Responses)|Discriminated-Unions]] · [[Dependency_Injection_(DI)|Dependency-Injection]]
+- 응용: [[Middleware]] · [[API Response & State Modeling|Discriminated-Unions]] · [[Dependency_Injection_(DI)|Dependency-Injection]]
 - Adjacent: [[DIP]] · [[Composition-over-Inheritance]]

 ## 🤖 LLM 활용
@@ -202,8 +202,8 @@ test('counter increments', () => {
 **기본값**: 매 setup store + TypeScript + storeToRefs.

 ## 🔗 Graph
- 부모: [[State-Management]]
- 변형: [[Vuex]] (predecessor) · [[프론트엔드_및_UIUX_표준|Redux]] · [[Zustand]] · [[Jotai]]
+- 부모: [[State Management]]
+- 변형: [[Vuex]] (predecessor) · [[프론트엔드 및 UIUX 표준|Redux]] · [[Zustand]] · [[Jotai]]
 - 응용: [[Nuxt]]
 - Adjacent: [[Composition-API]]

@@ -227,9 +227,9 @@ function parse(s: string): Result<unknown, Error> {
 **기본값**: 매 SOLID + 매 KISS + 매 YAGNI — 매 over-abstraction 매 함정 매 회피.

 ## 🔗 Graph
- 변형: [[SOLID]] · [[Clean-Architecture]] · [[Hexagonal-Architecture]]
+- 변형: [[SOLID]] · [[Clean-Architecture]] · [[Hexagonal Architecture]]
 - 응용: [[Code-Review]] · [[Refactoring_Best_Practices|Refactoring]] · [[Architecture-Decision-Record]]
- Adjacent: [[Design-Patterns]] · [[Domain-Driven-Design]] · [[Test-Driven-Development]]
+- Adjacent: [[Design-Patterns]] · [[Domain-Driven-Design]] · [[Test-Driven Development]]

 ## 🤖 LLM 활용
 **언제**: 매 design review, 매 refactor planning, 매 principle violation 매 식별, 매 mentoring/teaching context.
@@ -140,9 +140,9 @@ for step in range(1000):
 **기본값**: 매 small problem → pgmpy. 매 large continuous → NumPyro NUTS.

 ## 🔗 Graph
- 부모: [[Probability_Theory]] · [[Graph_Theory]]
+- 부모: [[Probability Theory]] · [[Graph_Theory]]
 - 변형: [[Bayesian_Network]] · [[Markov_Random_Field]]
- 응용: [[Image_Segmentation]] · [[Causal_Inference]]
+- 응용: [[Image Segmentation]] · [[Causal Inference]]
 - Adjacent: [[Hidden_Markov_Model]] · [[Variational_Inference]] · [[MCMC]]

 ## 🤖 LLM 활용
@@ -178,8 +178,8 @@ module.exports = withExpo({
 **기본값**: Expo Router + Tamagui — 매 mobile-first, desktop 매 responsive breakpoint.

 ## 🔗 Graph
- 부모: [[React-Native]]
- 변형: [[Expo-Router]]
+- 부모: [[React Native]]
+- 변형: [[Expo Router]]
 - 응용: [[Universal-App]]
 - Adjacent: [[Tauri]] · [[Electron]]

@@ -150,8 +150,8 @@ const config = freeze({ apiUrl: '/api' });
 ## 🔗 Graph
 - 부모: [[TypeScript]]
 - 변형: [[const_assertion]]
- 응용: [[프론트엔드_및_UIUX_표준|Redux]]
- Adjacent: [[satisfies_operator]]
+- 응용: [[프론트엔드 및 UIUX 표준|Redux]]
+- Adjacent: [[Satisfies Operator]]

 ## 🤖 LLM 활용
 **언제**: API response type, function param (mutation 의도 차단), config object (`as const`), Redux state.
@@ -166,7 +166,7 @@ export default {

 ## 🔗 Graph
 - 변형: [[Vite]] · [[tsup]]
- 응용: [[Component-Library-Architecture]]
+- 응용: [[Component Library Architecture]]
 - Adjacent: [[ESM]] · [[esbuild]]

 ## 🤖 LLM 활용
@@ -180,7 +180,7 @@ export default defineConfig({

 ## 🔗 Graph
 - 응용: [[Material_Design]] · [[Design_System]]
- Adjacent: [[Tailwind_CSS]] · [[CSS_Modules]] · [[vanilla-extract]]
+- Adjacent: [[Tailwind CSS]] · [[CSS Modules]] · [[vanilla-extract]]

 ## 🤖 LLM 활용
 **언제**: 매 large design system, theme variable, legacy Bootstrap project.
@@ -199,9 +199,9 @@ onCLS(send);
 **기본값**: Astro + MDX + Vercel/Netlify deploy + Sanity/Contentlayer (if CMS needed).

 ## 🔗 Graph
- 부모: [[SEO]] · [[프론트엔드_및_UIUX_표준|Frontend-Architecture]]
+- 부모: [[SEO]] · [[프론트엔드 및 UIUX 표준|Frontend-Architecture]]
 - 응용: [[Astro]] · [[MDX]]
- Adjacent: [[Core Web Vitals Optimization (INP, LCP 개선)|Core-Web-Vitals]]
+- Adjacent: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core-Web-Vitals]]

 ## 🤖 LLM 활용
 **언제**: marketing site, blog, docs, public-facing SEO-critical content, GEO optimization.
@@ -175,9 +175,9 @@ export default {
 **기본값**: 2026 의 default 는 **Next.js / Remix (SSR + RSC)** — pure SPA 는 internal tools / authenticated apps 의 으로 의 reserve.

 ## 🔗 Graph
- 부모: [[프론트엔드_및_UIUX_표준|Frontend-Architecture]]
- 변형: [[SSR]] · [[SSG]] · [[Islands-Architecture]] · [[React-Server-Components]]
- Adjacent: [[Vite]] · [[Code-Splitting]]
+- 부모: [[프론트엔드 및 UIUX 표준|Frontend-Architecture]]
+- 변형: [[SSR]] · [[SSG]] · [[Islands-Architecture]] · [[React Server Components — 경계 의식]]
+- Adjacent: [[Vite]] · [[Code Splitting]]

 ## 🤖 LLM 활용
 **언제**: highly-interactive authenticated app, no SEO requirement, complex client state, real-time collaboration.
@@ -214,7 +214,7 @@ export async function addToCart(productId: string, qty: number) {
 **기본값**: 매 SaaS 매 Next.js + shadcn-ui + Tailwind v4. 매 Ecommerce 매 Next.js Commerce 템플릿 fork.

 ## 🔗 Graph
- 부모: [[Frontend_Architecture]]
+- 부모: [[Frontend Architecture]]
 - Adjacent: [[Next.js]] · [[Tailwind_v4]] · [[shadcn-ui]]

 ## 🤖 LLM 활용
@@ -177,7 +177,7 @@ echo`매 deleted ${branches.length} merged branches`;
 **기본값**: npm scripts + tsx for TS + concurrently for parallel. 매 monorepo 면 turbo.

 ## 🔗 Graph
- 부모: [[Node.js]]
+- 부모: [[Nodejs]]
 - 변형: [[Task]] · [[Turbo]] · [[Nx]]
 - 응용: [[Husky Git Hooks]]
 - Adjacent: [[tsx]] · [[bun]]
@@ -203,7 +203,7 @@ export default async function Page() {
 - 부모: [[Rendering Strategies]] · [[Web Performance]]
 - 변형: [[CSR]] · [[SSG]] · [[ISR]] · [[Streaming SSR]]
 - 응용: [[Remix]] · [[SvelteKit]] · [[Nuxt]]
- Adjacent: [[React Server Components]] · [[Hydration]] · [[Suspense]]
+- Adjacent: [[React Server Components — 경계 의식]] · [[Hydration]] · [[Suspense]]

 ## 🤖 LLM 활용
 **언제**: rendering strategy 결정, SEO + first paint 최적화, RSC + Suspense 설계.
@@ -155,7 +155,7 @@ performance.now(); // 1234.1 (was 1234.123456)
 **기본값**: hardware mitigation (eIBRS, IBPB, BHI_DIS_S) on by default + retpoline + array_index_nospec on hot paths.

 ## 🔗 Graph
- 부모: [[Side Channel Attack]]
+- 부모: [[Side-channel Attack]]
 - 변형: [[Spectre|Spectre and Meltdown]]
 - 응용: [[Speculative Execution]]
 - Adjacent: [[Cache Timing Attack]] · [[Timing Attack]]
@@ -225,7 +225,7 @@ const unsub = useStore.subscribe(
 ## 🔗 Graph
 - 부모: [[React]] · [[Large_Frontend_Projects|Frontend Architecture]]
 - 변형: [[Zustand]] · [[Jotai]] · [[Valtio]] · [[Redux Toolkit]] · [[MobX]] · [[Recoil]]
- Adjacent: [[React Server Components]]
+- Adjacent: [[React Server Components — 경계 의식]]

 ## 🤖 LLM 활용
 **언제**: client-only state design, store shape 결정, library 선택. 매 SPA 의 boundary.
@@ -223,7 +223,7 @@ export default class MyDocument extends Document {
 - 부모: [[CSS in JS]] · [[SSR]]
 - 변형: [[useServerInsertedHTML]]
 - 응용: [[Styled Components v6]]
- Adjacent: [[Streaming SSR]] · [[React Server Components]] · [[Hydration]]
+- Adjacent: [[Streaming SSR]] · [[React Server Components — 경계 의식]] · [[Hydration]]

 ## 🤖 LLM 활용
 **언제**: SSR setup for CSS-in-JS, Next.js App Router migration from Pages, debugging FOUC / hydration mismatch.
@@ -191,7 +191,7 @@ const Button = styled.button<{ $variant: keyof typeof variants }>`

 ## 🔗 Graph
 - 부모: [[CSS in JS]]
- 변형: [[Vanilla Extract]]
+- 변형: [[vanilla-extract]]
 - 응용: [[Style Registry]] · [[Design Tokens]] · [[Theming]]
 - Adjacent: [[CSS_Architecture_and_Styling|Tailwind CSS]] · [[Panda CSS]] · [[Modern_Web_Rendering_and_Optimization|Server Components]]

@@ -143,7 +143,7 @@ const renderer = WebGPU.isAvailable()

 ## 🔗 Graph
 - 부모: [[Three.js]] · [[WebGPU]]
- 변형: [[GPGPU]] · [[TSL Three Shader Language]]
+- 변형: [[GPGPU]] · [[TSL (Three Shader Language)]]
 - 응용: [[Particle System]]
 - Adjacent: [[Compute Shader]] · [[Instanced Rendering]]

@@ -167,7 +167,7 @@ Mitigation:
 **기본값**: never write your own crypto compare. Use language stdlib `timingSafeEqual` / `compare_digest` / `subtle.ConstantTimeCompare`.

 ## 🔗 Graph
- 부모: [[Side Channel Attack]] · [[Practical-Cryptography|Cryptography]]
+- 부모: [[Side-channel Attack]] · [[Practical-Cryptography|Cryptography]]
 - 변형: [[Spectre]] · [[Cache Timing Attack]] · [[Power Analysis]]

 ## 🤖 LLM 활용
@@ -104,7 +104,7 @@ node -p "process.config.variables.v8_enable_pointer_compression"
 ## 🔗 Graph
 - 부모: [[JavaScript]]
 - 변형: [[JavaScriptCore]] · [[Hermes]]
- 응용: [[Node.js]] · [[Deno]] · [[Chrome]] · [[Electron]]
+- 응용: [[Nodejs]] · [[Deno]] · [[Chrome]] · [[Electron]]
 - Adjacent: [[JIT Compilation]] · [[Garbage Collection]] · [[Inline Cache]]

 ## 🤖 LLM 활용
@@ -117,7 +117,7 @@ gl.texImage3D(gl.TEXTURE_3D, 0, gl.R8, w, h, d, 0, gl.RED, gl.UNSIGNED_BYTE, dat
 ## 🔗 Graph
 - 부모: [[WebGL]] · [[OpenGL ES]]
 - 변형: [[WebGPU]]
- 응용: [[Three.js]] · [[Babylon.js]] · [[CesiumJS]]
+- 응용: [[Three.js]] · [[Babylonjs]] · [[CesiumJS]]
 - Adjacent: [[WEBGL_multi_draw]] · [[GLSL]]

 ## 🤖 LLM 활용
@@ -151,7 +151,7 @@ canvas.addEventListener('webglcontextrestored', () => { rebuildResources(); });
 ## 🔗 Graph
 - 부모: [[OpenGL ES]]
 - 변형: [[WebGPU]]
- 응용: [[Threejs]] · [[Babylon.js]]
+- 응용: [[Threejs]] · [[Babylonjs]]
 - Adjacent: [[GLSL]] · [[OffscreenCanvas]]

 ## 🤖 LLM 활용
@@ -134,7 +134,7 @@ for (const node of assets.nodes) {

 ## 🔗 Graph
 - 부모: [[ECS]]
- 변형: [[Threejs]] · [[Babylon.js]] · [[Wonderland Engine]]
+- 변형: [[Threejs]] · [[Babylonjs]] · [[Wonderland Engine]]
 - 응용: [[bitECS]]
 - Adjacent: [[WebGL API]] · [[WebGPU]]

@@ -166,7 +166,7 @@ client.sendState({ pos: this.object.getPositionWorld() });

 ## 🔗 Graph
 - 부모: [[WebXR]]
- 변형: [[Threejs]] · [[Babylon.js]] · [[Wonder]]
+- 변형: [[Threejs]] · [[Babylonjs]] · [[Wonder]]
 - Adjacent: [[WebAssembly]] · [[WebGL API]] · [[WebGPU]]

 ## 🤖 LLM 활용
@@ -209,7 +209,7 @@ const Button = ({ size, ...rest }) => <button className={button({ size })} {...r
 ## 🔗 Graph
 - 부모: [[CSS_Architecture_and_Styling|CSS-in-JS]]
 - 변형: [[vanilla-extract]] · [[Panda CSS]]
- 응용: [[Design System]] · [[React Server Components]]
+- 응용: [[Design System]] · [[React Server Components — 경계 의식]]
 - Adjacent: [[CSS_Architecture_and_Styling|Tailwind CSS]] · [[CSS Modules]] · [[Styled_Components|styled-components]]

 ## 🤖 LLM 활용
@@ -200,7 +200,7 @@ flushSync(() => setUrgent(true));
 - 부모: [[React]] · [[Concurrent React]]
 - 변형: [[useTransition]] · [[useDeferredValue]] · [[Suspense]]
 - 응용: [[Search]]
- Adjacent: [[flushSync]] · [[Automatic Batching]] · [[React Server Components]]
+- Adjacent: [[flushSync]] · [[Automatic Batching]] · [[React Server Components — 경계 의식]]

 ## 🤖 LLM 활용
 **언제**: 매 input + heavy filter, tab switch, route change with data fetch, async form submit (React 19+) 의.
@@ -267,7 +267,7 @@ export default function RootLayout({ children }) {
 ## 🔗 Graph
 - 부모: [[CSS_Architecture_and_Styling|CSS-in-JS]] · [[Zero-Runtime CSS-in-JS]]
 - 변형: [[Panda CSS]] · [[CSS Modules]]
- 응용: [[Design System]] · [[React Server Components]]
+- 응용: [[Design System]] · [[React Server Components — 경계 의식]]
 - Adjacent: [[CVA]] · [[CSS_Architecture_and_Styling|Tailwind CSS]]

 ## 🤖 LLM 활용
@@ -219,9 +219,9 @@ export default async function Layout({ children }) {
 **기본값**: CSS `light-dark()` + `data-theme` + `data-brand` + cookie SSR + next-themes.

 ## 🔗 Graph
- 부모: [[Design_Systems]] · [[CSS_Variables]]
+- 부모: [[Design_Systems]] · [[CSS Variables]]
 - 변형: [[Design_Tokens]]
- 응용: [[Tailwind_v4]] · [[Styled_Components_v6]] · [[CSS_Modules]]
+- 응용: [[Tailwind_v4]] · [[Styled Components v6]] · [[CSS Modules]]
 - Adjacent: [[View_Transitions_API]]

 ## 🤖 LLM 활용
@@ -145,7 +145,7 @@ ytext.observe(() => {
 ## 🔗 Graph
 - 부모: [[State Management]]
 - 변형: [[Event Sourcing]] · [[CQRS]]
- 응용: [[React Server Components]] · [[CRDT]]
+- 응용: [[React Server Components — 경계 의식]] · [[CRDT]]
 - Adjacent: [[단일 진실 공급원(Single Source of Truth) 구축]]

 ## 🤖 LLM 활용
@@ -133,7 +133,7 @@ export default defineConfig({

 ## 🔗 Graph
 - 부모: [[Large_Frontend_Projects|Frontend Architecture]]
- 변형: [[SSR]] · [[SSG]] · [[Islands Architecture]] · [[React Server Components]]
+- 변형: [[SSR]] · [[SSG]] · [[Islands Architecture]] · [[React Server Components — 경계 의식]]
 - 응용: [[단일 페이지 애플리케이션(SPA) 렌더링 설계]] · [[단일 페이지 애플리케이션(SPA) 아키텍처 설계]]
 - Adjacent: [[Code Splitting]] · [[Client-Side Routing]] · [[State Management]]

@@ -24,7 +24,7 @@ github_commit: pending
 - 매 2026 modern: React Server Components, Next.js 15 App Router, Remix v3, SolidStart, TanStack Router.

 ## 🔗 Graph
- 변형: [[React Server Components]]
+- 변형: [[React Server Components — 경계 의식]]
 - Adjacent: [[Critical Rendering Path (CRP)|Critical Rendering Path]]

 ## 🕓 변경 이력
@@ -144,7 +144,7 @@ function bootstrapCI(samples: number[], B = 10000, alpha = 0.05) {

 ## 🔗 Graph
 - 부모: [[Probability Theory]] · [[Statistical Inference]]
- 응용: [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]]
+- 응용: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]]
 - Adjacent: [[Monte Carlo Methods]]

 ## 🤖 LLM 활용
@@ -178,7 +178,7 @@ function detectAnomaly(values: number[]): boolean {
 **기본값**: R3F + WebSocket + zustand + recharts. WebGPU 는 particle/heatmap 만.

 ## 🔗 Graph
- 부모: [[클라우드_인프라_및_IaC_운영_표준|IoT]]
+- 부모: [[클라우드 인프라 및 IaC 운영 표준|IoT]]
 - 변형: [[GIS]]
 - Adjacent: [[WebGPU]] · [[Three.js]] · [[Cesium]]

@@ -150,7 +150,7 @@ Cloudflare/Vercel 자동 지원 — TTFB 안 기다리고 preload 시작.
 **기본값**: Tailwind v4 + Vite/Next 자동 chunk + `<link rel="preload">` for above-fold.

 ## 🔗 Graph
- 부모: [[Web Performance]] · [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]]
+- 부모: [[Web Performance]] · [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]]
 - 변형: [[Critical CSS]] · [[CSS_Architecture_and_Styling|CSS-in-JS]] · [[CSS Modules]]
 - 응용: [[Tailwind v4]] · [[Vite]] · [[Next.js]]

@@ -136,7 +136,7 @@ tech_stack:
 ## 🔗 Graph
 - 부모: [[Web Performance]] · [[Critical Rendering Path (CRP)|Critical Rendering Path]]
 - 변형: [[Critical CSS]]
- 응용: [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]]
+- 응용: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]]
 - Adjacent: [[Speculation Rules]]

 ## 🤖 LLM 활용
@@ -155,7 +155,7 @@ button, a {
 ## 🔗 Graph
 - 변형: [[컨테이너 쿼리 (Container Queries)]]
 - 응용: [[CSS_Architecture_and_Styling|Tailwind CSS]]
- Adjacent: [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]]
+- Adjacent: [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]]

 ## 🤖 LLM 활용
 **언제**: 새 web project, e-commerce, content site, public-facing app, PWA.
@@ -154,7 +154,7 @@ async function UserPage({ params }: { params: { id: string } }) {

 ## 🔗 Graph
 - 부모: [[State Management]]
- 응용: [[Optimistic UI]] · [[Infinite Scroll]] · [[React Server Components]]
+- 응용: [[Optimistic UI]] · [[Infinite Scroll]] · [[React Server Components — 경계 의식]]
 - Adjacent: [[AbortController]]

 ## 🤖 LLM 활용
@@ -138,7 +138,7 @@ export const Card = ({ children }) => <div className={styles.card}>{children}</d
 ## 🔗 Graph
 - 부모: [[CSS_Architecture_and_Styling|CSS Architecture]] · [[Design System]]
 - 변형: [[BEM]] · [[CSS Modules]] · [[CSS_Architecture_and_Styling|CSS-in-JS]]
- 응용: [[CSS_Architecture_and_Styling|Tailwind CSS]] · [[Vanilla Extract]] · [[Theming]]
+- 응용: [[CSS_Architecture_and_Styling|Tailwind CSS]] · [[vanilla-extract]] · [[Theming]]
 - Adjacent: [[컨테이너 쿼리 (Container Queries)|Container Queries]]

 ## 🤖 LLM 활용
@@ -144,7 +144,7 @@ interface Renderer<HostNode> {

 ## 🔗 Graph
 - 부모: [[Component-Composition|Component-Based Architecture]]
- 변형: [[Virtual_DOM과_Reconciliation|Virtual DOM]] · [[Fine-Grained Reactivity]]
+- 변형: [[Virtual DOM과 Reconciliation|Virtual DOM]] · [[Fine-Grained Reactivity]]
 - 응용: [[React]] · [[Solid]]
 - Adjacent: [[State Management]] · [[Modern_Web_Rendering_and_Optimization|Server Components]] · [[Hydration]]

@@ -140,7 +140,7 @@ return new Response(html, {
 - 부모: [[Web Performance]] · [[Large_Frontend_Projects|Frontend Architecture]]
 - 변형: [[ISR]] · [[Edge Computing]] · [[Streaming SSR]]
 - 응용: [[Headless Commerce]]
- Adjacent: [[CDN]] · [[Core Web Vitals Optimization (INP, LCP 개선)|Core Web Vitals]] · [[SEO]]
+- Adjacent: [[CDN]] · [[Core Web Vitals Optimization (INP, LCP, CLS)|Core Web Vitals]] · [[SEO]]

 ## 🤖 LLM 활용
 **언제**: 매 traffic-heavy content site, 매 PLP/PDP, 매 article-driven SEO.
@@ -24,7 +24,7 @@ github_commit: pending
 - 매 design system 통합: 매 tokens · 매 Storybook · 매 visual regression (Chromatic).

 ## 🔗 Graph
- Adjacent: [[Design Systems]] · [[React Server Components]]
+- Adjacent: [[Design Systems]] · [[React Server Components — 경계 의식]]

 ## 🕓 변경 이력
 | 날짜 | 변경 |
@@ -25,7 +25,7 @@ github_commit: pending

 ## 🔗 Graph
 - 부모: [[Hydration]] (canonical)
- Adjacent: [[Server-Side Rendering (SSR)]] · [[React Server Components]] · [[Streaming SSR]]
+- Adjacent: [[Server-Side Rendering (SSR)]] · [[React Server Components — 경계 의식]] · [[Streaming SSR]]

 ## 🕓 변경 이력
 | 날짜 | 변경 |
@@ -25,7 +25,7 @@ github_commit: pending

 ## 🔗 Graph
 - 부모: [[Scalable Frontend Architecture]] (canonical)
- Adjacent: [[Micro-Frontends]] · [[Module Federation]] · [[Monorepo (Turborepo / Nx)]]
+- Adjacent: [[Micro-Frontends]] · [[Module Federation]] · [[Monorepo (Turborepo/Nx)]]

 ## 🕓 변경 이력
 | 날짜 | 변경 |
@@ -24,7 +24,7 @@ github_commit: pending
 - 매 modern alternative: 매 `performance.measureUserAgentSpecificMemory()` · 매 Lighthouse memory audits.

 ## 🔗 Graph
- Adjacent: [[Memory Leak Detection]] · [[Chrome DevTools 메모리 프로파일링|Chrome DevTools]]
+- Adjacent: [[Memory Leak Detection]] · [[Chrome DevTools Memory Profiling|Chrome DevTools]]

 ## 🕓 변경 이력
 | 날짜 | 변경 |