745872c7f8
링크 그래프 분석(6,372문서·31,623링크) 기반 최소 수정 정상화: - [수정] Topic_CPP/Topic_C 인덱스의 링크 표기를 실제 문서 제목으로 교정 (CPP 117건·C 68건 — [[CPP Intro]] → [[C++ Intro]] 등, 인덱스 파일 2개만 수정) - [수정] C Tutorial 별칭에 'C' 추가 — [[c]] 60건 해소 (frontmatter 1줄) - [신규] 고아 다발 폴더 11곳에 00_INDEX MOC 자동 생성 (Poetic_Blog_Writing 500편, AI_and_ML 330, Coding 200, Reasoning_Creativity 161, Frontend 146 등) - [신규] 루트 MOC(Topics Root Index) — breadcrumb [[10_Wiki/Topics]] 47건을 별칭으로 수용 - [신규] 수요 최상위 미싱 개념 문서 13편 (깨진 링크 다발 해소): 글쓰기 7편(리듬·감정·문체·블로그·퇴고·정서·구조) + 설계 6편(React·Software Architecture·ADR·CQRS·Observability·RLHF) — AI 생성 초안임을 review_reason에 명시 - 기존 문서 본문은 무수정 (인덱스 2개 링크 교정 + 별칭 1줄이 수정의 전부) 결과: 고아 1,901(29%)→314(4%), 완전고립 1,018→173, 깨진 링크 10,258→9,679 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1.7 KiB
1.7 KiB
id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit
| id | title | category | status | verification_status | canonical_id | aliases | duplicate_of | source_trust_level | confidence_score | created_at | updated_at | review_reason | merge_history | tags | raw_sources | applied_in | github_commit | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| react | React | Frontend | draft | conceptual |
|
B | 0.80 | 2026-07-11 | 2026-07-11 | 깨진 링크 다발 해소용 AI 생성 초안 — 원출처 리서치로 검증·보강 권장 |
|
React
🎯 한 줄 통찰 (One-line insight)
UI를 상태의 함수로 선언하는 컴포넌트 기반 라이브러리 — "상태가 바뀌면 화면을 어떻게 고칠까" 대신 "이 상태면 화면은 이렇다"를 기술한다.
🧠 핵심 개념 (Core concepts)
- 컴포넌트 — UI를 독립·재사용 가능한 조각으로 분해한다. props 로 데이터를 받고 자신의 state 를 가진다.
- 선언적 렌더링 — DOM 조작을 직접 하지 않고 상태→UI 매핑을 선언하면 React 가 차이를 계산해 반영한다(가상 DOM 재조정).
- 단방향 데이터 흐름 — 데이터는 부모→자식으로 흐르고, 자식은 콜백으로 변경을 요청한다. 추적 가능성이 핵심 이점.
- 훅(Hooks) — useState/useEffect 등으로 함수 컴포넌트에 상태와 생명주기를 부여한다.
🧩 추출된 패턴 (Extracted patterns)
- 상태를 어디에 둘지가 설계의 8할 — "그 상태를 필요로 하는 컴포넌트들의 최소 공통 조상"에 두는 것이 기본 원칙(state lifting).
🔗 Knowledge Connections
- Related Topics: JavaScript Tutorial · Software Architecture