Organizer 정리 산출물(From_RawData) + 이사 체크리스트 + 인덱스 갱신

- Raw_Data 자동 정리 산출물이 각 도메인 From_RawData/ 로 편입, 00_INDEX 연결 갱신 - 컴퓨터_이사_체크리스트.md 추가 (두뇌-상대 경로 규약 v2.2.304 — 새 컴퓨터에서 바꿀 절대 경로는 localBrainPath 1개) - Astra 세션 산출물(에피소드 기억·기능 인벤토리) 갱신 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-11 21:03:00 +09:00
parent 468322768c
commit 2cc6eff2dd
162 changed files with 15836 additions and 14 deletions
@@ -0,0 +1,88 @@
+```markdown
+---
+id: event-loop
+title: "Event Loop"
+category: "Frontend"
+status: "draft"
+verification_status: "conceptual"
+canonical_id: ""
+aliases: ["이벤트 루프", "JavaScript Event Loop", "JS Event Loop", "비동기 작업 처리기"]
+duplicate_of: ""
+source_trust_level: "B"
+confidence_score: 0.80
+created_at: 2026-07-11
+updated_at: 2026-07-11
+review_reason: ""
+merge_history: []
+tags: ["research", "context 이해 규칙", "javascript", "async"]
+raw_sources: ["Execution Context 실행 컨텍스트를 알아야하는 이유? - 넥스트리"]
+applied_in: []
+github_commit: ""
+---
+
+# [[Event Loop]]
+
+## 🎯 한 줄 통찰 (One-line insight)
+자바스크립트 엔진에서 비동기 코드의 실행 컨텍스트를 처리하고 작업의 실행 타이밍을 제어하여 데이터 상태를 관리하는 핵심 메커니즘.
+
+## 🧠 핵심 개념 (Core concepts)
+- **[[비동기 작업 관리]]**: 콜백(Callback)과 프로미스(Promise) 등을 사용하여 발생하는 여러 비동기 코드의 실행 타이밍과 순서를 제어함.
+- **[[실행 컨텍스트와의 관계]]**: 이벤트 루프가 비동기 코드를 처리하는 방식의 근간에는 자바스크립트의 실행 컨텍스트(Execution Context) 개념이 자리 잡고 있음.
+
+## 🧩 추출된 패턴 (Extracted patterns)
+- 이벤트 루프와 실행 컨텍스트의 동작 원리를 정확히 이해하지 못할 경우, 콜백이나 프로미스 사용 시 예상치 못한 타이밍에 코드가 실행되어 심각한 상태 관리 문제와 데이터 불일치(예: 변수 할당 후 출력 실패)가 발생할 수 있음.
+
+## 📖 세부 내용 (Details)
+- 자바스크립트는 여러 비동기 작업을 관리할 때 이벤트 루프를 사용하여 코드의 실행 타이밍을 제어한다 [S1].
+- 이벤트 루프의 동작은 자바스크립트 엔진이 비동기 코드의 실행 컨텍스트(Execution Context)를 어떻게 처리하는지와 밀접하게 연결되어 있다 [S1].
+- 개발자가 콜백(CallBack)과 프로미스(Promise)를 사용할 때 이벤트 루프와 실행 컨텍스트의 관계를 제대로 이해하지 못하면, 예상치 못한 타이밍에 코드가 실행되어 상태 관리 문제나 데이터 불일치 문제가 발생할 수 있다 [S1].
+- 이러한 비동기 처리의 근본적인 원리를 파악하고 버그를 해결하기 위한 첫걸음은 실행 컨텍스트에 대한 정확한 이해이다 [S1].
+- (이벤트 루프의 상세한 내부 동작 원리나 태스크 큐 등의 메커니즘에 대해서는 소스에 관련 정보가 부족합니다.)
+
+## ⚖️ 모순 및 업데이트 (Contradictions & updates)
+소스 내에서 상충되는 정보가 없으며, 이벤트 루프 자체에 대한 기술이 제한적입니다. 소스에서 확인되지 않음.
+
+## 🛠️ 적용 사례 (Applied in summary)
+현재 발견된 실제 적용 사례가 없습니다. (단지 작성자가 과거 비동기 작업 및 콜백/프로미스 사용 시 데이터 불일치 문제를 겪었던 일반적인 개발 경험만이 언급되어 있으며 특정 코드 파일 경로나 커밋은 존재하지 않습니다.)
+
+## 💻 코드 패턴 (Code patterns)
+소스에 코드 예시 없음.
+
+## ✅ 검증 상태 및 신뢰도
+- **상태:** draft
+- **검증 단계:** conceptual
+- **출처 신뢰도:** B
+- **신뢰 점수:** 0.80
+- **중복 검사 결과:** 신규 생성 (New discovery)
+
+## 🔗 관련 문서 링크 (Related document links)
+
+### 상위/유사 개념
+- [[Execution Context]] — 연결 이유: 이벤트 루프가 비동기 코드를 처리하는 방식의 근간이 되는 자바스크립트의 환경 개념.
+- [[비동기 작업]] — 연결 이유: 이벤트 루프가 실질적으로 실행을 관리하고 타이밍을 제어하는 주 대상.
+
+### 심층 후속 질문 (Deeper Research Questions)
+- 자바스크립트 엔진 내에서 이벤트 루프와 콜 스택(Call Stack)은 구체적으로 어떻게 상호작용하는가?
+- 콜백(Callback)과 프로미스(Promise)는 이벤트 루프 내에서 어떠한 우선순위 차이로 처리되는가?
+
+### 실무 적용 맥락 (Practical Application Contexts)
+- **Implementation:** 비동기 API 호출 및 콜백 패턴 작성 시 타이밍 이슈로 인한 데이터 불일치 방지
+- **System Design:** 프론트엔드 비동기 상태 관리 아키텍처 설계
+- **Operation / Maintenance:** 소스에서 확인되지 않음
+- **Learning Path:** JavaScript 고급 개념(클로저, 콜백, 프로미스) 및 실행 컨텍스트 학습 후 이벤트 루프 동작 원리 파악
+
+### 인접 주변 주제 (Adjacent Topics)
+- [[Callback]] — 확장 방향: 이벤트 루프가 처리하는 전통적인 비동기 작업 방식
+- [[Promise]] — 확장 방향: 콜백의 타이밍 및 구조적 한계를 극복한 최신 비동기 처리 객체
+
+## 🔗 지식 그래프 (Knowledge Graph)
+- **상위/루트:** [[context 이해 규칙]]
+- **관련 개념:** [[Execution Context]], [[비동기 처리]]
+- **참조 맥락:** 자바스크립트 비동기 코드 디버깅 및 예상치 못한 타이밍에 의한 상태 관리 문제 해결 시 참조.
+
+## 📚 출처 (Sources)
+- [S1] Execution Context 실행 컨텍스트를 알아야하는 이유? - 넥스트리 (https://www.nextree.io/404/)
+
+## 📝 변경 이력 (Change history)
+- 2026-07-11: Initial draft generated via Datacollector_MAC P-Reinforce engine.
+```