9609c04755
W3Schools 튜토리얼을 P-Reinforce v3.1 포맷으로 위키화(영어 본문, 한/영 섹션 헤더). - Topic_HTML: 59문서 (튜토리얼+예제, 레퍼런스/메타 제외) - Topic_CSS: 190문서 (메인 + Advanced/Flexbox/Grid/RWD 전체) - Topic_JavaScript: 120문서 (코어 언어; Temporal/DOM상세/BOM/WebAPI/AJAX/jQuery/Graphics 등은 후속) 각 폴더 00_INDEX.md(MOC) 포함. 코드 verbatim, 미확인분은 "Not found in source" 표기. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
3.9 KiB
3.9 KiB
type, title, generated_at, sources
| type | title | generated_at | sources | ||||
|---|---|---|---|---|---|---|---|
| digest | 소화 노트: Topic_Programming/Language | 2026-06-22T18:00:36.586Z |
|
소화 노트: Topic_Programming/Language
⚙️ 자동 생성 (sleep-time 사전 소화) — 원문이 항상 우선입니다. 소스가 바뀌면 자동 재생성되며, 이 파일은 삭제해도 안전합니다.
예상 질문과 답
- Q: 에러 발생 시 시스템의 본 흐름을 유지하기 위해 어떤 전략을 사용하나요? — A: 부가 기능(메모리 추출, 텔레메이트리 등)의 실패는
catch {}를 통해 의도적으로 삼키고, 이를 통해 "Graceful degradation"을 구현하여 본 흐름이 깨지지 않도록 합니다. [에러 처리와 커스텀 에러] - Q: 비동기 작업 중 사용자가 'Stop'을 눌렀을 때 어떻게 중단시키나요? — A:
AbortSignal과AbortController를 사용하여 외부에서 비동기 작업을 취소할 수 있는 표준 메커니즘을 활용합니다. 특히 타임아웃과 사용자 취소를 결합하여 즉각적인 중단을 구현합니다. [비동기 프로그래밍 Promise async await] - Q: 모듈 시스템에서
named export를 주로 사용하는 이유는 무엇인가요? — A: 자동완성, 일관된 이름 유지, 리팩터링의 안전성을 확보하기 위해서입니다. ConnectAI는default export를 사실상 배제하고 이 방식을 채택합니다. [모듈 시스템과 프로젝트 구성] - Q: TypeScript에서 런타임 검증을 컴파일 타입 좁히기로 연결하는 방법은? — A:
x is T형태의 '타입 가드'를 사용하여, 함수 내에서 런타임 검증이 성공하면 컴파일러가 해당 타입을 특정 타입으로 인식하도록(Type Narrowing) 만듭니다. [TypeScript 고급 타입] - Q: 에러 클래스를 설계할 때 어떤 정보를 포함해야 하나요? — A:
Error를 상속받아 도메인별로 분기하며, 경로, 엔진, 상태 코드와 같은 추가적인 컨텍스트(Context)를 담아 잡는 쪽에서 실패 원인을 명확히 알 수 있게 합니다. [에러 처리와 커스텀 에러]
핵심 사실
- 에러 처리:
Error상속 계층을 통해instanceof로 분기하며, 기술적 에러를 사용자 행동 지침(title/message/action)으로 번역하는 프로세스를 갖춤. [에름 처리와 커스텀 에러] - 모듈 구조: 308개의 파일을
esbuild단일 번들로 통합하며,barrel(index.ts)을 통해 외부 진입점을 단일화함. [모듈 시스템과 프로젝트 구성] - 비동기 제어:
Promise.race를 이용해 '작업 vs 타임아웃' 경쟁 구조를 만들고, 큐(Queue)를 통해 동시 실행 수를 CPU 코어 수에 맞춰 제한함. [비异步 프로그래밍 Promise async await] - 타입 안전성: 판별 유니온(Discriminated union)을 사용하여 결과값의 성공/실패(
{ ok: true } | { ok: false })를 명확히 분기 처리함. [TypeScript 고급 타입]
문서 간 연결
- 공통 주제 (Robustness & Reliability): 모든 문서는 단순히 기능을 구현하는 것을 넘어, 에러를 예측하고(에러 처리), 취소 가능한 비동기를 만들며(비동기), 타입을 통해 런타임 오류를 방지하는(TypeScript 고급 타입) 등 **'견고한 소프트웨어 설계'**라는 공통된 지향점을 공유합니다.
- 상호 작용:
- 에러 처리 + TypeScript: 에러 클래스의 구조와 판별 유니온을 이용한 결과값 분기 처리는 서로 연결되어 안정적인 예외 처리를 완성합니다.
- 모듈 시스템 + 비동기: 모듈의
dynamic import는 비동기 프로그래밍의await패턴과 결합하여 초기 로딩 속도를 최적화하는 데 사용됩니다.