용어 사전 coding 용어 페이지

패턴 카탈로그

반복되는 UI 조각과 구현 약속을 정리한 문서화 목록

pattern-catalog #ui#javascript

English version

다른 이름

패턴 라이브러리UI 카탈로그

선수 개념

관련 개념

렌더 함수 부분 갱신

핵심 아이디어

패턴 카탈로그는 “이 UI는 어떤 상태를 받으며 어떤 이벤트를 내보내는가”를 정리한 표입니다. 접근성 속성, 레이아웃 규칙, 소유 팀까지 명시해 패턴을 복사할 때마다 다시 추론할 필요가 없게 해 줍니다.

이 블로그에서의 역할

Mathbong에서는 렌더 함수로 만든 UI 조각을 렌더 함수 이름 그대로 카탈로그에 등록합니다. 이렇게 하면 부분 갱신 전략이나 오류 상태 패턴을 추가할 때도 같은 언어로 대화할 수 있습니다.

이 개념을 다루는 글

[JavaScript 시리즈 14편] 재사용 가능한 UI 패턴과 렌더 함수 설계 반복되는 DOM 조작을 줄이는 렌더 함수, 상태-뷰 분리, 패턴 카탈로그 작성을 다룹니다.[JavaScript Series 14] Design reusable UI patterns and render functions Cut repeated DOM work by creating render helpers, keeping your data separate from how it looks, and organizing common UI patterns.