Files
2nd/10_Wiki/Topics/Digests/Topic_Programming--Language.md
T
koriweb 9609c04755 docs(10_Wiki): W3Schools 위키화 — HTML/CSS/JavaScript(core)
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>
2026-06-23 19:21:18 +09:00

3.9 KiB

type, title, generated_at, sources
type title generated_at sources
digest 소화 노트: Topic_Programming/Language 2026-06-22T18:00:36.586Z
에러_처리와_커스텀_에러
모듈_시스템과_프로젝트_구성
비동기_프로그래밍_Promise_async_await
TypeScript_고급_타입

소화 노트: Topic_Programming/Language

⚙️ 자동 생성 (sleep-time 사전 소화) — 원문이 항상 우선입니다. 소스가 바뀌면 자동 재생성되며, 이 파일은 삭제해도 안전합니다.

예상 질문과 답

  • Q: 에러 발생 시 시스템의 본 흐름을 유지하기 위해 어떤 전략을 사용하나요? — A: 부가 기능(메모리 추출, 텔레메이트리 등)의 실패는 catch {}를 통해 의도적으로 삼키고, 이를 통해 "Graceful degradation"을 구현하여 본 흐름이 깨지지 않도록 합니다. [에러 처리와 커스텀 에러]
  • Q: 비동기 작업 중 사용자가 'Stop'을 눌렀을 때 어떻게 중단시키나요? — A: AbortSignalAbortController를 사용하여 외부에서 비동기 작업을 취소할 수 있는 표준 메커니즘을 활용합니다. 특히 타임아웃과 사용자 취소를 결합하여 즉각적인 중단을 구현합니다. [비동기 프로그래밍 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 패턴과 결합하여 초기 로딩 속도를 최적화하는 데 사용됩니다.