2nd/10_Wiki/Topics/Architecture/Island Architecture.md

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, tags, raw_sources, last_reinforced, github_commit, inferred_by, tech_stack

id	title	category	status	canonical_id	aliases	duplicate_of	source_trust_level	confidence_score	tags	raw_sources	last_reinforced	github_commit	inferred_by	tech_stack
wiki-2026-0508-island-architecture	Island Architecture	10_Wiki/Topics	needs_review	self		none	A	0.92	uncategorized		2026-05-08	pending	Claude Opus 4.7 (auto-normalize 2026-05-08)	language framework unspecified unspecified

Island Architecture

📌 한 줄 통찰 (The Karpathy Summary)

Island Architecture(아일랜드 아키텍처)는 웹 페이지의 대부분을 정적인 HTML로 제공하면서, 클라이언트 측 기능을 처리하는 대화형 컴포넌트들을 작은 '섬(islands)'으로 격리하여 서비스하는 아키텍처입니다 [1]. 이는 초기 로드 시간과 상호작용성을 모두 향상시키기 위해 SSR(서버 사이드 렌더링)과 CSR(클라이언트 사이드 렌더링)의 장점을 결합한 고급 하이드레이션(Hydration) 최적화 기법 중 하나로 활용됩니다 [1]. 다만 제공된 소스 문서 내에 이 주제를 심도 있게 다루는 세부 내용이 없어 소스에 관련 정보가 부족합니다.

📖 구조화된 지식 (Synthesized Content)

• 고급 하이드레이션 최적화 기법: 아일랜드 아키텍처는 SSR과 CSR 중 하나만을 선택하는 대신 두 방식의 장점을 결합하여 초기 로드 시간과 상호작용성(Interactivity)을 동시에 개선하기 위해 사용되는 최적화 방법론 중 하나입니다 [1].
• 정적 요소와 동적 요소의 분리: 이 아키텍처의 핵심은 페이지의 상당 부분(bulk)을 정적 HTML 문서로 제공하고, 오직 상호작용이 필요한 특정 컴포넌트들만을 '섬(islands)' 형태로 분리하여 클라이언트 측 기능을 독자적으로 처리하게 만드는 것입니다 [1].
• 정보 부족 명시: 이 외에 아일랜드 아키텍처가 구체적으로 어떤 프레임워크에서 어떻게 구현되는지, 어떠한 장단점이나 제약 사항을 가지는지에 대해서는 소스에 관련 정보가 부족합니다.

🔗 지식 연결 (Graph)

• Related Topics: Hydration, SSR (Server-Side Rendering), CSR (Client-Side Rendering)
• Projects/Contexts: Advanced Hydration Optimization Methods
• Contradictions/Notes: 제공된 소스 문서 전체에서 아일랜드 아키텍처에 대한 설명은 하이드레이션 최적화 기법을 나열하는 부분에서 단 한 문장으로만 언급되어 있어, 개념을 깊이 이해하기에는 소스에 관련 정보가 부족합니다.

---

Last updated: 2026-04-25

🤖 LLM 활용 힌트 (How to Use This Knowledge)

언제 이 지식을 쓰는가:

• (TODO)

언제 쓰면 안 되는가:

• (TODO)

🧪 검증 상태 (Validation)

• 정보 상태: needs_review
• 출처 신뢰도: A
• 검토 이유: (P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)

🧬 중복 검사 (Duplicate Check)

• 기존 유사 문서: (TODO: 인덱서 클러스터 리포트 참조)
• 처리 방식: UPDATE (자동 정규화)
• 처리 이유: Phase 1 정규화 — 옛 템플릿/누락 필드 보강.

⚠️ 모순 및 업데이트 (Contradictions & Updates)

• 과거 데이터와의 충돌: 없음
• 정책 변화: 없음

🕓 변경 이력 (Changelog)

날짜	변경 내용	처리 방식	신뢰도
2026-05-08	P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화)	UPDATE	A

💻 코드 패턴 (Code Patterns)

패턴 1: (TODO: 이 프로젝트 컨벤션 반영한 구조 스켈레톤)

# TODO

🤔 의사결정 기준 (Decision Criteria)

선택 A를 써야 할 때:

• (TODO)

선택 B를 써야 할 때:

• (TODO)

기본값:

(TODO)

❌ 안티패턴 (Anti-Patterns)

• [안티패턴]: (TODO: 무엇을 하면 안 되는가 + 이유 + 대신 무엇을)