Antigravity Agent
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>
38 lines
1.7 KiB
Markdown
38 lines
1.7 KiB
Markdown
---
|
|
id: react
|
|
title: "React"
|
|
category: "Frontend"
|
|
status: "draft"
|
|
verification_status: "conceptual"
|
|
canonical_id: ""
|
|
aliases: ["React", "리액트", "react.js", "ReactJS"]
|
|
duplicate_of: ""
|
|
source_trust_level: "B"
|
|
confidence_score: 0.80
|
|
created_at: 2026-07-11
|
|
updated_at: 2026-07-11
|
|
review_reason: "깨진 링크 다발 해소용 AI 생성 초안 — 원출처 리서치로 검증·보강 권장"
|
|
merge_history: []
|
|
tags: ["frontend","react","javascript"]
|
|
raw_sources: []
|
|
applied_in: []
|
|
github_commit: ""
|
|
---
|
|
|
|
# [[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]]
|