{"title":"ATLAS Design Reference","version":"3.9.0","updated":"2026-10-29","total":2153,"entries":[{"id":"atlas-live-hover-lift","en":"Hover Lift Card","ko":"호버 리프트 카드","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"호버 또는 키보드 포커스에서 요소가 위로 이동하고 그림자가 깊어집니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 hover-lift","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A surface rises on hover or focus and casts a deeper shadow.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"hover-lift"},{"id":"atlas-live-hover-fade","en":"Hover Opacity Fade","ko":"호버 투명도 페이드","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"호버·포커스·탭에 반응해 불투명도를 전환합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 hover-fade","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Opacity changes in response to hover, focus, or tap.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"hover-fade"},{"id":"atlas-live-hover-reveal","en":"Hover Reveal Panel","ko":"호버 정보 펼침","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"호버와 포커스에서 보조 설명을 펼치며 터치에서는 탭으로 전환합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 hover-reveal","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Hover and focus reveal supporting content; tapping toggles it.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"hover-reveal"},{"id":"atlas-live-underline","en":"Animated Link Underline","ko":"링크 밑줄 드로잉","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"호버와 포커스에서 밑줄이 왼쪽부터 확장됩니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 underline","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"An underline expands from the left on hover and focus.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"underline"},{"id":"atlas-live-spotlight","en":"Pointer Spotlight Surface","ko":"포인터 스포트라이트","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"표면 안의 포인터 좌표를 따라 방사형 조명이 이동합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 spotlight","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A radial light follows the local pointer position.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"spotlight"},{"id":"atlas-live-border-glow","en":"Pointer Reactive Border Glow","ko":"포인터 반응형 테두리 발광","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"포인터 위치에 따라 테두리 주변 발광의 방향이 달라집니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 border-glow","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"The border glow shifts direction with pointer position.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"border-glow"},{"id":"atlas-live-magnetic","en":"Magnetic Button","ko":"마그네틱 버튼","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"버튼이 포인터 방향으로 제한된 거리만 이동하고 이탈하면 복귀합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 magnetic","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A button moves a bounded distance toward the pointer and returns on exit.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"magnetic"},{"id":"atlas-live-cursor-follow","en":"Eased Pointer Follower","ko":"지연형 포인터 추종","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"보간 지연이 있는 원형 요소가 포인터를 따라갑니다. 시스템 커서는 유지합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 cursor-follow","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A circular marker follows with eased delay; the system cursor remains visible.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"cursor-follow"},{"id":"atlas-live-cursor-trail","en":"Pointer Trail Dots","ko":"포인터 잔상 트레일","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"포인터 경로에 짧은 수명의 점을 생성하고 종료된 점은 제거합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 cursor-trail","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Short-lived dots trace the pointer and are removed after their lifetime.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"cursor-trail"},{"id":"atlas-live-parallax","en":"Pointer Layer Parallax","ko":"포인터 레이어 패럴랙스","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"평면 레이어마다 다른 이동 비율을 주어 상대적인 깊이를 표현합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 parallax","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Flat layers move at different rates to express relative depth.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"parallax"},{"id":"atlas-live-ripple","en":"Click Origin Ripple","ko":"클릭 원점 리플","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"누른 좌표에서 파문이 퍼집니다. 키보드 실행은 버튼 중심에서 시작합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 ripple","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A ripple starts at the click position, or the center for keyboard activation.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"ripple"},{"id":"atlas-live-confetti","en":"Click Confetti Burst","ko":"클릭 컨페티 버스트","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"클릭으로 여러 색의 조각을 방출하고 애니메이션 종료 후 제거합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 confetti","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Clicking emits colored pieces that are removed after animation.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"confetti"},{"id":"atlas-live-click-pop","en":"Click Pop Feedback","ko":"클릭 팝 피드백","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"클릭마다 확대·축소 반동을 한 번 재생하여 실행을 피드백합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 click-pop","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Each activation plays one overshoot-and-settle pulse.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"click-pop"},{"id":"atlas-live-click-burst","en":"Radial Click Burst","ko":"방사형 클릭 버스트","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"클릭하면 입자가 일정한 각도 간격으로 퍼집니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 click-burst","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Clicking spreads particles at even angular intervals.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"click-burst"},{"id":"atlas-live-press-depth","en":"Pressed Button Depth","ko":"눌림 깊이 버튼","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"누를 때 버튼이 내려가고 하단 그림자가 줄어듭니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 press-depth","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Pressing lowers the button and contracts its bottom shadow.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"press-depth"},{"id":"atlas-live-elastic","en":"Elastic Spring Return","ko":"탄성 스프링 이동","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"상태 전환 시 오버슈트 곡선으로 이동하고 다음 실행에서 복귀합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 elastic","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A state change moves with overshoot and returns on the next activation.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"elastic"},{"id":"atlas-live-toggle","en":"Animated Switch Control","ko":"애니메이션 스위치 컨트롤","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"포인터·키보드 조작과 aria-checked, 손잡이 위치를 동기화합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 toggle","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Pointer and keyboard input keep aria-checked and the thumb synchronized.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"toggle"},{"id":"atlas-live-accordion","en":"Animated Disclosure Panel","ko":"애니메이션 정보 펼침","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"접힌 본문과 aria-expanded를 함께 갱신합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 accordion","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Collapsible content stays synchronized with aria-expanded.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"accordion"},{"id":"atlas-live-toast","en":"Action Toast Feedback","ko":"액션 토스트 피드백","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"실행 결과를 상태 메시지로 표시하고 보조기술에도 알립니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 toast","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"An action displays a status message and announces it to assistive technology.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"toast"},{"id":"atlas-live-progress","en":"Interactive Progress Fill","ko":"상태 전환 진행 막대","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"가상 진행률 25%와 100%를 전환하고 접근성 값을 갱신합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 progress","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Synthetic progress toggles between 25% and 100% with an accessible value.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"progress"},{"id":"atlas-live-drag-snap","en":"Drag and Snap Control","ko":"드래그 스냅 컨트롤","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"수평 드래그 후 가까운 정지점에 고정합니다. 방향키도 지원합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 drag-snap","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Horizontal dragging snaps to the nearest stop; arrow keys are supported.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"drag-snap"},{"id":"atlas-live-swipe-reveal","en":"Swipe Reveal Action","ko":"스와이프 액션 노출","domain":"UI·UX 모션","category":"포인터·호버·클릭 인터랙션","kind":"용어·패턴","description":"수평 스와이프로 보조 액션을 드러냅니다. 실제 데이터를 삭제하지 않습니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive interactive lab 실시간 인터랙션 swipe-reveal","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A horizontal swipe reveals an action without deleting data.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"swipe-reveal"},{"id":"atlas-live-3d-tilt","en":"WebGL Pointer Tilt Card","ko":"WebGL 포인터 틸트 카드","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"Three.js 메시·카메라·조명으로 두께가 있는 카드를 포인터에 따라 회전합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-tilt","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"A solid card rotates with the pointer using a Three.js mesh, camera, and lights.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-tilt"},{"id":"atlas-live-3d-flip","en":"WebGL Flip Card","ko":"WebGL 플립 카드","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"앞뒷면 재질과 두께를 가진 카드를 클릭·키보드로 뒤집습니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-flip","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Activation flips a solid card with distinct front and back materials.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-flip"},{"id":"atlas-live-3d-orbit","en":"WebGL Orbit Interaction","ko":"WebGL 오빗 조작","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"드래그·방향키로 카메라를 물체 주위에서 회전하고 확대 버튼으로 거리를 바꿉니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-orbit","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Drag or arrow keys orbit the camera; zoom buttons change its distance.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-orbit"},{"id":"atlas-live-3d-cube","en":"WebGL Solid Cube","ko":"WebGL 입체 큐브","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"면·모서리·조명을 가진 실제 3D 큐브를 회전하여 공간 방향을 확인합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-cube","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Inspect a rotating 3D cube with lit faces and edges.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-cube"},{"id":"atlas-live-3d-knot","en":"WebGL Torus Knot","ko":"WebGL 토러스 매듭","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"토러스 매듭 메시의 곡면과 금속성 조명 반응을 실시간으로 관찰합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-knot","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Inspect a torus-knot mesh and its metallic lighting response.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-knot"},{"id":"atlas-live-3d-particles","en":"WebGL Particle Field","ko":"WebGL 입체 파티클 필드","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"3D 위치를 가진 점 구름을 회전하고 클릭으로 확산 범위를 바꿉니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-particles","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Rotate a 3D point cloud and change its spread on activation.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-particles"},{"id":"atlas-live-3d-depth","en":"WebGL Layer Depth Stack","ko":"WebGL 입체 레이어 스택","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"실제 z축 간격을 가진 판 다섯 장을 회전하고 클릭으로 분리합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-depth","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Rotate five solid plates separated along the z axis and expand them on activation.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-depth"},{"id":"atlas-live-3d-wireframe","en":"WebGL Wireframe Toggle","ko":"WebGL 와이어프레임 전환","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"다면체 메시의 와이어프레임과 면 렌더링을 전환합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-wireframe","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Switch a polyhedron between wireframe and solid rendering.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-wireframe"},{"id":"atlas-live-3d-light","en":"WebGL Pointer Lighting","ko":"WebGL 포인터 조명","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"포인터로 실제 점광원 위치를 바꿔 구 표면의 조명을 변화시킵니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-light","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"The pointer moves a point light to change illumination across a sphere.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-light"},{"id":"atlas-live-3d-shape","en":"WebGL Geometry Switcher","ko":"WebGL 지오메트리 전환","domain":"3D·렌더링","category":"실시간 3D 인터랙션","kind":"용어·패턴","description":"클릭으로 구·상자·토러스·다면체·원뿔을 바꾸고 이전 지오메트리는 해제합니다.","usage":"카드에서 직접 조작한 뒤 코드 복사로 독립 HTML 예제를 가져옵니다.","notes":"ATLAS에서 직접 작성한 학습용 구현입니다. 서비스 적용 전 접근성·성능·오류 상태를 별도 검증하세요. 모션 감소 설정을 존중합니다.","ecosystem":"Three.js","aliases":"atlaslive interactive lab 실시간 인터랙션 3d-shape","source_url":"https://threejs.org/manual/en/creating-a-scene.html","source_scope":"구현 API 참고문서","source_status":"공식 문서 참고 · 자체 제작 예제","translations":{"en":{"description":"Cycle through five mesh geometries and dispose of the previous geometry.","usage":"Interact with the card, then copy its standalone HTML example.","notes":"An original ATLAS learning example. Validate accessibility, performance, and error states before production use. Reduced-motion preferences are respected."}},"live_key":"3d-shape"},{"id":"dar-70a405f01678","en":"Spinner","ko":"스피너","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"완료 비율을 모를 때 반복 회전으로 작업이 진행 중임을 나타냅니다.","usage":"완료 시점을 모르는 작업.","notes":"수치 진행률을 표시하지 않습니다. 회전한다는 이유만으로 실제 처리 비율을 추정할 수 없습니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Uses repeated rotation to indicate work whose completion fraction is unknown.","usage":"Tasks with an unknown completion time.","notes":"Shows no numerical completion estimate; rotation speed does not measure progress.","difference":"Shows no numerical completion estimate; rotation speed does not measure progress."}}},{"id":"dar-705759d547f5","en":"Skeleton Screen","ko":"스켈레톤 화면","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"콘텐츠가 들어올 레이아웃을 빈 블록으로 먼저 보여줍니다.","usage":"목록·카드 초기 로딩.","notes":"스켈레톤은 공간 구조, 시머는 그 위에 흐르는 빛 애니메이션입니다.","ecosystem":"","aliases":"스켈레톤 로딩","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Displays placeholder blocks matching the upcoming content layout.","usage":"Initial loading of lists and cards.","notes":"Skeleton is the placeholder structure; shimmer is the moving highlight effect.","difference":"Skeleton is the placeholder structure; shimmer is the moving highlight effect."}}},{"id":"dar-a8653e705400","en":"Progress Bar","ko":"진행 바","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"작업의 알려진 완료 비율을 선형 트랙의 길이로 표시하는 확정형 예시입니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"여기서는 0~100% 완료율을 나타냅니다. 선형 진행 표시기는 불확정형까지 포함하는 상위 개념입니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A determinate example that represents known task completion through a filled linear track.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"This example represents 0–100% completion; the linear progress family also includes indeterminate states.","difference":"This example represents 0–100% completion; the linear progress family also includes indeterminate states."}}},{"id":"dar-6f9fe5ccccae","en":"Progress Ring","ko":"진행 링","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"단일 작업의 알려진 완료 비율을 원형 트랙의 채워진 호로 표시합니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"원형 진행 표시기의 확정형 예시입니다. 68%는 작업 완료율이며 구성비나 측정 게이지가 아닙니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows the known completion fraction of one task as a filled arc on a circular track.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"A determinate member of the circular progress family. 68% is task completion, not composition or a measured gauge.","difference":"A determinate member of the circular progress family. 68% is task completion, not composition or a measured gauge."}}},{"id":"dar-591d4726c6a6","en":"Circular Progress Indicator","ko":"원형 진행 표시기","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"원형으로 작업 상태를 나타내는 표시기 계열입니다. 완료율을 알면 확정형, 모르면 불확정형을 사용합니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"진행 링과 별개의 모양 이름이 아닙니다. 여기서는 상위 개념으로 두 상태를 나란히 비교합니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of circular task-status indicators: determinate when completion is known and indeterminate otherwise.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Not a separate shape from a progress ring. This family card compares determinate and indeterminate states.","difference":"Not a separate shape from a progress ring. This family card compares determinate and indeterminate states."}}},{"id":"dar-191b8376a8af","en":"Linear Progress Indicator","ko":"선형 진행 표시기","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"가로 트랙을 사용하는 진행 상태 계열로 확정형과 불확정형을 포함합니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"알려진 완료율과 반복 이동을 한 카드에서 비교합니다. 진행 바는 이 계열의 확정형 예시입니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of linear status indicators covering determinate and indeterminate progress.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Compares known progress with an indeterminate moving segment. The progress bar here is the determinate example.","difference":"Compares known progress with an indeterminate moving segment. The progress bar here is the determinate example."}}},{"id":"dar-c674fa5a5e33","en":"Determinate Loading","ko":"확정형 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"전체 작업량 대비 완료량을 알 수 있을 때 진행률을 표시하는 방식입니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"모양이 아니라 상태 표현 방식입니다. 진행 바와 진행 링 모두 사용할 수 있습니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows progress when completed work can be measured against a known total.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"This is a status strategy, not a shape; both bars and rings can be determinate.","difference":"This is a status strategy, not a shape; both bars and rings can be determinate."}}},{"id":"dar-252eafbd826e","en":"Indeterminate Loading","ko":"불확정형 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"완료량의 비율을 알 수 없을 때 처리 중이라는 사실만 알리는 방식입니다.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"스피너나 움직이는 선형 세그먼트로 표현하며 허위 퍼센트를 표시하지 않습니다.","ecosystem":"","aliases":"","source_url":"https://github.com/material-components/material-web/blob/main/docs/components/progress.md","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Indicates activity when the completion fraction is not known.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Can use a spinner or moving linear segment; do not invent a percentage.","difference":"Can use a spinner or moving linear segment; do not invent a percentage."}}},{"id":"dar-54f3d75eb1a6","en":"Stepper / Step Indicator","ko":"단계 표시기","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"다단계 프로세스의 현재·완료·남은 단계를 표시.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of the current, completed, and remaining steps in a multi-step process.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-02eb59615f4f","en":"Loading Button","ko":"로딩 버튼","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"실행 후 버튼 자체에서 진행 상태를 보여주는 컴포넌트.","usage":"저장·제출·요청 실행.","notes":"중복 요청 방지와 성공·실패 복귀 동작을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A button that displays progress within itself after an action starts.","usage":"Saving, submitting, and sending requests.","notes":"Design duplicate-request prevention and recovery from both success and failure."}}},{"id":"dar-731734516058","en":"Inline Loader","ko":"인라인 로더","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"페이지 전체가 아니라 특정 영역에서만 로딩을 표시.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A loading indicator confined to a particular area rather than the entire page.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-aad4b8d8585d","en":"Full-screen Loader","ko":"전체 화면 로더","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"화면 전체 사용을 일시적으로 막으면서 작업 중임을 표시.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A loading indicator that temporarily blocks use of the entire screen.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-32e937134c2f","en":"Shimmer","ko":"시머","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"요소 표면을 따라 밝은 띠가 흐르는 반복 애니메이션입니다.","usage":"스켈레톤의 진행 중 표현.","notes":"스켈레톤 없이도 쓸 수 있는 모션 효과이며 진행률을 나타내지 않습니다.","ecosystem":"","aliases":"쉬머; 시머; 반짝 로딩; Shimmer Effect","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A repeating highlight that sweeps across an element surface.","usage":"Showing ongoing activity on skeleton placeholders.","notes":"A motion effect usable without skeletons; it does not encode completion.","difference":"A motion effect usable without skeletons; it does not encode completion."}}},{"id":"dar-1a53906e8202","en":"Pulse Loading","ko":"펄스 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"투명도나 크기가 주기적으로 변화하는 로딩 애니메이션.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A loading animation with periodically changing opacity or scale.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-188d1674f60d","en":"Blur-up Image","ko":"블러업 이미지","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"저해상도·흐릿한 이미지를 선제 표시한 뒤 원본으로 교체.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A low-resolution or blurred image shown first, then replaced with the full-quality image.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2a1fda4841d0","en":"Lazy Loading","ko":"지연 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"필요한 시점에 콘텐츠나 리소스를 불러오는 전략.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A strategy that loads content or resources only when they are needed.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1ca28b23bc28","en":"Progressive Loading","ko":"점진적 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"우선순위에 따라 콘텐츠를 부분적으로 먼저 표시.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A strategy that displays parts of the content in order of priority.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-8bf2d9904b26","en":"Prefetching","ko":"미리 가져오기","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"다음에 필요할 가능성이 높은 데이터를 사전 요청.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Requesting data in advance because it is likely to be needed next.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-8f2ddde27ca4","en":"Optimistic UI","ko":"낙관적 UI","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"서버 성공 응답 전에 화면에 결과를 반영하고 실패 시 복구.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Updating the interface before server confirmation, then rolling back if the operation fails.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-optimistic","implementation":{"kind":"interactive-example","key":"u33-optimistic","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"로컬 모의 요청 · 실패 시 이전 상태 복원","en":"Local simulated request; failures roll back"}}},{"id":"dar-699112157629","en":"Pessimistic UI","ko":"보수적 UI","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"서버 응답 후에만 화면 상태를 확정해 반영하는 방식.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Committing a visible state change only after receiving the server response.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f6d6242b8510","en":"Streaming Text","ko":"스트리밍 텍스트","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"새 텍스트 데이터가 도착하는 대로 점진적으로 표시하는 방식.","usage":"AI 응답·실시간 로그.","notes":"타자기 효과처럼 이미 있는 글을 지연 표시하는 연출과 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Displaying text incrementally as new text data arrives.","usage":"AI responses and real-time logs.","notes":"Distinguish streaming from a typewriter effect that delays the display of text already available."}}},{"id":"dar-4fad5c992129","en":"Infinite Scroll Loading","ko":"무한 스크롤 로딩","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"스크롤 위치에 따라 목록의 다음 데이터를 추가 로드.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Loading the next items in a list as the user reaches a relevant scroll position.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c2daf9b43712","en":"Retry State","ko":"재시도 상태","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","description":"실패 후 사용자가 로딩 작업을 다시 실행할 수 있는 상태.","usage":"로딩·진행·비동기에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state that lets the user retry a loading operation after a failure.","usage":"Specifying screens, states, and interactions for loading, progress, and asynchronous operations.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-retry","implementation":{"kind":"interactive-example","key":"u33-retry","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"로컬 모의 요청 · 오류 후 재시도","en":"Local simulated request; retry after an error"}}},{"id":"dar-888fda81c920","en":"Toast","ko":"토스트","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"주 흐름을 막지 않고 잠시 나타나는 간단한 상태 메시지입니다.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"이 예시는 동작 버튼이 없습니다. 스낵바 예시는 실행 취소를 포함합니다. 제품별 용어 차이는 있습니다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A brief nonblocking status message.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"This example has no action. The snackbar example includes Undo; terminology varies across systems.","difference":"This example has no action. The snackbar example includes Undo; terminology varies across systems."}}},{"id":"dar-595925bf5f2e","en":"Snackbar","ko":"스낵바","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"작업 결과와 선택적 후속 동작을 짧게 보여주는 비모달 메시지입니다.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"여기서는 삭제 후 실행 취소 버튼을 넣어 단순 토스트 예시와 구분합니다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A brief nonmodal message with an optional contextual action.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"This example includes Undo after deletion, distinguishing it from the plain toast example.","difference":"This example includes Undo after deletion, distinguishing it from the plain toast example."}}},{"id":"dar-54cd15429899","en":"Banner","ko":"배너 알림","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"화면 상단이나 콘텐츠 영역에 넓게 배치하는 공지형 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A wide announcement placed at the top of a screen or within the content area.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d1c3189987fa","en":"Inline Notification","ko":"인라인 알림","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"관련 작업 영역 안에 표시하여 맥락을 유지하는 알림.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A notification placed within the relevant work area to retain context.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-96bb560753e2","en":"Alert","ko":"경고·알림","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"위험·오류·주의·중요 정보 등 사용자 인지가 필요한 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A message calling attention to a risk, error, warning, or other important information.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-80edf827504e","en":"Success Message","ko":"성공 메시지","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"저장·전송·처리 완료를 알려주는 긍정적 피드백.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Positive feedback confirming that saving, sending, or processing has finished.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-25c79a99a8b8","en":"Warning Message","ko":"경고 메시지","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"손실 가능성이나 주의가 필요한 상황을 알리는 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A message about a potential loss or a situation requiring caution.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0cab3b245840","en":"Error Message","ko":"오류 메시지","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"실패 원인과 가능한 해결 방향을 알리는 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A message explaining a failure and possible ways to resolve it.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f25df1bb1829","en":"Info Message","ko":"정보 메시지","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"결과와 무관한 맥락·상태 정보를 전달.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A message providing contextual or status information rather than an outcome.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-adecaa2f2e8c","en":"Notification Center","ko":"알림 센터","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"여러 알림을 모아 보관하고 확인하는 공간.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A dedicated area for collecting, retaining, and reviewing notifications.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-4ed36e4a7d54","en":"Notification Badge","ko":"알림 배지","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"새 알림 존재나 미확인 수를 표시하는 배지.","usage":"알림함·메시지 목록.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A badge indicating new notifications or an unread count.","usage":"Notification centers and message lists.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-25f380f415d1","en":"Badge","ko":"배지","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"대상 주변에 붙여 짧은 정보·상태·개수를 표시하는 작은 표식.","usage":"알림·사용자·상품 상태.","notes":"항상 숫자를 포함하는 것은 아니며 일반적으로 버튼과 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small marker attached to an item to show brief information, status, or a count.","usage":"Notification, user, and product status.","notes":"A badge does not always contain a number and is generally distinct from a button."}}},{"id":"dar-eae50cc0162d","en":"Status Dot","ko":"상태 점","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"온라인·오프라인·경고 같은 상태를 작은 점으로 표시.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small dot representing a state such as online, offline, or warning.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-873fc94a61a6","en":"Status Chip","ko":"상태 칩","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"짧은 상태 라벨을 작은 캡슐·칩 형태로 묶어 표시한다.","usage":"주문 상태·검토 상태.","notes":"필터 칩처럼 조작 가능한 칩과 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A short status label displayed inside a small capsule or chip.","usage":"Order and review status.","notes":"Distinguish this from interactive chips such as filter chips."}}},{"id":"dar-1faa028fb323","en":"Message Bar","ko":"메시지 바","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"영역 전체 폭을 사용해 중요 상태를 안내하는 가로 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A horizontal message spanning an area to communicate an important state.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e094cb8a79f7","en":"Callout","ko":"콜아웃","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"본문에서 중요한 맥락이나 참고사항을 지속적으로 강조.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A persistent emphasis on important context or supporting information within content.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-234e92f8be34","en":"Flag Notification","ko":"플래그 알림","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"화면 가장자리에 뜨는 비차단형 피드백 메시지.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A non-blocking feedback message displayed near the edge of the screen.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c0d583276b4b","en":"Actionable Notification","ko":"액션형 알림","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"메시지 안에 이동·승인·복구 등 실행 동작을 포함.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A notification containing an action, such as navigation, approval, or recovery.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ebfe5f265026","en":"Live Region Announcement","ko":"실시간 영역 안내","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"화면 변화 내용을 보조기기에 자동 전달하는 접근성 피드백.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Accessible feedback that automatically announces interface changes to assistive technology.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-live","implementation":{"kind":"interactive-example","key":"u33-live","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"동작 결과를 aria-live로 알립니다","en":"Announce action results through aria-live"}}},{"id":"dar-fcd3259a0e10","en":"Haptic Feedback","ko":"햅틱 피드백","domain":"UI·UX","category":"알림·피드백·메시징","kind":"용어·패턴","description":"진동과 촉각 신호로 동작 수행·상태를 전달.","usage":"알림·피드백·메시징에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Vibration or other tactile signals communicating an action or state.","usage":"Specifying notification, feedback, and messaging interfaces and states.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ac0bbe7f9edc","en":"Modal Dialog","ko":"모달 대화상자","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"배경과 상호작용을 막고 현재 작업에 집중시키는 창.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A window that blocks background interaction to focus attention on the current task.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-modal","implementation":{"kind":"interactive-example","key":"u33-modal","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"모달 열기 · Escape로 닫기","en":"Open a modal · Escape to close"}}},{"id":"dar-39d30c08446a","en":"Non-modal Dialog","ko":"비모달 대화상자","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"열린 상태에서도 배경 영역과 상호작용할 수 있는 창.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A window that permits interaction with the background while it remains open.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b20d5d7bd4e7","en":"Alert Dialog","ko":"경고 대화상자","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"중요한 메시지나 결정에 사용되는 대화상자.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A dialog used for an important message or decision.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-db2b687001bb","en":"Confirmation Dialog","ko":"확인 대화상자","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"삭제·전송 등 실행 전 의도를 재확인하는 창.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A window that confirms intent before an action such as deletion or submission.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-confirm","implementation":{"kind":"interactive-example","key":"u33-confirm","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"취소와 확인을 각각 시험하세요","en":"Try both cancellation and confirmation"}}},{"id":"dar-86dc2ce3ae66","en":"Bottom Sheet","ko":"바텀시트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"화면 하단에서 나타나는 선택·정보·동작 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel for options, information, or actions that appears from the bottom of the screen.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-sheet","implementation":{"kind":"interactive-example","key":"u33-sheet","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"하단 패널에서 옵션을 선택하세요","en":"Choose an option in the bottom sheet"}}},{"id":"dar-1dd02e613216","en":"Modal Bottom Sheet","ko":"모달 바텀시트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"배경과의 상호작용을 차단하는 하단 시트.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A bottom sheet that blocks interaction with background content.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0923159d3738","en":"Persistent Bottom Sheet","ko":"지속형 바텀시트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"배경 콘텐츠와 함께 유지되는 하단 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A bottom panel that remains available alongside the background content.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0a1e07655fc2","en":"Drawer","ko":"드로어","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"화면 측면에서 열리는 내비게이션 또는 콘텐츠 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A navigation or content panel that opens from the side of the screen.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-drawer","implementation":{"kind":"interactive-example","key":"u33-drawer","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"옆에서 열리는 패널을 조작하세요","en":"Open and use the side panel"}}},{"id":"dar-5cfdceb90a92","en":"Side Sheet","ko":"사이드 시트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"현재 화면 옆에 펼쳐지는 상세 정보·편집 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A details or editing panel displayed beside the current screen.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-87ad6a81fc55","en":"Popover","ko":"팝오버","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"관련 요소 가까이에 띄우는 작은 정보·입력·액션 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small panel containing information, inputs, or actions near a related element.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-popover","implementation":{"kind":"interactive-example","key":"u33-popover","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"버튼으로 열고 바깥을 눌러 닫기","en":"Open with the button; click outside to close"}}},{"id":"dar-4a62a8a5a36d","en":"Tooltip","ko":"툴팁","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"마우스 오버나 키보드 포커스 등에 나타나는 짧은 설명.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"Tooltip Help; 툴팁 도움말 atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A short explanation that appears on hover, keyboard focus, or a similar trigger.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-tooltip","implementation":{"kind":"interactive-example","key":"u33-tooltip","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"호버 · 포커스 · Escape","en":"Hover · focus · Escape"}}},{"id":"dar-766fa4f48d13","en":"Toggletip","ko":"토글팁","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"클릭 등 명시적 동작으로 여닫는 짧은 도움말 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"Toggletip Help; 토글팁 도움말","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small help panel explicitly opened or closed by an action such as clicking.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6f65462abf60","en":"Context Menu","ko":"컨텍스트 메뉴","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"우클릭·길게 누르기 등으로 현재 항목의 동작을 표시.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A menu of actions for the current item, opened by right-clicking or long-pressing.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-context","implementation":{"kind":"interactive-example","key":"u33-context","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"우클릭 · Shift+F10 · 메뉴 버튼","en":"Right click · Shift+F10 · menu button"}}},{"id":"dar-4b70bc8d44a1","en":"Dropdown Menu","ko":"드롭다운 메뉴","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"선택한 버튼에서 펼쳐지는 명령 목록.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A list of commands that expands from a selected button.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-abb0217eb79c","en":"Action Sheet","ko":"액션 시트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"모바일에서 관련 명령을 묶어 제시하는 시트.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mobile sheet grouping related commands.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d75c594e8dfd","en":"Lightbox","ko":"라이트박스","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"이미지·동영상 등을 배경 위에 확대 표시.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An enlarged image, video, or other media displayed above the page background.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7880ba981303","en":"Scrim / Backdrop","ko":"스크림·백드롭","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"대화상자 뒤 배경을 어둡게 만드는 반투명 레이어.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A translucent layer that dims the background behind a dialog.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-67626dc1be31","en":"Overlay","ko":"오버레이","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"원래 화면 위에 일시적으로 올리는 UI 레이어의 통칭.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A general term for a temporary interface layer placed over the original screen.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0563607d86a8","en":"Command Palette","ko":"명령 팔레트","domain":"UI·UX","category":"모달·오버레이·패널","kind":"용어·패턴","description":"검색으로 애플리케이션 명령을 탐색·실행하는 패널.","usage":"모달·오버레이·패널에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel for finding and executing application commands through search.","usage":"Specifying modal, overlay, and panel interfaces and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-command","implementation":{"kind":"interactive-example","key":"u33-command","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"검색 · ↑ ↓ · Enter로 명령 실행","en":"Search · ↑ ↓ · Enter to run a command"}}},{"id":"dar-332b942b5160","en":"Primary Button","ko":"주요 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"화면의 가장 중요한 실행 동작을 강조하는 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button emphasizing the most important action on a screen.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5e95ac34df64","en":"Secondary Button","ko":"보조 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"주요 행동을 지원하는 두 번째 우선순위 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A secondary-priority button that supports the primary action.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f1788c4eb34c","en":"Tertiary Button","ko":"3차 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"시각적 강조가 낮은 부가 실행 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A supplementary action button with low visual emphasis.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-85a04fbe523b","en":"Ghost Button","ko":"고스트 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"채움 배경 없이 텍스트·아이콘 중심으로 표현한 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button using text or an icon without a filled background.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3d17698ae000","en":"Outlined Button","ko":"아웃라인 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"테두리로 버튼 영역을 나타내는 스타일.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button style that defines its boundary with an outline.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e4a68c390acc","en":"Text Button","ko":"텍스트 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"버튼의 배경·테두리를 최소화하고 텍스트로 실행.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An action presented as text with minimal or no button background and border.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-174564a8d552","en":"Icon Button","ko":"아이콘 버튼","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"아이콘을 주요 내용으로 사용하는 조작 가능한 버튼.","usage":"툴바·닫기·검색 실행.","notes":"아이콘 이미지 자체와 버튼의 역할·키보드 동작은 별도로 구현한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interactive button whose main content is an icon.","usage":"Toolbars, closing panels, and running searches.","notes":"Implement the icon image separately from the button's role and keyboard behavior."}}},{"id":"dar-3f936ed2aa90","en":"Floating Action Button (FAB)","ko":"플로팅 액션 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"화면 위에 떠 있는 형태로 핵심 생성 동작 등을 강조.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A floating button emphasizing a key action, such as creating an item.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-76330b57cd72","en":"Split Button","ko":"분할 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"기본 실행 동작과 추가 옵션 메뉴를 분리한 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button separating a default action from a menu of additional options.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-024c63dfa6e9","en":"Menu Button","ko":"메뉴 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"클릭 시 명령 목록을 여는 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button that opens a list of commands.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-10bb72b7708f","en":"Button Group","ko":"버튼 그룹","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"관련 행동을 나란히 묶은 컨트롤 그룹.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A group of related actions arranged next to one another.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ee1c6be31255","en":"Segmented Button","ko":"세그먼트 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"서로 관련된 선택지를 분절된 버튼 형태로 표현.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Related options presented as connected segments of a button control.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ad15e0ad02f2","en":"Toggle Button","ko":"토글 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"누름·해제 상태를 유지하며 설정이나 모드를 전환.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button that retains its pressed or unpressed state to switch a setting or mode.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-afc7ef925db3","en":"Destructive Button","ko":"파괴적 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"삭제·영구 제거 등 되돌리기 어려운 동작을 실행.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button for deletion or another action that is difficult to reverse.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-94bf32bd6755","en":"Disabled Button","ko":"비활성 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"조건 미충족 등의 이유로 실행할 수 없는 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button that cannot be activated, for example because its requirements are unmet.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1ca2f383ecf1","en":"Sticky CTA","ko":"고정형 CTA","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"스크롤 중에도 화면 가장자리에 유지되는 행동 유도 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A call-to-action button that stays at a screen edge while the user scrolls.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-61b3f6bc4056","en":"Overflow Button","ko":"더보기 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"화면에 드러내지 않은 나머지 명령을 메뉴로 제공.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button that reveals additional commands not shown directly on screen.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c40fea409ef0","en":"Back-to-top Button","ko":"맨 위로 이동 버튼","domain":"UI·UX","category":"버튼·액션·명령","kind":"용어·패턴","description":"긴 화면의 상단으로 빠르게 복귀시키는 버튼.","usage":"버튼·액션·명령에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A button that returns the user to the top of a long page.","usage":"Specifying buttons, actions, and commands.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-be7561502346","en":"Text Field","ko":"텍스트 필드","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"한 줄의 문자·숫자 등을 입력받는 컨트롤.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for entering one line of text or numbers.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1d0617661c50","en":"Text Area","ko":"텍스트 영역","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"여러 줄의 긴 문장을 입력받는 필드.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A field for entering longer, multi-line text.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-textarea","implementation":{"kind":"interactive-example","key":"u33-textarea","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"여러 줄을 입력하면 높이가 늘어납니다","en":"Type multiple lines to expand the field"}}},{"id":"dar-a06337ccbf81","en":"Password Field","ko":"비밀번호 필드","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"비밀 문자를 가려 표시하는 입력 필드.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input field that conceals secret characters.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-password","implementation":{"kind":"interactive-example","key":"u33-password","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"비밀번호 표시 여부를 전환하세요","en":"Toggle password visibility"}}},{"id":"dar-36db07466037","en":"Search Field","ko":"검색 필드","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"검색어 입력에 맞춰 설계된 입력 컨트롤.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input control designed for entering a search query.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-fa43daa4fd5b","en":"Label","ko":"입력 레이블","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력 항목의 의미를 명시하는 텍스트.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text that identifies the meaning of an input field.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-458a0055c3a9","en":"Placeholder","ko":"플레이스홀더","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"아직 입력되지 않은 필드 안에 보이는 예시 문구.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Example text shown inside an empty input field.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7aae50a7682a","en":"Helper Text","ko":"도움말 텍스트","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력 규칙·형식·보조 설명을 안내하는 텍스트.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text explaining input rules, expected formats, or supporting information.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a45a9bc3082f","en":"Inline Error","ko":"인라인 오류","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"문제가 있는 필드 인근에 나타나는 구체적 오류 설명.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A specific error explanation displayed near the affected field.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-9295c4221461","en":"Field Validation","ko":"필드 유효성 검증","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"개별 입력값이 규칙을 충족하는지 확인.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Checking whether an individual input value satisfies its rules.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-validation","implementation":{"kind":"interactive-example","key":"u33-validation","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"검증 버튼을 눌러 이메일 확인","en":"Validate the email on demand"}}},{"id":"dar-550317ea1d3a","en":"Real-time Validation","ko":"실시간 검증","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력 과정 중 적절한 시점에 규칙 충족을 확인.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Checking input requirements at appropriate moments while the user enters data.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-realtime","implementation":{"kind":"interactive-example","key":"u33-realtime","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"입력하는 동안 이메일 형식 검사","en":"Validate email syntax while typing"}}},{"id":"dar-58e8f6d7faba","en":"Form-level Validation","ko":"폼 수준 검증","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"제출 시 여러 입력값을 종합 검증.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Validating multiple input values together when a form is submitted.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-form","implementation":{"kind":"interactive-example","key":"u33-form","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"필드별 오류와 오류 요약을 확인하세요","en":"Check field errors and the error summary"}}},{"id":"dar-9c7dac0c0409","en":"Error Summary","ko":"오류 요약","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"폼의 모든 오류를 상단 등 한곳에 모아 제공.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A consolidated list of form errors, often displayed at the top of the form.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5a21497b48b2","en":"Required Field Indicator","ko":"필수 입력 표시","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"필수 입력 항목을 별표·텍스트 등으로 나타냄.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An asterisk or text identifying an input as required.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-4758967dc486","en":"Character Counter","ko":"글자 수 카운터","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력한 문자 수 또는 남은 허용 글자 수를 표시.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of entered characters or the remaining character allowance.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-counter","implementation":{"kind":"interactive-example","key":"u33-counter","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"최대 60자 · 현재 글자 수 표시","en":"Up to 60 characters · live character count"}}},{"id":"dar-bda2176ba03d","en":"Input Mask","ko":"입력 마스크","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"전화번호·날짜 등의 입력 형식을 제한·안내.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern that constrains or guides entry of values such as dates or phone numbers.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-mask","implementation":{"kind":"interactive-example","key":"u33-mask","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"숫자 입력 · 전화번호 구분자 자동 삽입","en":"Type digits; phone separators are inserted"}}},{"id":"dar-b2d0eea94e74","en":"Input Prefix / Suffix","ko":"입력 접두·접미","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"원·%·URL 등 단위나 고정 기호를 필드 앞뒤에 표시.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A fixed unit or symbol, such as a currency sign or percent sign, beside an input value.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5d5fa955c366","en":"Autocomplete","ko":"자동완성","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력 중 예상 값을 제안하거나 완성.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Suggesting or completing an expected value while the user types.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-autocomplete","implementation":{"kind":"interactive-example","key":"u33-autocomplete","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"문자를 입력하고 제안을 선택하세요","en":"Type a prefix and choose a suggestion"}}},{"id":"dar-7f2252c101fa","en":"Autosuggest","ko":"자동 제안","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"입력어에 연관된 검색어·항목을 제안.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Suggesting queries or items related to the entered text.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b2dcbe49e985","en":"OTP Input","ko":"일회용 코드 입력","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"인증번호처럼 정해진 자리수의 코드를 입력.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input for a fixed-length code, such as a one-time verification code.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-otp","implementation":{"kind":"interactive-example","key":"u33-otp","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"6자리 입력·붙여넣기 · 실제 인증 아님","en":"Type or paste six digits · not real authentication"}}},{"id":"dar-5e76184bac00","en":"Number Input","ko":"숫자 입력 필드","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"숫자값을 입력하고 경우에 따라 증감 조작 제공.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A numeric input that may also provide increment and decrement controls.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-number","implementation":{"kind":"interactive-example","key":"u33-number","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"1~10 사이 수량을 조절하세요","en":"Adjust the quantity from 1 to 10"}}},{"id":"dar-10f4226ea5fb","en":"Date Picker","ko":"날짜 선택기","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"달력 등의 UI에서 날짜를 선택.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for choosing a date, commonly from a calendar.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-fd329711fb50","en":"Time Picker","ko":"시간 선택기","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"시각을 선택할 수 있는 입력 도구.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input tool for selecting a time.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f73c25b24f9e","en":"Date Range Picker","ko":"날짜 범위 선택기","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"시작일과 종료일을 함께 선택.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for selecting a start date and an end date together.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-dates","implementation":{"kind":"interactive-example","key":"u33-dates","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"시작일보다 이른 종료일은 오류 처리","en":"End dates earlier than the start are rejected"}}},{"id":"dar-4ac8da1b50ad","en":"File Uploader","ko":"파일 업로더","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"파일을 선택하고 전송 상태를 관리하는 입력 컴포넌트.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input component for selecting files and managing upload progress.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-file","implementation":{"kind":"interactive-example","key":"u33-file","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"파일은 브라우저에서만 확인 · 서버 전송 없음","en":"Local file inspection only · no upload"}}},{"id":"dar-6822d477e9d5","en":"Drag-and-drop Upload Zone","ko":"드래그 업로드 영역","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"파일을 끌어 놓아 추가하는 영역.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An area where files can be added by dragging and dropping them.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-dropzone","implementation":{"kind":"interactive-example","key":"u33-dropzone","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"파일 끌어놓기 또는 선택 · 서버 전송 없음","en":"Drop or choose files · no upload"}}},{"id":"dar-8afbfc8c360d","en":"Rich Text Editor","ko":"리치 텍스트 에디터","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"서식이 포함된 텍스트를 편집하는 입력기.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An editor for text that includes formatting.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-43224f3836c5","en":"Form Wizard","ko":"폼 마법사","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","description":"복잡한 입력을 여러 단계로 나누어 안내하는 흐름.","usage":"폼·텍스트 입력·검증에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A flow that guides the user through a complex form in multiple steps.","usage":"Specifying forms, text inputs, and validation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-wizard","implementation":{"kind":"interactive-example","key":"u33-wizard","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"단계별 입력 검증 · 이전 단계 유지","en":"Validate steps; retain earlier input"}}},{"id":"dar-a7fa16b9950c","en":"Checkbox","ko":"체크박스","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"여러 항목을 독립적으로 선택하는 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for selecting multiple items independently.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-checkbox","implementation":{"kind":"interactive-example","key":"u33-checkbox","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"전체 선택 · 부분 선택 상태 확인","en":"Select all; inspect the mixed state"}}},{"id":"dar-51197745c0d3","en":"Radio Button","ko":"라디오 버튼","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"하나의 그룹에서 하나만 선택하는 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for choosing exactly one option from a group.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-radio","implementation":{"kind":"interactive-example","key":"u33-radio","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"하나의 옵션만 선택 · 방향키 지원","en":"Choose exactly one option · arrow keys"}}},{"id":"dar-854311bf98fd","en":"Switch / Toggle Switch","ko":"스위치","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"설정의 켜짐·꺼짐 상태를 즉시 전환.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control that immediately switches a setting on or off.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-switch","implementation":{"kind":"interactive-example","key":"u33-switch","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"클릭 또는 Space로 켜기·끄기","en":"Click or Space to toggle"}}},{"id":"dar-ff2929275489","en":"Select","ko":"선택 목록","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"정해진 옵션 중 하나를 선택하는 입력 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input for choosing one of a predefined set of options.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-select","implementation":{"kind":"interactive-example","key":"u33-select","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"네이티브 선택 목록을 변경하세요","en":"Change the native select option"}}},{"id":"dar-a6959b49ab6a","en":"Combobox","ko":"콤보박스","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"입력 또는 선택과 팝업 옵션 목록을 결합한 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control combining text entry or selection with a popup list of options.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-combo","implementation":{"kind":"interactive-example","key":"u33-combo","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"목록 열기 · 검색 · ↑ ↓ Enter · Escape","en":"Open · search · ↑ ↓ Enter · Escape"}}},{"id":"dar-6363febe6144","en":"Multi-select","ko":"다중 선택","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"여러 개의 값을 동시에 선택할 수 있는 방식.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A selection method that permits multiple values at once.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-multi","implementation":{"kind":"interactive-example","key":"u33-multi","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"여러 옵션 선택 · 선택값 초기화","en":"Select multiple options; reset selections"}}},{"id":"dar-73565ff88bc9","en":"Chip","ko":"칩","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"작은 캡슐형 요소로 선택·입력·필터·동작을 표현.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small capsule-shaped element representing a selection, input, filter, or action.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a65ed577a9e7","en":"Filter Chip","ko":"필터 칩","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"필터 조건의 적용·해제를 빠르게 전환.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chip for quickly enabling or disabling a filter condition.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-filter","implementation":{"kind":"interactive-example","key":"u33-filter","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"필터 선택에 따라 카드 결과가 변경됩니다","en":"Filters update the matching items"}}},{"id":"dar-f45535af1a34","en":"Input Chip","ko":"입력 칩","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"선택된 키워드·수신자 등 사용자가 입력한 개별 값을 표시.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chip representing an individual entered value, such as a keyword or recipient.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-chips","implementation":{"kind":"interactive-example","key":"u33-chips","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"Enter로 태그 추가 · 삭제 버튼으로 제거","en":"Enter adds a tag; remove buttons delete it"}}},{"id":"dar-d1ec3b8e00f4","en":"Choice Chip","ko":"선택 칩","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"짧은 후보 중 원하는 값을 선택.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chip for choosing a value from a short set of options.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ceef4d3f736f","en":"Tag","ko":"태그","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"콘텐츠의 분류·속성을 간결하게 표시.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A concise label describing a content category or attribute.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-bb356e3c470d","en":"Slider","ko":"슬라이더","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"연속 범위의 숫자값을 드래그해 조정.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A draggable control for adjusting a numeric value within a continuous range.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-slider","implementation":{"kind":"interactive-example","key":"u33-slider","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"포인터 또는 방향키로 값을 바꾸세요","en":"Adjust using the pointer or arrow keys"}}},{"id":"dar-07aa865ca884","en":"Range Slider","ko":"범위 슬라이더","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"최솟값과 최댓값을 함께 지정하는 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for specifying both a minimum and a maximum value.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-range","implementation":{"kind":"interactive-example","key":"u33-range","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"최솟값이 최댓값을 넘지 않도록 제한","en":"Minimum cannot exceed maximum"}}},{"id":"dar-9ebc261f9a26","en":"Rating Control","ko":"평점 선택기","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"별 등급 등의 평가값을 입력.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for entering an evaluation, such as a star rating.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-rating","implementation":{"kind":"interactive-example","key":"u33-rating","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"별점 선택 · 방향키로 변경","en":"Choose a star rating; use arrow keys"}}},{"id":"dar-31138c74c6eb","en":"Color Picker","ko":"색상 선택기","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"팔레트·스펙트럼에서 색상을 지정.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for selecting a color from a palette or spectrum.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-color","implementation":{"kind":"interactive-example","key":"u33-color","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"색상을 고르고 HEX 값을 확인하세요","en":"Choose a color and inspect its HEX value"}}},{"id":"dar-71e25653a23a","en":"Tree Select","ko":"트리 선택기","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"계층 구조에 있는 항목을 선택.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for selecting items within a hierarchy.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7c5a7b3aee15","en":"Transfer List","ko":"이동 목록","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"미선택·선택 목록 사이에서 항목을 옮기는 UI.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for moving items between available and selected lists.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-transfer","implementation":{"kind":"interactive-example","key":"u33-transfer","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"선택한 항목을 두 목록 사이로 이동","en":"Move selected items between two lists"}}},{"id":"dar-caf78ae67fff","en":"Dual Listbox","ko":"이중 목록 상자","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"두 목록 간 항목 선택·이동을 제공하는 컨트롤.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for selecting and moving items between two listboxes.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-4d1d1868582e","en":"Selection Toolbar","ko":"선택 도구 모음","domain":"UI·UX","category":"선택·설정·필터","kind":"용어·패턴","description":"여러 항목 선택 시 삭제·내보내기 등 일괄 작업 제공.","usage":"선택·설정·필터에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A toolbar offering bulk actions, such as deletion or export, for selected items.","usage":"Specifying selection, settings, and filters.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a8845ce95006","en":"Top App Bar","ko":"상단 앱 바","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"제목·뒤로가기·주요 명령이 놓이는 상단 영역.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The top area containing a title, back navigation, and important commands.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-14a66ef9c059","en":"Navigation Bar","ko":"내비게이션 바","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"앱이나 사이트의 주요 이동 경로를 제공하는 영역.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An area providing the principal destinations of an app or website.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f98d9c39f73d","en":"Bottom Navigation","ko":"하단 내비게이션","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"모바일 화면 아래에 주요 목적지들을 표시.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Primary navigation destinations displayed at the bottom of a mobile screen.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d0ddd39d728d","en":"Tab Bar","ko":"탭 바","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"관련 목적지나 뷰를 탭으로 전환하는 UI.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for switching among related destinations or views using tabs.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a1b226276da9","en":"Tabs","ko":"탭","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"동일 맥락의 콘텐츠 패널들을 전환.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for switching between content panels in the same context.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-tabs","implementation":{"kind":"interactive-example","key":"u33-tabs","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"탭 클릭 · ← → · Home · End","en":"Click tabs · ← → · Home · End"}}},{"id":"dar-029c405a9642","en":"Navigation Rail","ko":"내비게이션 레일","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"중간 폭 화면에 적합한 좁은 세로 이동 영역.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A narrow vertical navigation area suited to medium-width screens.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a4888aa7f29b","en":"Navigation Drawer","ko":"내비게이션 드로어","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"접히거나 펼쳐지는 측면 탐색 메뉴.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collapsible or expandable side navigation menu.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3db9e300e68d","en":"Sidebar","ko":"사이드바","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"화면 옆에 유지되는 탐색·도구·정보 영역.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A persistent side area containing navigation, tools, or information.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-af702819718b","en":"Breadcrumb","ko":"브레드크럼","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"상위 페이지에서 현재 위치까지의 경로를 표시.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A path showing the hierarchy from a parent page to the current location.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a14deab5bb66","en":"Pagination","ko":"페이지네이션","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"여러 페이지의 목록을 번호로 나눠 탐색.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Navigation that divides a list into numbered pages.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-pagination","implementation":{"kind":"interactive-example","key":"u33-pagination","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"페이지 이동 시 표시 항목이 변경됩니다","en":"Page navigation updates the visible items"}}},{"id":"dar-31d6053446af","en":"Infinite Scroll","ko":"무한 스크롤","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"스크롤할수록 다음 콘텐츠를 자동 추가.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern that automatically appends more content as the user scrolls.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7e45218e2b56","en":"Load More","ko":"더 보기","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"명시적 버튼을 누를 때 콘텐츠를 추가.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern that adds content only when the user activates an explicit button.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-more","implementation":{"kind":"interactive-example","key":"u33-more","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"기존 목록을 유지하며 결과 추가","en":"Append results without replacing earlier items"}}},{"id":"dar-36a011d5e692","en":"Anchor Navigation","ko":"앵커 내비게이션","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"같은 페이지의 특정 제목이나 섹션으로 이동하는 탐색 방식.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Navigation to a specific heading or section on the same page.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-b85e57cca201","en":"Table of Contents (TOC)","ko":"목차","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"긴 문서의 섹션 구조와 바로가기 제공.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"Table of Contents; 목차","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A list of a long document's sections with direct navigation links.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-51b9d89066b7","en":"Mega Menu","ko":"메가 메뉴","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"여러 계층의 목적지를 넓은 패널에 정리.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A wide navigation panel organizing destinations across multiple levels.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a1c07c1d9190","en":"Hamburger Menu","ko":"햄버거 메뉴","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"세 줄 아이콘으로 주요 메뉴를 숨겨 제공.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A primary menu concealed behind a three-line icon.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-4b9b1127afb7","en":"Overflow Menu","ko":"오버플로 메뉴","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"공간 부족으로 노출하지 않은 동작을 담은 메뉴.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A menu containing actions omitted from the main interface because of limited space.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-67f3dd450f78","en":"Tree View","ko":"트리 뷰","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"폴더·조직도 같은 계층 구조를 확장·축소.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An expandable and collapsible hierarchy, such as folders or an organization chart.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-77997e39ac2e","en":"Accordion Navigation","ko":"아코디언 내비게이션","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"탐색 카테고리를 접고 펼치는 메뉴.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A navigation menu with collapsible categories.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-42b7a4d3cb08","en":"Page Header","ko":"페이지 헤더","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"화면 제목과 주요 설명·액션을 담는 상단 영역.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An upper area containing the screen title, explanatory text, and primary actions.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-de99cdb77164","en":"Back Navigation","ko":"뒤로 이동","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"이전 탐색 맥락이나 화면으로 돌아가는 동작.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An action returning to the previous screen or navigation context.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5ffdd5bc3019","en":"Deep Link","ko":"딥 링크","domain":"UI·UX","category":"내비게이션·화면 이동","kind":"용어·패턴","description":"앱의 특정 화면·상태를 바로 여는 주소.","usage":"내비게이션·화면 이동에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An address that opens a specific application screen or state directly.","usage":"Specifying navigation and screen changes.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c0528acc4f6b","en":"Card","ko":"카드","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"하나의 주제·항목·행동을 묶어 표시하는 컨테이너.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A container grouping content and actions around a single subject or item.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-545089b5a906","en":"Tile","ko":"타일","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"그리드 안에서 콘텐츠·지표를 담는 독립 영역.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A self-contained grid area displaying content or a metric.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c3c1493fd974","en":"Panel","ko":"패널","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"관련 정보나 컨트롤을 묶는 영역.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An area grouping related information or controls.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-210013b9b435","en":"Section","ko":"섹션","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"하나의 주제 아래 정보와 UI를 조직한 구획.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A subdivision organizing information and interface elements under one topic.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7ca7d188c3ca","en":"Container","ko":"컨테이너","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"콘텐츠 너비와 배치를 제한하는 구조 단위.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structural unit that constrains content width and layout.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e86063dfba3d","en":"Grid Layout","ko":"그리드 레이아웃","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"행·열을 기준으로 요소를 정렬하는 방식.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout that aligns elements using rows and columns.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d60bb2460feb","en":"Column Layout","ko":"열 레이아웃","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"콘텐츠를 세로 열 단위로 배치.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout that arranges content in vertical columns.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2c39450cf4ad","en":"Masonry Layout","ko":"메이슨리 레이아웃","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"높이가 서로 다른 항목을 벽돌처럼 촘촘히 배치.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tightly packed, brick-like layout for items of different heights.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-acc3b40e6e9a","en":"Stack Layout","ko":"스택 레이아웃","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"요소를 수직이나 수평으로 일정 간격 쌓아 배치.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout that stacks elements vertically or horizontally with consistent spacing.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-27ff02284b68","en":"Split View","ko":"분할 보기","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"화면을 둘 이상 영역으로 나눠 동시에 표시.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A view dividing the screen into two or more simultaneously visible areas.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-9d1a6e0f4d72","en":"Master-detail View","ko":"마스터·상세 보기","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"목록과 선택 항목의 상세 정보를 함께 표시.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A view displaying a list alongside details of the selected item.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-master","implementation":{"kind":"interactive-example","key":"u33-master","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"목록 선택 시 상세 내용만 변경","en":"Selecting a row updates its detail pane"}}},{"id":"dar-84399d59be60","en":"Resizable Panel","ko":"크기 조절 패널","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"경계선을 움직여 패널 너비·높이를 조정.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel whose width or height can be changed by moving its boundary.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-resize","implementation":{"kind":"interactive-example","key":"u33-resize","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"경계 드래그 · ← → Home End","en":"Drag the separator · ← → Home End"}}},{"id":"dar-02eaeef4dbf9","en":"Divider / Separator","ko":"구분선","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"콘텐츠·컨트롤 그룹을 시각적으로 분리.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual boundary separating content or groups of controls.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2456cd0e8ab7","en":"Spacer","ko":"간격 요소","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"컴포넌트 사이의 빈 공간을 유지.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An element maintaining empty space between components.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0714860708b7","en":"Accordion","ko":"아코디언","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"제목을 선택해 관련 내용을 접거나 펼침.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A component that expands or collapses content when its heading is activated.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-accordion","implementation":{"kind":"interactive-example","key":"u33-accordion","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"각 섹션을 독립적으로 펼치고 접기","en":"Expand and collapse independent sections"}}},{"id":"dar-b7f1cdb54140","en":"Disclosure","ko":"디스클로저","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"추가 정보·하위 내용을 필요할 때 확장.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control revealing additional information or nested content when needed.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-086020cb084c","en":"Carousel","ko":"캐러셀","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"여러 항목을 좌우 또는 자동 전환하여 표시.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display that cycles through items horizontally or automatically.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-carousel","implementation":{"kind":"interactive-example","key":"u33-carousel","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"이전·다음 · 자동 재생 없음","en":"Previous · next · no autoplay"}}},{"id":"dar-19d0414c06e2","en":"Horizontal Scroller","ko":"가로 스크롤 목록","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"가로 방향으로 여러 카드·미디어를 탐색.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for browsing cards or media along a horizontal axis.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0ae6e254dfa3","en":"Sticky Header","ko":"고정 헤더","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"스크롤해도 화면 상단에 남는 헤더.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A header that remains at the top of the screen during scrolling.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-012ddde9a1f0","en":"Sticky Section","ko":"고정 섹션","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"특정 위치에서 스크롤 중 영역이 고정되는 패턴.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern in which a section becomes fixed at a particular scroll position.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-aa4fe1667875","en":"Footer","ko":"푸터","domain":"UI·UX","category":"레이아웃·콘텐츠 구조","kind":"용어·패턴","description":"페이지 맨 아래의 보조 탐색·정책·정보 영역.","usage":"레이아웃·콘텐츠 구조에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The bottom area containing supplementary navigation, policies, or information.","usage":"Specifying layout and content structure.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5f430cebfd02","en":"Avatar","ko":"아바타","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"사람·팀·에이전트의 프로필을 이미지나 이니셜로 표현.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An image or initials representing a person, team, or agent.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5f9e5b019928","en":"Avatar Group","ko":"아바타 그룹","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"여러 사용자 프로필을 겹치거나 나란히 표시.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Multiple profile representations displayed side by side or overlapping.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f71808e0fb48","en":"Thumbnail","ko":"썸네일","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"원본 미디어를 대표하는 작은 미리보기 이미지.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small preview image representing the original media.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3edea325c962","en":"Image Gallery","ko":"이미지 갤러리","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"여러 이미지를 하나의 탐색 묶음으로 표시.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of images presented as one browsable group.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-97988932661f","en":"Image Viewer","ko":"이미지 뷰어","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"확대·이동·회전 등의 이미지 보기 기능.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for viewing images with zoom, pan, or rotation controls.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2f94e2d63d34","en":"Video Player","ko":"동영상 플레이어","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"재생·일시정지·탐색 등을 제공하는 미디어 UI.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A media interface offering playback, pause, and seeking controls.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b9d1aea8140a","en":"Audio Player","ko":"오디오 플레이어","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"재생 위치·음량 등을 조절하는 오디오 UI.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An audio interface for controlling playback position and volume.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6be7e6b47e01","en":"Media Controls","ko":"미디어 컨트롤","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"재생·탐색·소리 등을 제어하는 공통 조작 모음.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A shared set of controls for playback, seeking, and audio.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-478b8e6551f4","en":"Caption / Subtitle","ko":"자막","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"미디어의 음성·설명을 화면에 텍스트로 제공.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"On-screen text presenting speech or descriptive information from media.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-87ffd204b23a","en":"Transcript","ko":"대본·전사문","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"오디오·영상 내용을 시간 순서의 텍스트로 제공.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chronological text representation of audio or video content.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b9b6d480c7ea","en":"Content Preview","ko":"콘텐츠 미리보기","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"파일·문서·미디어를 열기 전 주요 내용을 보여줌.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A view of the essential content of a file, document, or media item before opening it.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3d5fb77cb9c8","en":"Read More / Truncation","ko":"더 읽기·축약","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"긴 콘텐츠를 일부만 노출하고 확장하도록 함.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern showing part of long content with an option to expand it.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ab217aa0f305","en":"Ellipsis","ko":"말줄임","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"폭을 넘는 텍스트를 …으로 잘라 표시.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Truncating overflowing text with an ellipsis character.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d121d2df7f46","en":"Rich Content Card","ko":"리치 콘텐츠 카드","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"제목·이미지·설명·액션을 함께 담은 카드.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A card combining a title, image, description, and actions.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-25488b831636","en":"Media Object","ko":"미디어 오브젝트","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"이미지 옆에 텍스트를 배치하는 반복 패턴.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A repeated layout pattern placing text next to an image.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-5298c2580574","en":"Hero Section","ko":"히어로 섹션","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"페이지 초반에서 핵심 가치·이미지·주요 행동을 강조하는 큰 영역.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A large introductory page area emphasizing the key value, imagery, and primary action.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-b6ef4409fc9f","en":"Timeline","ko":"타임라인","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"시간 순서의 이벤트·이력을 선 또는 목록으로 표시.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Events or history displayed chronologically along a line or in a list.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-87ce1d15f211","en":"Activity Feed","ko":"활동 피드","domain":"UI·UX","category":"콘텐츠·미디어 표시","kind":"용어·패턴","description":"사용자·시스템의 최신 활동을 연속 목록으로 표시.","usage":"콘텐츠·미디어 표시에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A continuous list of recent user or system activity.","usage":"Specifying content and media presentation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-116825b3868a","en":"Data Table","ko":"데이터 테이블","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"행과 열로 값을 읽고 비교하는 표입니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"데이터 그리드는 편집·고급 키보드 조작 등 더 많은 상호작용을 제공합니다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Presents readable values in rows and columns.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"A data grid usually adds richer editing and keyboard interaction.","difference":"A data grid usually adds richer editing and keyboard interaction."}},"live_key":"d35-table","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-283313b8baef","en":"Data Grid","ko":"데이터 그리드","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"정렬·선택·편집 등 셀 중심 상호작용을 제공하는 데이터 표입니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"읽기 전용 표와는 키보드 조작·포커스 설계가 다릅니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"A cell-oriented table supporting richer selection, editing and sorting.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Keyboard and focus behavior differ from a simple read-only table.","difference":"Keyboard and focus behavior differ from a simple read-only table."}}},{"id":"dar-0d7a5bf4765d","en":"Treegrid","ko":"트리 그리드","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"계층형 행을 펼치고 접을 수 있는 다열 데이터 구조입니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"트리 뷰와 달리 여러 열의 관계와 셀 탐색도 다룹니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combines expandable hierarchical rows with tabular columns.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Unlike a tree view, it also manages columns and cell navigation.","difference":"Unlike a tree view, it also manages columns and cell navigation."}}},{"id":"dar-200ef5ea83af","en":"Sortable Column","ko":"정렬 가능한 열","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"열의 값에 따라 행 순서를 바꾸는 표 머리글입니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"오름차순·내림차순·정렬 해제를 명확하게 표시하세요.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"A header control that sorts rows by column values.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Distinguish ascending, descending and unsorted states.","difference":"Distinguish ascending, descending and unsorted states."}},"live_key":"d35-sort","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-e056e60fd6bb","en":"Resizable Column","ko":"열 너비 조절","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"머리글 경계를 끌어 열의 너비를 바꿉니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"열 이동과 혼동하지 않도록 조작점을 구분하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changes column width using a draggable header boundary.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Distinguish resize handles from column-reordering affordances.","difference":"Distinguish resize handles from column-reordering affordances."}}},{"id":"dar-ca6b1f71883b","en":"Sticky Column","ko":"고정 열","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"가로 스크롤 중 특정 열을 화면에 남겨둡니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"고정 경계와 가려지는 콘텐츠를 시각적으로 구분하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Keeps a column visible while the table scrolls horizontally.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Make the pinned boundary and occluded content clear.","difference":"Make the pinned boundary and occluded content clear."}}},{"id":"dar-5bb1f71b637a","en":"Frozen Header","ko":"고정 표 머리글","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"세로 스크롤 중 열 제목을 계속 표시합니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"고정 열은 가로 기준, 고정 머리글은 세로 기준입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Keeps column headings visible during vertical scrolling.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Pinned columns and headers address different scrolling directions.","difference":"Pinned columns and headers address different scrolling directions."}}},{"id":"dar-8469102c74cc","en":"Row Selection","ko":"행 선택","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"행을 선택해 상세 확인이나 일괄 작업의 대상을 정합니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"전체 선택이 현재 페이지인지 전체 결과인지 표시하세요.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selects rows for inspection or bulk operations.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"State whether select-all affects the current page or all results.","difference":"State whether select-all affects the current page or all results."}},"live_key":"d35-rows","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c39c1861e848","en":"Inline Editing","ko":"인라인 편집","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"별도 화면 없이 셀이나 항목 안에서 값을 수정합니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"편집 중·저장 중·실패·취소 상태를 구분하세요.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Edits a cell or item without opening a separate page.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Separate editing, saving, failure and cancellation states.","difference":"Separate editing, saving, failure and cancellation states."}},"live_key":"d35-edit","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-a731c3e8e7b8","en":"Bulk Actions","ko":"일괄 작업","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"선택된 여러 행에 같은 동작을 적용합니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"선택 개수와 작업 범위, 위험 작업의 확인 절차가 필요합니다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Applies one operation to multiple selected rows.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","notes":"Show selection count, scope and confirmation for destructive actions.","difference":"Show selection count, scope and confirmation for destructive actions."}},"live_key":"d35-bulk","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-1f5f653abed5","en":"KPI Card","ko":"KPI 카드","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"핵심 지표의 값과 목표·비교 기준을 짧게 요약합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"값만 있는 통계 카드와 달리 목표·기간·변화의 맥락을 함께 표시합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Summarizes a key metric with its target or comparison context.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"Unlike a bare stat card, it includes performance context.","difference":"Unlike a bare stat card, it includes performance context."}}},{"id":"dar-e0991dbdf4cb","en":"Stat Card","ko":"통계 카드","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"단일 통계값과 단위를 간결하게 표시합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"목표나 증감 비교가 없어도 성립합니다. KPI 카드와 용도를 구분합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displays one statistical value and its unit.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"It does not require a target or change comparison.","difference":"It does not require a target or change comparison."}}},{"id":"dar-54dcaa4ec500","en":"Sparkline","ko":"스파크라인","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"표나 지표 옆에 넣는 아주 작은 추세선입니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"전체 차트를 축소한 것이 아니라 문맥을 보완하는 추세 요약입니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"A compact trend line embedded next to a value or in a table.","usage":"Use when designing trends & time and selecting analytical visualizations.","notes":"It supplements nearby context rather than replacing a fully labeled chart.","difference":"It supplements nearby context rather than replacing a fully labeled chart."}},"live_key":"g36-spark","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-cc7b29cb0092","en":"Line Chart","ko":"선 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"순서가 있는 관측값을 선으로 이어 변화 추세를 보여줍니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"순서 없는 범주를 연결하면 연속성이 있다고 오해할 수 있습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Connects ordered observations to reveal trends.","usage":"Use when designing trends & time and selecting analytical visualizations.","notes":"Connecting unordered categories can imply continuity that does not exist.","difference":"Connecting unordered categories can imply continuity that does not exist."}},"live_key":"g36-line","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-4cb135e19326","en":"Bar Chart","ko":"막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"범주별 값을 공통 기준선에서 시작하는 막대의 길이로 비교합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"히스토그램은 연속값의 구간별 빈도를 표현합니다. 범주 비교와 구간 분포를 구분하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares categorical values using bar lengths measured from a common baseline.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","notes":"A histogram shows frequency in numeric intervals, not arbitrary categories.","difference":"A histogram shows frequency in numeric intervals, not arbitrary categories."}},"live_key":"g36-bar","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-6f1ac324be5c","en":"Stacked Bar Chart","ko":"누적 막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"세부 계열을 쌓아 범주별 합계와 구성을 함께 보여줍니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"위쪽 계열은 공통 기준선이 없어 정밀 비교가 어렵습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Stacks segments to show category totals and their composition.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","notes":"Upper segments lack a shared baseline, making precise comparison harder.","difference":"Upper segments lack a shared baseline, making precise comparison harder."}},"live_key":"g36-stacked","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-5180e800344b","en":"Area Chart","ko":"영역 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"선 아래를 기준선까지 채워 추세와 크기를 강조합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"채운 면적이 크기를 암시하므로 기준선을 신중히 정하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fills the region under a line to emphasize change and magnitude.","usage":"Use when designing trends & time and selecting analytical visualizations.","notes":"The filled area suggests magnitude; choose the baseline carefully.","difference":"The filled area suggests magnitude; choose the baseline carefully."}},"live_key":"g36-area","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-b8270ee4dbcd","en":"Pie Chart","ko":"파이 차트","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"전체에 대한 구성비를 원의 부채꼴 각도로 나타냅니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"부채꼴이 중심까지 채워지며 중앙이 빈 도넛 차트와 구분됩니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows parts of a whole through sector angles.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","notes":"Sectors extend to the center, unlike a donut chart.","difference":"Sectors extend to the center, unlike a donut chart."}},"live_key":"g36-pie","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-dae95b644067","en":"Donut Chart","ko":"도넛 차트","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"파이의 중앙을 비워 전체의 구성비를 고리로 나타냅니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"여러 구성 항목을 표현합니다. 단일 작업 진행률인 진행 링과 다릅니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows composition as sectors around a hollow center.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","notes":"Represents multiple parts of a whole, not progress of a single task.","difference":"Represents multiple parts of a whole, not progress of a single task."}},"live_key":"g36-donut","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-73c5cb79a110","en":"Scatter Plot","ko":"산점도","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"관측치마다 두 수치 변수의 값을 가로·세로 위치에 대응시킵니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"상관관계를 보여줄 수 있지만 인과관계를 증명하지 않습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Encodes two numerical variables as horizontal and vertical positions.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","notes":"Association does not establish causation.","difference":"Association does not establish causation."}},"live_key":"g36-scatter","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-50736f699a2f","en":"Heatmap","ko":"히트맵","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"두 차원의 셀마다 값을 색 강도로 표시합니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"범례와 결측값 표시를 함께 제공하세요. 색만으로 의미를 전달하지 마세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Encodes values in a two-dimensional matrix using color intensity.","usage":"Use when designing matrices & density and selecting analytical visualizations.","notes":"Provide a legend and missing-value encoding; do not rely on color alone.","difference":"Provide a legend and missing-value encoding; do not rely on color alone."}},"live_key":"g36-heat","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-f5cea1267801","en":"Treemap","ko":"트리맵","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"계층 구조의 값을 중첩된 사각형의 면적으로 표현합니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"작은 사각형의 레이블 가독성과 면적 비교 한계를 고려하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Encodes hierarchical values as nested rectangle areas.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","notes":"Consider label legibility and the limitations of area comparison.","difference":"Consider label legibility and the limitations of area comparison."}},"live_key":"g36-tree","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-a4ca9e4004cc","en":"Funnel Chart","ko":"퍼널 차트","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"연속 단계의 사용자 수나 건수를 폭으로 비교합니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"전환율의 분모가 최초 단계인지 직전 단계인지 명시하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares counts across sequential stages using widths.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","notes":"Specify whether conversion rates use the first or preceding stage as denominator.","difference":"Specify whether conversion rates use the first or preceding stage as denominator."}},"live_key":"g36-funnel","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-194928e582cd","en":"Waterfall Chart","ko":"워터폴 차트","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"시작값에서 양수·음수 변화를 누적해 최종값에 도달하는 과정을 표시합니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"중간 막대는 누적 기준에서 시작합니다. 모든 막대가 0에서 시작하지 않습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Accumulates positive and negative changes from a starting value to an ending value.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","notes":"Intermediate bars float on cumulative baselines rather than starting at zero.","difference":"Intermediate bars float on cumulative baselines rather than starting at zero."}},"live_key":"g36-waterfall","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"dar-5e3c39289397","en":"Gauge","ko":"게이지","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"값이 척도나 목표 구간의 어디에 있는지 바늘이나 호로 표시합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"작업 완료 여부를 뜻하는 진행 링과 달리 현재 측정값을 표현합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Positions a value on a scale or within target bands.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"Represents a measured state rather than task completion.","difference":"Represents a measured state rather than task completion."}}},{"id":"dar-ea4a24370965","en":"Data Tooltip","ko":"차트 툴팁","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"표식에 포인터나 포커스를 두었을 때 관측값과 단위를 표시합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"일반 UI 툴팁은 컨트롤 설명이고 데이터 툴팁은 관측값 상세입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows values and units for a focused or hovered chart mark.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","notes":"A UI tooltip explains a control; a data tooltip details an observation.","difference":"A UI tooltip explains a control; a data tooltip details an observation."}}},{"id":"dar-eeb0e36d97bc","en":"Drill-down","ko":"드릴다운","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"요약 그룹을 선택해 같은 계층의 더 자세한 수준으로 내려갑니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"드릴스루는 다른 상세 화면으로 이동하는 동작입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Navigates from an aggregate to a finer level in the same hierarchy.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","notes":"Drill-through opens a separate detail context.","difference":"Drill-through opens a separate detail context."}}},{"id":"dar-8af646fac015","en":"Cross-filtering","ko":"교차 필터링","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"한 시각화의 선택을 다른 시각화의 조회 조건에 반영합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"필터 범위와 되돌리기 동작을 화면에 드러내세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses a selection in one view to filter related views.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","notes":"Expose filter scope and provide an obvious reset.","difference":"Expose filter scope and provide an obvious reset."}}},{"id":"dar-e67fe3f418de","en":"Global Search","ko":"전역 검색","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"제품 전체 콘텐츠와 리소스를 검색.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Search across the entire product's content and resources.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-global","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-1387e5cf9f96","en":"Local Search","ko":"영역 검색","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"현재 화면·목록·폴더 등 한정된 범위에서 검색.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Search limited to the current screen, list, folder, or another local scope.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-local","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c30518869926","en":"Search Autocomplete","ko":"검색 자동완성","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"입력 중 검색어의 완성형이나 관련 검색어를 제시.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Suggestions for completed or related search queries while typing.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a0c323e916e9","en":"Typeahead","ko":"타이프어헤드","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"입력할수록 후보를 즉시 좁혀 보여주는 패턴.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern that immediately narrows candidate results as the user types.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-9f9e1e8b872a","en":"Recent Searches","ko":"최근 검색어","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"사용자가 전에 조회한 검색어 목록.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A list of queries the user has searched for previously.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-recent","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-82805db5be8c","en":"Search History","ko":"검색 기록","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"검색 수행 내역을 보관·재사용할 수 있게 제공.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A searchable or reusable record of previous searches.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-667d52c789c1","en":"Faceted Search","ko":"패싯 검색","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"브랜드·가격·등급 등 여러 속성을 조합해 결과를 좁힘.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Narrowing results by combining attributes such as brand, price, and rating.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-facets","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-5e60d0054240","en":"Filter Panel","ko":"필터 패널","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"검색·목록에 적용할 조건을 묶어 제공.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel grouping conditions applied to search results or a list.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-975648abff76","en":"Filter Drawer","ko":"필터 드로어","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"별도 측면 패널로 검색 필터 제공.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Search filters provided in a separate side panel.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ea23a312cb8b","en":"Sort Menu","ko":"정렬 메뉴","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"최신순·가격순·인기순 등 결과 정렬 기준 선택.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A menu for choosing a result order, such as newest, lowest price, or most popular.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-sortmenu","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-8e4cfc932a0e","en":"Search Suggestions","ko":"검색 제안","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"검색창에서 연관 키워드·대상 항목을 추천.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Related keywords or target items recommended within a search interface.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c776e837a969","en":"Search Highlight","ko":"검색어 강조","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"검색 결과 본문에서 일치 부분을 강조.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visual emphasis on matching text within search results.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-highlight","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-2972756b0b5d","en":"No Results State","ko":"검색 결과 없음 상태","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"검색 조건에 맞는 항목이 없음을 안내.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state explaining that no items match the current search conditions.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-noresults","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c8323d5969bd","en":"Saved Filter","ko":"저장된 필터","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"자주 사용하는 검색 조건을 저장·재적용.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A stored set of frequently used search conditions that can be reapplied.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-savedfilter","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-7a13f7868cb3","en":"Filter Preset","ko":"필터 프리셋","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"미리 정의된 조건 묶음을 빠르게 적용.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A predefined bundle of filter conditions that can be applied quickly.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-preset","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-5c36018102df","en":"Query Builder","ko":"쿼리 빌더","domain":"UI·UX","category":"검색·발견·정렬","kind":"용어·패턴","description":"필드·연산자·값을 조합해 복잡한 조건을 구성.","usage":"검색·발견·정렬에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for constructing complex conditions from fields, operators, and values.","usage":"Specifying search, discovery, and sorting.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-query","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-1986093981c7","en":"Onboarding Flow","ko":"온보딩 흐름","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"첫 사용자가 제품의 핵심 기능을 이해하도록 안내.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A flow introducing first-time users to the product's core functions.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-0c181a5495dc","en":"Product Tour","ko":"제품 투어","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"화면을 순회하며 주요 기능을 소개.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A sequence that introduces important features by visiting relevant screens.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3baeb0b1c300","en":"Coach Mark","ko":"코치마크","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"특정 컨트롤을 가리키고 수행 방법을 설명.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An annotation pointing to a specific control and explaining how to use it.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b1a0048467ed","en":"Spotlight","ko":"스포트라이트","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"강조할 UI만 밝게 남기고 주변을 어둡게 처리.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An emphasis effect that keeps a target interface area bright while dimming its surroundings.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-61e7c83958cd","en":"Guided Tour","ko":"단계별 가이드","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"사용자가 순서를 따라 기능을 학습하도록 구성.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A sequence that teaches features by having the user follow ordered steps.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3ef5f4d806d0","en":"Walkthrough","ko":"워크스루","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"작업 시나리오를 단계별로 시연하거나 안내.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A step-by-step demonstration or guide through a task scenario.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d4b822656b24","en":"Interactive Tutorial","ko":"상호작용 튜토리얼","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"실제 클릭·입력을 통해 기능을 학습.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tutorial that teaches through actual clicking and input.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3a15aac034ce","en":"Feature Discovery","ko":"기능 발견","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"잘 알려지지 않은 기능을 맥락에 맞게 노출.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Contextual exposure of features users may not yet know about.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-12d1793db034","en":"Feature Announcement","ko":"신기능 안내","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"새 기능 출시·변경 사항을 설명.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An explanation of a newly released feature or a change.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b337ba831390","en":"What's New","ko":"새로운 기능 안내","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"업데이트 후 바뀐 기능을 모아 보여줌.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of changes and new features shown after an update.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c8081d8f31d9","en":"Contextual Help","ko":"문맥 도움말","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"현재 작업 위치에 필요한 설명을 제시.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Explanatory information provided where the current task requires it.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a78fd0feb9a6","en":"Empty-state Onboarding","ko":"빈 화면 온보딩","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"데이터 없는 초기 화면에서 첫 동작을 안내.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Guidance toward a first action on an initial screen with no data.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-748ca17db937","en":"Checklist Onboarding","ko":"체크리스트 온보딩","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"설정 완료에 필요한 작업을 목록으로 제시.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A checklist of tasks required to complete setup.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6eaadcd92d52","en":"Progressive Disclosure","ko":"점진적 공개","domain":"UI·UX","category":"온보딩·가이드·도움말","kind":"용어·패턴","description":"현재 필요한 정보만 보이고 고급 옵션은 뒤에 제공.","usage":"온보딩·가이드·도움말에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Showing information needed now while revealing advanced options later.","usage":"Specifying onboarding, guidance, and help.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-db437ad401d7","en":"Hover State","ko":"호버 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"포인터가 요소 위에 위치한 상태.","usage":"기능 발견·조작 가능성 표현.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which the pointer is positioned over an element.","usage":"Feature discovery and communicating interactivity.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-7742be948063","en":"Focus State","ko":"포커스 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"키보드 등 입력을 현재 받을 대상으로 지정된 상태.","usage":"탭 이동·입력 위치.","notes":"선택된 상태와 동일하지 않으며 두 상태가 독립적으로 존재할 수 있다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state identifying the element currently designated to receive keyboard or other input.","usage":"Tab navigation and input location.","notes":"Focus is not the same as selection; the two states can exist independently."}}},{"id":"dar-ade34839a24b","en":"Pressed State","ko":"눌림 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"버튼을 누르는 중이거나 토글 버튼이 눌린 상태를 나타낸다.","usage":"입력 피드백·토글.","notes":"순간 누름과 aria-pressed의 지속 토글 상태를 문맥에 맞게 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state of a button while being pressed, or the retained pressed state of a toggle button.","usage":"Input feedback and toggles.","notes":"Distinguish a momentary press from the persistent toggle state expressed by aria-pressed."}}},{"id":"dar-5612d44646d7","en":"Active State","ko":"활성화 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"현재 실행·활성 항목을 뜻하는 일반 표현이나 CSS의 작동 중 상태.","usage":"탭·메뉴·버튼.","notes":"CSS :active는 대체로 활성화하는 동안의 상태이며 선택 탭을 뜻하는 active와 다르다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A general term for the currently active item, or the CSS state during activation.","usage":"Tabs, menus, and buttons.","notes":"CSS :active generally describes activation in progress, not an active tab's selected state."}}},{"id":"dar-434c52080c0e","en":"Selected State","ko":"선택 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"목록·탭 등에서 현재 선택된 항목인 상태.","usage":"탭·옵션·표 선택.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state identifying the currently selected list item, tab, or other option.","usage":"Tab, option, and table selection.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-545fc4be48bb","en":"Drag and Drop","ko":"드래그 앤 드롭","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"대상을 잡아 이동하고 특정 위치에 놓는 방식.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interaction in which an item is grabbed, moved, and released at a destination.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-drag","implementation":{"kind":"interactive-example","key":"u33-drag","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"항목을 다른 영역으로 이동 · 버튼 대안 제공","en":"Move an item between areas; button alternative"}}},{"id":"dar-85118b034eab","en":"Swipe Gesture","ko":"스와이프 제스처","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"손가락을 밀어 화면·항목을 이동하거나 동작 실행.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A finger-sliding gesture that moves content or triggers an action.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-swipe","implementation":{"kind":"interactive-example","key":"u33-swipe","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"가로로 밀기 · 방향키·버튼 대안","en":"Swipe horizontally; arrow-key and button alternatives"}}},{"id":"dar-8d306986a6f2","en":"Long Press","ko":"길게 누르기","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"손가락을 일정 시간 유지해 추가 동작 호출.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Holding a touch for a period of time to invoke an additional action.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-longpress","implementation":{"kind":"interactive-example","key":"u33-longpress","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"600ms 누르기 · Enter/Space 대안","en":"Hold for 600ms; Enter/Space alternative"}}},{"id":"dar-25bf2e3d9322","en":"Double Tap","ko":"두 번 탭","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"화면 요소를 빠르게 두 번 터치하는 제스처.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Touching an element twice in quick succession.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-doubletap","implementation":{"kind":"interactive-example","key":"u33-doubletap","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"두 번 탭해 확대 · 버튼·키보드 대안","en":"Double tap to zoom; button and keyboard alternatives"}}},{"id":"dar-2399fd6c8cee","en":"Pinch to Zoom","ko":"핀치 확대·축소","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"두 손가락 간 거리를 바꿔 화면을 확대·축소.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing the distance between two fingers to zoom in or out.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-pinch","implementation":{"kind":"interactive-example","key":"u33-pinch","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"두 손가락 확대 · 슬라이더·버튼 대안","en":"Two-pointer pinch; slider and button alternatives"}}},{"id":"dar-bd1958c91b73","en":"Pull to Refresh","ko":"당겨서 새로고침","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"목록을 아래로 당겨 새 데이터를 요청.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Pulling a list downward to request fresh data.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-pull","implementation":{"kind":"interactive-example","key":"u33-pull","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"아래로 당겨 모의 갱신 · 버튼 대안","en":"Pull down for a simulated refresh; button alternative"}}},{"id":"dar-b9d67d8a392a","en":"Swipe to Dismiss","ko":"밀어서 닫기","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"알림·카드·패널을 밀어 제거.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Swiping a notification, card, or panel away to dismiss it.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-dismiss","implementation":{"kind":"interactive-example","key":"u33-dismiss","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"가로 밀어 제거 · 복원 가능","en":"Swipe to dismiss; restore is available"}}},{"id":"dar-fc951dce1f65","en":"Swipe Actions","ko":"스와이프 액션","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"목록 항목을 밀어 삭제·보관 등 동작 노출.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Swiping a list item to expose actions such as Delete or Archive.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-swipeactions","implementation":{"kind":"interactive-example","key":"u33-swipeactions","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"왼쪽으로 밀어 보조 액션 표시","en":"Swipe left to reveal secondary actions"}}},{"id":"dar-2be2d32b44b6","en":"Reorderable List","ko":"재정렬 목록","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"드래그로 항목 순서를 변경.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A list whose item order can be changed by dragging.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-reorder","implementation":{"kind":"interactive-example","key":"u33-reorder","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"드래그 정렬 · 위아래 버튼·Alt+↑↓ 대안","en":"Drag to reorder; buttons and Alt+↑↓ alternatives"}}},{"id":"dar-f35047952796","en":"Sort by Dragging","ko":"드래그 정렬","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"끌어 놓기 방식으로 순서를 지정.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Specifying an order through drag-and-drop interactions.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-708c2361303f","en":"Keyboard Shortcut","ko":"키보드 단축키","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"키 조합으로 명령을 빠르게 실행.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A key combination that executes a command quickly.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2d873c2e10bf","en":"Contextual Actions","ko":"문맥 동작","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"현재 선택한 대상과 관련된 명령만 표시.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Commands relevant to the currently selected object or context.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6dee3ab1b41a","en":"Microinteraction","ko":"마이크로인터랙션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"하나의 작은 과업·상태 변화에 대한 제한된 상호작용과 피드백.","usage":"토글·좋아요·저장 반응.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-micro","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A small, focused interaction and its feedback for a single task or state change.","usage":"Toggle, like, and save feedback.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-micro","term_class":"직접 조작형 예제"},{"id":"dar-5a768048f84b","en":"Hover Reveal","ko":"호버 시 노출","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"마우스 오버 때 숨겨진 보조 액션을 표시.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Revealing otherwise hidden secondary actions when the pointer hovers.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"hover-reveal","implementation":{"kind":"interactive-example","key":"hover-reveal","release":"3.2.0","sharedRecipe":true}},{"id":"dar-7a2021f20615","en":"Undo / Redo","ko":"실행 취소·다시 실행","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"이전 변경을 되돌리거나 재적용.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reversing a previous change or reapplying a reversed change.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-undo","implementation":{"kind":"interactive-example","key":"u33-undo","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"편집 기록을 되돌리고 다시 적용","en":"Undo and redo the editing history"}}},{"id":"dar-63839e533a64","en":"Confirmation Pattern","ko":"확인 패턴","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"위험한 명령 실행 전에 재확인하는 흐름.","usage":"제스처·상호작용에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A flow that reconfirms intent before executing a risky command.","usage":"Specifying gestures and interactions.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b17cb721f637","en":"Debounce","ko":"디바운스","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"연속 입력 뒤 일정 시간 지나 마지막 작업만 처리하는 전략.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Waiting for a pause in repeated input, then processing only the final action.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}},"live_key":"u33-debounce","implementation":{"kind":"interactive-example","key":"u33-debounce","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"입력이 멈춘 뒤 400ms 후 처리","en":"Process 400ms after typing stops"}}},{"id":"dar-d8f689e7d1e3","en":"Throttle","ko":"스로틀","domain":"UI·UX","category":"제스처·상호작용","kind":"용어·패턴","description":"짧은 시간에 반복되는 작업의 최대 실행 빈도를 제한하는 처리.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Limiting how frequently an action can run during rapid repeated input.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}},"live_key":"u33-throttle","implementation":{"kind":"interactive-example","key":"u33-throttle","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"빠르게 눌러도 500ms마다 한 번 처리","en":"Process at most once per 500ms"}}},{"id":"dar-689eb5b54bad","en":"Transition","ko":"트랜지션·전환","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"한 상태에서 다른 상태로 넘어가는 변화 과정.","usage":"탭·버튼·화면 상태 전환.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-transition","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The process of changing from one state to another.","usage":"Tab, button, and screen-state transitions.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-transition","term_class":"직접 조작형 예제"},{"id":"dar-3b91d7023dc3","en":"Entrance Animation","ko":"등장 애니메이션","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"요소가 나타날 때의 모션.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion used when an element appears.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-062ca5cf5e1c","en":"Exit Animation","ko":"퇴장 애니메이션","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"요소가 사라질 때의 모션.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion used when an element disappears.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-48430ce158a6","en":"Fade In / Out","ko":"페이드 인·아웃","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"불투명도를 변경해 나타나거나 사라짐.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing opacity to make an element appear or disappear.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-33493183cd83","en":"Slide In / Out","ko":"슬라이드 인·아웃","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"화면 안팎으로 미끄러져 이동.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Sliding an element into or out of view.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b08ecc6f452f","en":"Scale Animation","ko":"스케일 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"요소의 크기 비율을 시간에 따라 바꾸는 표현.","usage":"버튼 반응·팝업 등장.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing an element's scale over time.","usage":"Button responses and popup entrances.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-f9d7126b29f3","en":"Spring Animation","ko":"스프링 애니메이션","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"질량·강성·감쇠 등 스프링 모델을 이용한 움직임.","usage":"드래그 복귀·탄성 전환.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Movement based on a spring model with properties such as mass, stiffness, and damping.","usage":"Drag return and elastic transitions.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}},"live_key":"elastic","implementation":{"kind":"interactive-example","key":"elastic","release":"3.2.0","sharedRecipe":true}},{"id":"dar-5c168aeb307e","en":"Easing","ko":"이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"진행률에 따라 값의 변화 속도를 조절하는 방식.","usage":"가속·감속·무게감 표현.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Controlling the rate of value change across an animation's progress.","usage":"Expressing acceleration, deceleration, and weight.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"The curve shows how the value changes over time."}}},{"id":"dar-b63a09cd4d89","en":"Ease-in / Ease-out","ko":"가속·감속 이징","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"시작이나 종료 구간에 속도 변화를 부여.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing the animation's speed near its beginning or end.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2e3e933136d4","en":"Staggered Animation","ko":"시간차 애니메이션","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"요소별 시작 시간을 조금씩 어긋나게 하는 방식.","usage":"목록·카드 순차 등장.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Starting individual elements at slightly offset times.","usage":"Sequential entrances of list items and cards.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-e0ccef52769a","en":"Shared Element Transition","ko":"공유 요소 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"두 화면에서 동일한 대상을 연결해 위치·크기가 이어지는 것처럼 표현하는 전환.","usage":"목록 카드에서 상세 화면 이동.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition connecting the same object across screens so its position and size appear continuous.","usage":"Moving from a list card to a detail screen.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.","difference":"The same element remains continuous across views."}}},{"id":"dar-9347190a8bd5","en":"Morphing","ko":"모핑","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"한 형태를 다른 형태로 연속 변형하는 표현.","usage":"아이콘 전환·유기적 도형 변화.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Continuously transforming one shape into another.","usage":"Icon transitions and organic shape changes.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-8df5ee49f66f","en":"Parallax","ko":"패럴랙스","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"서로 다른 요소가 다른 속도로 이동해 깊이를 느끼게 하는 표현.","usage":"배경·전경의 거리감.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"Parallax Scrolling atlaslive","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Moving different elements at different speeds to create a sense of depth.","usage":"Depth between background and foreground.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Foreground and background move at different rates."}},"live_key":"parallax","implementation":{"kind":"interactive-example","key":"parallax","release":"3.2.0","sharedRecipe":true}},{"id":"dar-a4ebe675ab79","en":"Scroll-triggered Animation","ko":"스크롤 트리거 애니메이션","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"특정 스크롤 위치에 도달하면 재생을 시작하는 방식.","usage":"화면에 들어올 때 등장.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Starting an animation when a specified scroll position is reached.","usage":"Entrance effects when content enters the viewport.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Playback starts after crossing a threshold."}}},{"id":"dar-73dd62eaa300","en":"Lottie Animation","ko":"로티 애니메이션","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"벡터 기반 JSON 애니메이션을 UI에 표시하는 방식.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displaying a vector-based JSON animation within an interface.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-73dc5760b2e3","en":"Rive Animation","ko":"라이브 애니메이션","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"상태 기계와 연동하는 실시간 인터랙티브 애니메이션.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Real-time interactive animation connected to a state machine.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f1f166433dc9","en":"Blur Effect","ko":"블러 효과","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"요소를 흐리게 처리해 시각적 초점을 조정.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Blurring an element to influence visual focus.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2d34f4c380fd","en":"Backdrop Blur","ko":"배경 블러","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"반투명 전경 뒤쪽 콘텐츠를 흐리게 처리.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Blurring content behind a translucent foreground element.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-40060ccb344d","en":"Glassmorphism","ko":"글래스모피즘","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"반투명·배경 흐림·하이라이트로 유리 질감을 표현.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A glass-like visual treatment using translucency, background blur, and highlights.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2e8318e2a883","en":"Neumorphism","ko":"뉴모피즘","domain":"모션·사운드","category":"모션·전환·시각 효과","kind":"용어·패턴","description":"낮은 대비의 입체 그림자로 표면 돌출·함몰을 표현.","usage":"모션·전환·시각 효과에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual style using low-contrast shadows to suggest raised or recessed surfaces.","usage":"Specifying motion, transitions, and visual effects.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a7e599dffc55","en":"Ripple Effect","ko":"리플 효과","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"입력 위치에서 원형 파동이 퍼지는 피드백.","usage":"터치 접수 표현.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Feedback in which circular waves spread from the input location.","usage":"Acknowledging touch input.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}},"live_key":"ripple","implementation":{"kind":"interactive-example","key":"ripple","release":"3.2.0","sharedRecipe":true}},{"id":"dar-a2365fea9192","en":"Confetti Animation","ko":"컨페티 애니메이션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"색종이나 작은 조각이 흩날리는 축하 효과.","usage":"목표 달성·완료 축하.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A celebratory effect with scattered pieces of confetti or small particles.","usage":"Celebrating completion or goals.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}},"live_key":"confetti","implementation":{"kind":"interactive-example","key":"confetti","release":"3.2.0","sharedRecipe":true}},{"id":"dar-9979cca2e42e","en":"Empty State","ko":"빈 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"표시할 데이터가 없을 때 이유와 다음 행동을 안내.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state explaining why no data is displayed and what the user can do next.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a31b72b99caa","en":"First-use Empty State","ko":"초기 빈 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"아직 데이터 생성 전인 첫 이용 화면의 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The first-use state before any data has been created.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-48e829f47d08","en":"Filter Empty State","ko":"필터 결과 없음 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"적용한 필터 조합에 맞는 항목이 없을 때 조건 수정을 제안.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state suggesting filter changes when no items match the active filter combination.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7edddbd1acfc","en":"Error State","ko":"오류 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"작업이나 데이터 요청이 실패했음을 표시.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that an operation or data request failed.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-51218c132ee7","en":"Loading State","ko":"로딩 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"작업 처리 중임을 보여주는 UI 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface state showing that processing is underway.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3f793d3f1ec0","en":"Success State","ko":"성공 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"요청한 동작이 성공했음을 알리는 UI 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface state confirming that a requested action succeeded.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1db60754972a","en":"Warning State","ko":"경고 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"위험 가능성이나 주의 필요를 알려주는 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state communicating a possible risk or a need for caution.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-742842a8bc90","en":"Disabled State","ko":"비활성 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"현재 컨트롤을 사용할 수 없도록 제한된 상태.","usage":"조건 미충족·권한 제한.","notes":"단순 회색 표시만으로 비활성 동작이 구현되지는 않는다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which a control is currently unavailable for use.","usage":"Unmet conditions and permission restrictions.","notes":"Making a control gray does not by itself implement disabled behavior."}}},{"id":"dar-11d76a89bbde","en":"Read-only State","ko":"읽기 전용 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"내용을 확인할 수 있으나 변경은 제한되는 상태.","usage":"문서·입력값 검토.","notes":"비활성과 달리 선택·복사·초점 허용 여부가 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state allowing content to be viewed but not modified.","usage":"Reviewing documents and input values.","notes":"Unlike disabled controls, read-only controls may still allow selection, copying, or focus."}}},{"id":"dar-b1de1d9146b4","en":"Offline State","ko":"오프라인 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"인터넷·서버 연결이 없는 상황을 나타냄.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that an internet or server connection is unavailable.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-offline","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-3467cd33239b","en":"Connection Lost","ko":"연결 끊김 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"기존 연결이 중단됐음을 알려주는 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that an existing connection has been interrupted.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1f9a1123dbb2","en":"Reconnecting State","ko":"재연결 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"중단된 세션·서버 연결을 복구하고 있는 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that a lost session or server connection is being restored.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-reconnect","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-43dbcd099ba7","en":"Permission Denied","ko":"권한 부족 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"접근 권한이 없어 볼 수 없거나 실행 불가한 상황.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A situation in which viewing or acting is blocked by insufficient permissions.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b450916d8c4c","en":"Session Expired","ko":"세션 만료","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"인증 세션이 종료돼 재로그인이 필요한 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which an authentication session has ended and signing in again is required.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-86d8286fd341","en":"Maintenance State","ko":"점검 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"서비스 유지보수로 접근이 제한된 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which service access is restricted for maintenance.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-723e738bf339","en":"Not Found / 404","ko":"찾을 수 없음","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"요청한 대상이나 주소가 존재하지 않는 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that the requested resource or address does not exist.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-cef2286c64e3","en":"Rate Limit State","ko":"호출 제한 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"요청 횟수 제한으로 잠시 실행할 수 없는 상태.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state temporarily preventing requests because a request limit has been reached.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-40f6ed277288","en":"Conflict State","ko":"충돌 상태","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"동시 수정 등으로 저장 결과가 충돌한 상황.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which changes conflict, for example because of simultaneous editing.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-conflict","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-abe88c2ffbc0","en":"Retry Action","ko":"재시도 동작","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"실패한 요청을 다시 실행하는 명령.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A command that repeats a failed request.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-efe0b26cc863","en":"Rollback","ko":"롤백","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"실패한 변경을 이전의 정상 상태로 복원.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Restoring the previous valid state after a failed change.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-703793e0f779","en":"Unsaved Changes Prompt","ko":"저장되지 않은 변경 확인","domain":"UI·UX","category":"상태·오류·복구","kind":"용어·패턴","description":"저장 없이 나갈 때 변경 손실을 경고.","usage":"상태·오류·복구에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A warning about losing unsaved edits when leaving a page or view.","usage":"Specifying state, error, and recovery behavior.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-unsaved","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-27bfa00937e6","en":"Responsive Design","ko":"반응형 디자인","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"화면 폭 등 조건에 따라 레이아웃을 유연하게 변경.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Design that flexibly changes layout according to conditions such as screen width.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-556ba8b9c157","en":"Adaptive Design","ko":"적응형 디자인","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"정해진 화면·기기 환경별로 다른 레이아웃 구성.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Design using distinct layouts for predefined device or screen environments.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7760d72b980f","en":"Mobile-first Design","ko":"모바일 우선 설계","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"작은 화면부터 핵심 구조를 설계하고 확장.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Designing the essential structure for small screens first, then expanding it.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-bb2457a78512","en":"Breakpoint","ko":"브레이크포인트","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"레이아웃·스타일이 변경되는 화면 너비 기준.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A screen-width threshold at which the layout or styles change.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-cc1a14565fb3","en":"Fluid Layout","ko":"유동 레이아웃","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"콘텐츠 너비가 화면 크기에 비례해 바뀌는 방식.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout whose content width varies with the screen size.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-812789a3b57c","en":"Fixed Layout","ko":"고정 레이아웃","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"콘텐츠 너비를 특정 값에 고정하는 방식.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout that keeps content width at a specified value.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-48c6f373d65c","en":"Safe Area","ko":"안전 영역","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"노치·시스템 바 등을 피해 콘텐츠를 배치할 영역.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An area for content that avoids notches, system bars, and similar obstructions.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-12e873eea3c5","en":"Touch Target","ko":"터치 대상","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"손가락으로 누를 수 있도록 확보한 인터랙션 영역.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interactive area sized to be activated with a finger.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-358469df84b1","en":"Thumb Zone","ko":"엄지손가락 조작 영역","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"한 손 조작 시 손가락이 편하게 닿는 화면 범위.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The screen region comfortably reachable during one-handed use.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b0aa561c55fa","en":"Viewport","ko":"뷰포트","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"사용자가 현재 볼 수 있는 표시 영역.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The area currently visible to the user.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6127d1a7b63a","en":"Responsive Grid","ko":"반응형 그리드","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"화면 크기에 맞춰 열 개수·간격을 변경.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A grid that adjusts its column count or spacing to screen size.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ad70f170f08f","en":"Navigation Rail Adaptation","ko":"탐색 레일 전환","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"모바일 하단 탐색을 넓은 화면에서 세로 레일로 전환.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adapting mobile bottom navigation into a vertical rail on wider screens.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b400b07dd9bd","en":"Orientation Change","ko":"화면 방향 전환","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"가로·세로 방향 변경에 레이아웃이 적응.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Layout adaptation when switching between portrait and landscape orientation.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-72788b939193","en":"Density","ko":"화면 밀도","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"정보와 인터랙션 요소가 일정 공간에 차지하는 정도.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The amount of information and interactive content placed within a given space.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-151947f16c8d","en":"Compact Mode","ko":"압축 모드","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"좁은 공간에서 간격·레이아웃을 축소한 UI.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface with reduced spacing and a tighter layout for limited space.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e9a3462a3520","en":"Comfortable Mode","ko":"여유 모드","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"정보 간 간격을 넓혀 읽기 쉬운 UI.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface using more generous spacing to improve readability.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-fa71a9e8b722","en":"Dark Mode","ko":"다크 모드","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"어두운 표면과 명도 대비를 중심으로 구성한 테마.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A theme built around dark surfaces and appropriate luminance contrast.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f156cec1c76f","en":"Light Mode","ko":"라이트 모드","domain":"UI·UX","category":"모바일·반응형·적응형","kind":"용어·패턴","description":"밝은 표면을 중심으로 구성한 테마.","usage":"모바일·반응형·적응형에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A theme built around light surfaces.","usage":"Specifying mobile, responsive, and adaptive interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-57844d130862","en":"WCAG","ko":"웹 콘텐츠 접근성 지침","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"디지털 접근성 판단에 사용하는 국제 표준 지침.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"International standard guidelines for assessing digital accessibility.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-8cfbdc21134f","en":"ARIA","ko":"접근성 리치 인터넷 애플리케이션","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"보조 기술에 UI 역할·상태·속성을 전달하는 명세.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A specification communicating interface roles, states, and properties to assistive technologies.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1e3848e9f733","en":"Accessible Name","ko":"접근 가능한 이름","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"보조기술이 컨트롤이나 요소를 식별하는 데 사용하는 이름.","usage":"아이콘 버튼의 기능 전달.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-accessible","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The name assistive technology uses to identify a control or element.","usage":"Communicating an icon button's function.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-accessible","term_class":"직접 조작형 예제"},{"id":"dar-9ea514a8f561","en":"Semantic HTML","ko":"의미론적 HTML","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"요소 역할에 맞는 HTML 태그를 사용하는 방식.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Using HTML elements according to their intended semantic roles.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-42984ca1fae2","en":"Keyboard Navigation","ko":"키보드 탐색","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"마우스 없이 키보드만으로 UI를 조작하는 방식.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Operating an interface using a keyboard without requiring a mouse.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-keyboard","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-43bcd014d561","en":"Focus Order","ko":"포커스 순서","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"Tab 등으로 이동할 때 포커스가 진행되는 논리적 순서.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The logical sequence in which focus moves through controls, for example with Tab.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-focusorder","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-128374930bb2","en":"Focus Trap","ko":"포커스 트랩","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"모달 등에서 키보드 초점이 지정한 영역에 머무르게 함.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Keeping keyboard focus within a designated area, such as an open modal.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-focus","implementation":{"kind":"interactive-example","key":"u33-focus","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"모달 내부 Tab 순환 · Escape · 포커스 복귀","en":"Tab stays inside; Escape closes and returns focus"}}},{"id":"dar-bd7e946d5822","en":"Focus Indicator","ko":"포커스 표시기","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"현재 키보드 조작 대상을 시각적으로 표시.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visible indication of the current keyboard interaction target.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-focusindicator","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-ee539945151c","en":"Screen Reader","ko":"스크린 리더","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"화면과 UI 정보를 음성 등으로 읽어주는 보조 기술.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Assistive technology that presents screen and interface information through speech or other output.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b9b46b70c848","en":"Contrast Ratio","ko":"명도 대비비","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"전경과 배경의 명도 차이를 수치화한 값.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A numeric measure of luminance contrast between foreground and background.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-contrast","implementation":{"kind":"interactive-example","key":"u33-contrast","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"두 색의 상대 휘도로 명암비 계산","en":"Calculate contrast from relative luminance"}}},{"id":"dar-b8d2ae2a8b4e","en":"Color Independence","ko":"색상 외 정보 제공","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"색상만이 아닌 텍스트·아이콘으로 상태를 전달하는 원칙.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Communicating state with text or symbols rather than relying only on color.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-color","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-42b3d54116a8","en":"Alt Text","ko":"대체 텍스트","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"이미지의 기능·의미를 텍스트로 설명.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text describing an image's function or meaning.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-alt","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-b5e4c3947681","en":"Captions","ko":"자막","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"소리 정보를 문자로 제공하는 접근성 요소.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text conveying the audio information in media.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d64eec28f2b4","en":"Reduced Motion","ko":"모션 감소","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"비필수 움직임을 줄이거나 다른 표현으로 대체하는 접근성 대응.","usage":"큰 이동·줌·패럴랙스 대체.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-reduced","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An accessibility response that reduces nonessential motion or replaces it with alternatives.","usage":"Alternatives to large movement, zooming, and parallax.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-reduced","term_class":"직접 조작형 예제"},{"id":"dar-c6fce7061f57","en":"High Contrast Mode","ko":"고대비 모드","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"전경·배경을 분명하게 구별하도록 구성한 표시 모드.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display mode designed to clearly distinguish foreground from background.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ec23650a6ab9","en":"Skip Link","ko":"본문 바로가기 링크","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"반복 내비게이션을 건너뛰어 본문으로 이동.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv33 interactive","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A link that bypasses repeated navigation and moves directly to the main content.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"u33-skip","implementation":{"kind":"interactive-example","key":"u33-skip","release":"3.3.0","runtime":"HTML CSS JavaScript","network":"none","guide":{"ko":"본문 바로가기 · 실제 포커스 이동","en":"Skip to content with real focus movement"}}},{"id":"dar-0b387ee82481","en":"Touch Accessibility","ko":"터치 접근성","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"접촉 대상 크기·간격·대체 동작을 고려한 설계.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Design accounting for touch target size, spacing, and alternative interactions.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d9e055025e0f","en":"Error Prevention","ko":"오류 예방","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"잘못된 입력·실행을 설계 단계에서 방지하는 원칙.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The principle of preventing incorrect input or actions through design.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-prevent","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-8db576b6448a","en":"Error Identification","ko":"오류 식별","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"오류 항목과 원인을 사용자가 알 수 있게 표시.","usage":"접근성·포용성에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Clearly identifying the location and cause of an error to the user.","usage":"Specifying accessibility and inclusive interaction.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-identify","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-098a884586fa","en":"Progressive Enhancement","ko":"점진적 향상","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","description":"기본 기능이 동작하는 기반 위에 지원 환경별 고급 기능을 더하는 방식.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Adding advanced features for supported environments on top of a functioning baseline.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}},"live_key":"d35-enhance","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-6e79e2d3035b","en":"Design System","ko":"디자인 시스템","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"디자인 원칙·토큰·컴포넌트·패턴·문서의 일관된 체계.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-design-system","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A coherent system of design principles, tokens, components, patterns, and documentation.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-design-system","term_class":"직접 조작형 예제"},{"id":"dar-5ba35b70bda8","en":"Component Library","ko":"컴포넌트 라이브러리","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"재사용할 UI 부품을 모아놓은 컬렉션.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-component-library","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of reusable interface components.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-component-library","term_class":"직접 조작형 예제"},{"id":"dar-315ff4e2f3a8","en":"Pattern Library","ko":"패턴 라이브러리","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"반복되는 사용자 과제의 UI 해결 방식들을 모은 문서.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-pattern-library","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Documentation collecting interface solutions for recurring user tasks.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-pattern-library","term_class":"직접 조작형 예제"},{"id":"dar-56c76dc21f77","en":"Design Token","ko":"디자인 토큰","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"색·크기·간격 등 디자인 값을 이름으로 관리하는 단위.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-design-token","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A named design value, such as a color, size, or spacing measurement.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-design-token","term_class":"직접 조작형 예제"},{"id":"dar-a7aa653e398e","en":"Semantic Token","ko":"의미 기반 토큰","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"색상 값 대신 목적을 기준으로 이름 붙인 토큰.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-semantic-token","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A token named for its purpose rather than its raw visual value.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-semantic-token","term_class":"직접 조작형 예제"},{"id":"dar-fb3220ffa132","en":"Color Palette","ko":"색상 팔레트","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"제품에서 사용할 색들의 체계.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An organized set of colors used in a product.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a20a9dd9e013","en":"Typography Scale","ko":"타이포그래피 스케일","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"제목·본문·보조 텍스트의 글자 크기 체계.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-typography-scale","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system of font sizes for headings, body text, and supporting text.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-typography-scale","term_class":"직접 조작형 예제"},{"id":"dar-665fb415c686","en":"Type Hierarchy","ko":"타이포그래피 위계","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"글자 크기·굵기·간격으로 중요도를 구분하는 방법.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-type-hierarchy","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Expressing importance through type size, weight, and spacing.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-type-hierarchy","term_class":"직접 조작형 예제"},{"id":"dar-47349af8cdbf","en":"Spacing Scale","ko":"간격 스케일","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"일정 규칙에 따른 여백·간격 값의 체계.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-spacing-scale","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A systematic set of margin and spacing values.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-spacing-scale","term_class":"직접 조작형 예제"},{"id":"dar-450879d0ce78","en":"Elevation","ko":"표면 높이 위계","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"그림자·레이어로 요소의 깊이와 우선순위를 표현.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-elevation","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Expressing an element's depth and priority through shadows and layering.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-elevation","term_class":"직접 조작형 예제"},{"id":"dar-9935f0d5cd91","en":"Shadow Token","ko":"그림자 토큰","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"일관된 그림자 표현을 재사용하는 설정값.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-shadow-token","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A reusable setting for consistent shadow appearance.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-shadow-token","term_class":"직접 조작형 예제"},{"id":"dar-90d33003cfb0","en":"Border Radius","ko":"모서리 곡률","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"요소 모서리의 둥근 정도.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The degree of rounding at an element's corners.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e3890d08ce15","en":"Stroke / Border","ko":"선·테두리","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"경계나 구조를 표시하는 획 스타일.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-stroke-border","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A line treatment used to define boundaries or structure.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-stroke-border","term_class":"직접 조작형 예제"},{"id":"dar-2936a5d5f4b6","en":"Opacity","ko":"불투명도","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"요소의 투명·불투명 정도.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An element's degree of transparency or opaqueness.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b81c3cb4249e","en":"Iconography","ko":"아이코노그래피","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"아이콘의 의미·형태·굵기·사용법을 일관되게 설계하는 체계.","usage":"제품 전체 아이콘 규칙 수립.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system for consistently designing icon meaning, shape, weight, and usage.","usage":"Establishing product-wide icon rules.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-df3bf952dc81","en":"Illustration System","ko":"일러스트레이션 시스템","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"제품 내 그림 스타일·구성 규칙.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-illustration-system","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Rules governing illustration style and composition within a product.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-illustration-system","term_class":"직접 조작형 예제"},{"id":"dar-3b0e485255df","en":"Design Variant","ko":"디자인 변형","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"하나의 컴포넌트를 용도에 맞게 바꾸는 형태.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-design-variant","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An alternative form of a component adapted to a particular use.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-design-variant","term_class":"직접 조작형 예제"},{"id":"dar-6fd583d4a6e1","en":"Component State","ko":"컴포넌트 상태","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"기본·호버·포커스·선택·오류 등 컴포넌트 상태 정의.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-component-state","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Defined component states, such as default, hover, focus, selected, and error.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-component-state","term_class":"직접 조작형 예제"},{"id":"dar-ab2c1c5a269c","en":"Atomic Design","ko":"아토믹 디자인","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"작은 부품에서 큰 UI 구조로 조합하는 설계 관점.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-atomic-design","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A design approach that builds larger interfaces by combining smaller parts.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-atomic-design","term_class":"직접 조작형 예제"},{"id":"dar-91232a2f620b","en":"Wireframe","ko":"와이어프레임","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"색·장식보다 구조와 콘텐츠 우선순위를 보여주는 화면 초안.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-wireframe","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A screen draft emphasizing structure and content priorities rather than color or decoration.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-wireframe","term_class":"직접 조작형 예제"},{"id":"dar-5e954334387b","en":"Mockup","ko":"목업","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"실물·화면 맥락에서 디자인이 적용된 모습을 보여주는 모형.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-mockup","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A representation showing how a design looks in a product or screen context.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-mockup","term_class":"직접 조작형 예제"},{"id":"dar-0b48cacf2751","en":"Prototype","ko":"프로토타입","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"흐름·동작을 시험할 수 있는 시제품.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-prototype","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A working model for testing flows and behavior.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-prototype","term_class":"직접 조작형 예제"},{"id":"dar-d2ea32afd202","en":"Interaction Spec","ko":"인터랙션 명세","domain":"시각·그래픽","category":"시각 언어·디자인 시스템","kind":"용어·패턴","description":"사용자 입력과 그에 따른 상태·반응을 정의한 문서.","usage":"시각 언어·디자인 시스템에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 p39-design-interaction-spec","source_url":"https://atlassian.design/foundations","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A document defining user input and the resulting states and responses.","usage":"Specifying visual language and design systems.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-design-interaction-spec","term_class":"직접 조작형 예제"},{"id":"dar-6ee746af17c8","en":"Chat Bubble","ko":"채팅 말풍선","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"대화 메시지를 발신자별로 시각적으로 구분.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual container distinguishing conversation messages by sender.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3128c0c530f9","en":"Chat Composer","ko":"채팅 입력기","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"프롬프트·메시지를 작성하고 첨부하는 영역.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The area for composing prompts or messages and adding attachments.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-composer","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c4ffddcefcb8","en":"Typing Indicator","ko":"입력 중 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"상대가 메시지를 작성 중임을 알리는 표시.","usage":"실시간 채팅.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator showing that another participant is composing a message.","usage":"Real-time chat.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-7af652f6ef5d","en":"Streaming Response","ko":"스트리밍 응답","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"완료된 메시지 대신 생성 중인 응답을 단계적으로 노출.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Progressively revealing a response while it is being generated rather than waiting for completion.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-stream","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-8ddcfd83dd42","en":"Token-by-token Rendering","ko":"토큰 단위 렌더링","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"생성되는 토큰 조각을 순차적으로 화면에 추가.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adding generated token fragments to the interface in sequence.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a15941927da6","en":"Markdown Rendering","ko":"마크다운 렌더링","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"마크다운 내용을 제목·표·코드 등으로 변환해 표시.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displaying Markdown as formatted headings, tables, code, and other content.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-26a418c56910","en":"Code Block","ko":"코드 블록","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"복사·하이라이트 등을 지원하는 코드 출력 영역.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A code display area that may support copying and syntax highlighting.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-34b46aab2ea3","en":"Citation Chip","ko":"출처 표시 칩","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"AI 응답의 근거 자료를 연결하는 작은 UI 표시.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A compact interface element linking an AI response to supporting material.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-citation","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-e84a32453e14","en":"Source Panel","ko":"출처 패널","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"AI가 활용한 근거 문서·링크를 모아 보여줌.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel collecting the source documents or links used by an AI system.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-sources","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-1f1f13ce47bd","en":"Tool Call Card","ko":"도구 실행 카드","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"AI가 호출한 외부 도구의 작업 상태·결과를 표시.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A card showing the status or result of an external tool called by an AI system.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-tool","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-8d2a441d1ef8","en":"Agent Activity Feed","ko":"에이전트 활동 피드","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"도구 실행·진행 단계 등을 시간 순서로 표시.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chronological feed of tool executions and other agent progress events.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-df4f2172417e","en":"Approval Gate UI","ko":"실행 승인 화면","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"AI가 변경·발송 등 실제 동작 전 사용자 승인을 요청.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface asking for user approval before an AI takes a consequential action.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-approval","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-355fc2b3c5eb","en":"Human-in-the-loop UI","ko":"사용자 개입형 UI","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"자동화 흐름에 승인·수정·재시도 단계를 배치.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface placing approval, editing, or retry steps within an automated flow.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-human","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-47827023e82b","en":"Regenerate Response","ko":"응답 재생성","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"이전 요청으로 새로운 답변을 다시 생성.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Generating a new response to a previous request.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-regenerate","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c0b4a8067497","en":"Stop Generation","ko":"생성 중단","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"스트리밍 응답을 사용자가 즉시 멈추는 동작.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An action allowing the user to immediately stop a streaming response.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-stop","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-b38909e20ba5","en":"Prompt Suggestion","ko":"프롬프트 추천","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"사용 가능한 질문·명령 예시를 제안.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Suggested examples of usable questions or commands.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7593f81f6df3","en":"Follow-up Suggestion","ko":"후속 질문 추천","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"현재 답변과 연결되는 다음 탐색 경로 제공.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Suggested next steps or queries related to the current response.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-f02855b36bf4","en":"Conversation History","ko":"대화 기록","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"과거 대화를 목록·검색·재진입 방식으로 관리.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system for listing, searching, and reopening earlier conversations.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-history","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-9c91370a7e55","en":"Memory Indicator","ko":"기억 상태 표시","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"사용자 컨텍스트의 적용·저장 상태를 알림.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator showing whether user context is being applied or saved.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-272be43371cd","en":"Confidence Indicator","ko":"확신도 표시","domain":"UI·UX","category":"AI·대화형 서비스","kind":"용어·패턴","description":"시스템 추정의 불확실성을 적절히 설명하는 UI.","usage":"AI·대화형 서비스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface that appropriately communicates uncertainty in a system estimate.","usage":"Specifying AI and conversational-service interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-57e16da80309","en":"Product Card","ko":"상품 카드","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"상품 이미지·이름·가격·평점·동작을 함께 표시.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A card combining a product image, name, price, rating, and actions.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ef51c12dbfc3","en":"Product Gallery","ko":"상품 이미지 갤러리","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"상품 사진·영상 등 여러 시각 자료를 탐색.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A browsable collection of product photos, videos, and other visual material.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3f0e8c8e989e","en":"Variant Selector","ko":"옵션 선택기","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"색상·사이즈·구성 등 구매 옵션을 고름.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control for choosing purchase options such as color, size, or configuration.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-136ed05e6f7a","en":"Quantity Stepper","ko":"수량 스테퍼","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"수량을 +·−로 증감하는 입력 컨트롤.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input that increases or decreases a quantity with plus and minus controls.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b82076bdd4b7","en":"Add-to-cart Button","ko":"장바구니 버튼","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"선택 상품을 장바구니에 추가하는 CTA.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A call to action that adds the selected product to a shopping cart.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7ee08aef4173","en":"Price Breakdown","ko":"가격 내역","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"상품 금액·할인·배송비·세금·합계를 분해 표시.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An itemized display of product price, discounts, shipping, taxes, and total.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c53f0daa47b3","en":"Checkout Stepper","ko":"결제 단계 표시","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"장바구니부터 결제 완료까지 진행 단계 표시.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of progress from the shopping cart through checkout completion.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-359ae370730d","en":"Order Status Timeline","ko":"주문 상태 타임라인","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"결제·출고·배송 완료 등의 상태 이력을 표현.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A history of order states such as payment, dispatch, and delivery.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-01ef6cc2fb3c","en":"Inventory Status","ko":"재고 상태","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"재고 있음·부족·품절·입고 예정 등을 보여줌.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of availability, such as in stock, low stock, sold out, or arriving soon.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a3ceb27952de","en":"Dashboard Widget","ko":"대시보드 위젯","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"대시보드 안에서 하나의 분석 질문을 담당하는 독립 패널입니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"전체 대시보드가 아니라 제목·시각화·동작을 가진 한 단위입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"An individual dashboard panel answering one analytical question.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"It is one titled, actionable unit, not the full dashboard.","difference":"It is one titled, actionable unit, not the full dashboard."}}},{"id":"dar-0f457de073d3","en":"Metric Comparison","ko":"지표 비교","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"같은 지표의 두 기간 또는 두 집단을 나란히 비교합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"기간 길이, 집계 기준, 단위가 일치해야 합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares the same metric across two periods or groups.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"Keep period length, aggregation and units comparable.","difference":"Keep period length, aggregation and units comparable."}}},{"id":"dar-1096b872f991","en":"Delta Indicator","ko":"증감 표시기","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"기준값 대비 절대 변화나 비율 변화를 짧게 표시합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"증가가 항상 좋은 것은 아닙니다. 오류율은 증가할수록 나쁠 수 있습니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displays an absolute or relative change from a baseline.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"An increase is not always positive; higher error rates can be worse.","difference":"An increase is not always positive; higher error rates can be worse."}}},{"id":"dar-dbeb5fa5abb4","en":"Date Range Filter","ko":"기간 필터","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"분석에 사용할 시작일·종료일과 비교 기간을 설정합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"시간대, 오늘 포함 여부, 진행 중 기간의 의미를 명시하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selects the analysis date range and optional comparison period.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","notes":"Clarify time zone, inclusion of today and partial periods.","difference":"Clarify time zone, inclusion of today and partial periods."}}},{"id":"dar-bcebf391ce09","en":"Saved View","ko":"저장된 보기","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"필터·정렬·열 구성을 저장해 재사용.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reusable saved configuration of filters, sorting, and columns.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-c3cfdf3952c5","en":"Column Visibility","ko":"열 표시 설정","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"테이블에서 보일 열과 숨길 열을 설정.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A setting controlling which table columns are shown or hidden.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}},"live_key":"d35-columns","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"dar-c3def70393c1","en":"Export Menu","ko":"내보내기 메뉴","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"CSV·엑셀·PDF 등으로 자료를 출력.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A menu for exporting information in formats such as CSV, spreadsheet, or PDF.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-b29a0d5077f2","en":"Import Wizard","ko":"가져오기 마법사","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"파일 업로드·필드 매핑·검증 과정을 안내.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A guide through file upload, field mapping, and validation.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-aac854caab3b","en":"Batch Edit","ko":"일괄 수정","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"여러 레코드의 값을 동시에 바꾸는 UI.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for changing values in multiple records together.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-adf7a135ac7c","en":"Audit Log Viewer","ko":"감사 로그 화면","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"작업자·시간·변경 내역을 조회·필터링.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for viewing and filtering actors, timestamps, and change history.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a5030f44584f","en":"Permission Matrix","ko":"권한 매트릭스","domain":"UI·UX","category":"커머스·업무 대시보드","kind":"용어·패턴","description":"역할별 자원·행동 권한을 표 형태로 설정.","usage":"커머스·업무 대시보드에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A table for configuring resource and action permissions by role.","usage":"Specifying commerce and business dashboards.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-04dd8ace06ed","en":"Information Architecture (IA)","ko":"정보 구조 설계","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"콘텐츠·기능을 사용자가 이해하기 쉽게 조직.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Organizing content and functions so users can understand and navigate them.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-64a7fc9fab50","en":"User Flow","ko":"사용자 흐름","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"목표 달성을 위한 화면·행동 이동 경로.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The path through screens and actions toward a user goal.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-e09f44244ea3","en":"Task Flow","ko":"작업 흐름","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"특정 작업을 완수하기 위한 일련의 단계.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A sequence of steps for completing a specific task.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6f898c58315e","en":"User Journey Map","ko":"사용자 여정 지도","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"시간 흐름에 따른 행동·접점·감정·문제를 표현.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chronological representation of actions, touchpoints, emotions, and problems.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-d783e29e433b","en":"Service Blueprint","ko":"서비스 블루프린트","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"사용자 접점과 내부 업무·시스템을 연결해 시각화.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visualization connecting user-facing touchpoints with internal work and systems.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-935948cbb920","en":"Persona","ko":"페르소나","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"특정 사용자 유형의 목표·맥락을 대표하는 모델.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A model representing the goals and context of a particular user type.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-9b7a24a6d214","en":"Jobs To Be Done (JTBD)","ko":"수행 과업 관점","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"사용자가 제품을 선택하는 근본 목적을 중심으로 분석.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An analytical approach centered on the underlying purpose for which users choose a product.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-edf8d697653d","en":"Usability Testing","ko":"사용성 테스트","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"실제 사용자의 과제 수행을 관찰해 문제를 찾음.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Finding usability problems by observing real users completing tasks.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-7d17b28695f3","en":"Heuristic Evaluation","ko":"휴리스틱 평가","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"일반적인 사용성 원칙으로 UI 문제를 점검.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reviewing an interface against established usability principles.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3bc66b146ab2","en":"Cognitive Walkthrough","ko":"인지적 워크스루","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"사용자가 처음 접하는 작업을 이해할지 단계별 평가.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A step-by-step evaluation of whether a first-time user can understand and complete a task.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-684ed5a6d984","en":"A/B Testing","ko":"A/B 테스트","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"두 버전 간 사용자 행동·성과 차이를 비교.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Comparing user behavior or outcomes between two versions.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-3eb43daaf59d","en":"Funnel Analysis","ko":"퍼널 분석","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"단계별 전환과 이탈을 분석.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Analyzing conversions and drop-offs across a sequence of stages.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-23f9a1de0dec","en":"Heatmap Analysis","ko":"히트맵 분석","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"클릭·스크롤·시선 집중 경향을 시각화.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visualizing patterns in clicks, scrolling, or visual attention.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-40d4bd0ca323","en":"Card Sorting","ko":"카드 소팅","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"콘텐츠 항목을 사용자에게 묶게 하여 분류 체계를 탐색하는 연구 방법.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A research method in which users group content items to reveal possible classification systems.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-c32c873aa4d2","en":"Tree Testing","ko":"트리 테스트","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"탐색 구조만으로 목표 항목을 찾을 수 있는지 평가.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Testing whether users can find a target using only the navigation hierarchy.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-1e1fb144a0d5","en":"Design Critique","ko":"디자인 크리틱","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"설계 목표와 원칙에 따라 개선점을 검토.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reviewing opportunities for improvement against design goals and principles.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-a01220fd37ad","en":"Design Handoff","ko":"디자인 핸드오프","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"레이아웃·자산·토큰·동작 규칙을 개발 구현에 전달하는 과정.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"디자인 전달","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Transferring layouts, assets, tokens, and behavior rules into development.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-45e83dd66970","en":"Affordance","ko":"어포던스","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"사용자가 가능한 동작을 추론하게 하는 특성.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property that helps a user infer possible actions.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-396ee9c708db","en":"Signifier","ko":"시그니파이어","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"어디를 누르거나 움직일지 알려주는 시각·감각 신호.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual or sensory signal indicating where to click, touch, or move.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-6fed3b688213","en":"Feedback Loop","ko":"피드백 루프","domain":"설계·검증","category":"UX 연구·설계·평가","kind":"용어·패턴","description":"사용자 행동·시스템 반응·다음 행동을 잇는 순환.","usage":"UX 연구·설계·평가에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A cycle connecting user actions, system responses, and subsequent actions.","usage":"Specifying UX research, design, and evaluation.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-aae1806dc7f7","en":"3D Viewport","ko":"3D 뷰포트","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"3차원 장면이 표시되는 작업·탐색 영역.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An area for viewing, editing, or navigating a three-dimensional scene.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-2be996baff75","en":"Orbit Controls","ko":"오빗 컨트롤","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"대상 주위를 회전하며 3D 장면을 관찰하는 조작.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Controls for inspecting a 3D scene by rotating around a target.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.","difference":"The camera orbits around a target."}},"live_key":"3d-orbit","implementation":{"kind":"interactive-example","key":"3d-orbit","release":"3.2.0","sharedRecipe":true}},{"id":"dar-5154878f570a","en":"Pan Controls","ko":"팬 컨트롤","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"3D 카메라 시점을 평면상으로 이동.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Controls for moving a 3D camera's view parallel to the viewing plane.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.","difference":"The view translates parallel to the screen plane."}}},{"id":"dar-9abee110c016","en":"Zoom / Dolly","ko":"줌·돌리","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"카메라 화각이나 위치를 변경해 확대·축소.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing camera field of view or position to alter apparent magnification.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together.","difference":"This illustrates dolly motion, changing camera distance rather than focal length."}}},{"id":"dar-2883c98f09cd","en":"Transform Gizmo","ko":"변환 기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"위치·회전·크기를 조작하는 축과 핸들의 묶음.","usage":"3D 부스·게임·CAD 편집.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A set of axes and handles for manipulating position, rotation, and scale.","usage":"Editing 3D booths, games, and CAD models.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-59713085903d","en":"Scene Hierarchy","ko":"씬 계층 트리","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"장면의 오브젝트 부모·자식 관계를 표시.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of parent-child relationships among objects in a scene.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-90f40b83ab5b","en":"Inspector Panel","ko":"인스펙터 패널","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"선택 오브젝트의 속성을 확인·편집.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel for viewing and editing the selected object's properties.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-fb89da98fe0b","en":"Asset Browser","ko":"에셋 브라우저","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"3D 모델·텍스처·재질을 검색·선택하는 UI.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface for finding and selecting 3D models, textures, and materials.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-9b7df0d9b556","en":"Snap to Grid","ko":"그리드 스냅","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"이동·배치를 일정 격자 단위에 맞추는 기능.","usage":"3D·공간 인터페이스에 해당하는 화면·상태·상호작용을 명세할 때 사용한다.","notes":"동일한 명칭도 플랫폼·디자인 시스템마다 세부 동작이 다를 수 있다. 키보드·보조기술·오류 상태를 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature that aligns movement or placement to fixed grid increments.","usage":"Specifying 3D and spatial interfaces.","notes":"Detailed behavior can differ across platforms and design systems despite identical names. Design keyboard, assistive-technology, and error behavior together."}}},{"id":"dar-ad8ceab84b47","en":"Bounding Box","ko":"바운딩 박스","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"대상 전체를 감싸는 상자형 경계.","usage":"선택 표시·크기 측정·컬링.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"경계 상자","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A box-shaped boundary enclosing an entire object.","usage":"Selection indicators, dimension measurements, and culling.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-d5d7c9ffbee9","en":"Selection Outline","ko":"선택 외곽선","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"선택된 대상의 윤곽을 강조하는 표시.","usage":"선택 상태 인지.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An outline that emphasizes the selected object.","usage":"Communicating selection state.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-f01d5c2b6aa9","en":"Minimap","ko":"미니맵","domain":"3D·렌더링","category":"3D·공간 인터페이스","kind":"용어·패턴","description":"현재 주변 공간과 주요 정보를 축약하여 보여주는 작은 지도.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small map summarizing the surrounding space and important information.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-1f4ff949df45","en":"Visual Hierarchy","ko":"시각적 위계","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"크기·명도·위치·간격 차이로 무엇을 먼저 보게 할지 조직하는 원리.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Organizing what viewers notice first through differences in size, brightness, position, and spacing.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-5c50ebe9dd48","en":"Contrast","ko":"대비","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"색·밝기·크기·형태의 차이를 이용해 요소를 구분하고 강조하는 관계.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Differences in color, brightness, size, or shape that distinguish and emphasize elements.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-194e224f21e2","en":"Alignment","ko":"정렬","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"요소의 기준선이나 가장자리를 맞춰 구조와 관계를 드러내는 방식.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Aligning baselines or edges to reveal structure and relationships.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-7e11fd0bf39d","en":"Proximity","ko":"근접성","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"가까이 놓인 요소를 관련된 집단으로 인식하는 지각 원리.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The perceptual principle that nearby elements are seen as a related group.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-4df110c9ba4b","en":"Repetition","ko":"반복","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"색·형태·간격·스타일을 반복해 통일성과 예측 가능성을 만드는 방법.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Repeating colors, shapes, spacing, or styles to create consistency and predictability.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-648aa1809a1b","en":"Balance","ko":"균형","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"시각적 무게가 화면 한쪽으로 과도하게 쏠리지 않도록 구성하는 원리.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Arranging visual weight so it does not concentrate excessively on one side.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-ad3e55482da3","en":"Symmetry","ko":"대칭","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"축이나 중심을 기준으로 요소를 대응시켜 안정적인 구도를 만드는 방식.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A stable composition using corresponding elements around an axis or center.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-e94345ea8f63","en":"Asymmetry","ko":"비대칭","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"크기·위치가 다른 요소를 대비시키면서 전체 균형을 유지하는 구도.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A composition balancing contrasting elements of unequal size or placement.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-3dd9563f9470","en":"Rhythm","ko":"리듬","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"반복과 간격의 변주로 시선 이동에 규칙과 속도감을 만드는 구성.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Using repetition and varied spacing to give eye movement a pattern and pace.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-1e2490c445c5","en":"Negative Space","ko":"네거티브 스페이스","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"도형 안팎의 비어 있는 공간으로 형태 구분과 균형을 만든다.","usage":"구도·레이아웃·작은 아이콘의 판독성과 균형 설계.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Empty space within or around shapes that supports distinction and balance.","usage":"Legibility and balance in compositions, layouts, and small icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-12ede846ef52","en":"Figure–Ground","ko":"도형과 배경","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"주목하는 대상과 그 뒤의 배경을 분리해 인식하는 관계.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The perceptual relationship separating a subject of attention from its background.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-3c4fcf7c73e6","en":"Gestalt Closure","ko":"폐쇄성","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"불완전한 윤곽을 하나의 완성된 형태로 보완해 인식하는 경향.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The tendency to perceive an incomplete outline as a complete shape.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-1eb1fae5dd50","en":"Gestalt Continuity","ko":"연속성","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"선이나 배열의 흐름을 따라 요소를 연속된 집단으로 인식하는 경향.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The tendency to group elements along a continuous line or directional flow.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-2f1bec29c3b8","en":"Common Region","ko":"공통 영역","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"같은 경계나 배경 안에 있는 요소를 관련된 집단으로 보는 원리.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The principle that elements sharing a boundary or background are perceived as related.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-8e610ddc4ce4","en":"Focal Point","ko":"초점","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"장면에서 가장 먼저 또는 가장 강하게 시선이 머물도록 만든 위치.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The location designed to attract the first or strongest visual attention.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-3037f756c22c","en":"Rule of Thirds","ko":"삼분할 구도","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"화면을 가로·세로 세 부분으로 나누어 주요 대상을 배치하는 구도 지침.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A composition guideline that places subjects along thirds of the image's width and height.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-e75550e9eafa","en":"Golden Ratio","ko":"황금비","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"약 1:1.618의 비율 관계로, 구성의 참고 비율 중 하나.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A proportion of approximately 1:1.618, used as one possible reference for composition.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-1baabf49206c","en":"Leading Lines","ko":"유도선","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"도로·선·배치의 방향을 이용해 시선을 특정 대상으로 이끄는 구성.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Lines, paths, or arrangements that direct the eye toward a subject.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-7792c11d26ec","en":"Framing","ko":"프레이밍","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"주변 요소로 대상을 둘러 시선을 모으고 맥락을 부여하는 방법.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Surrounding a subject with other elements to focus attention and establish context.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-120541385b94","en":"Silhouette","ko":"실루엣","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"내부 디테일을 제외한 외곽 형태로 대상을 식별하게 하는 윤곽.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The outer shape by which an object can be recognized without internal detail.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-f6693d35ff76","en":"Shape Language","ko":"형태 언어","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"원·삼각형·사각형 등의 반복되는 조형 특성으로 인상을 전달하는 설계.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Communicating character through recurring shapes such as circles, triangles, and squares.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-6ce17bb0d53e","en":"Visual Weight","ko":"시각적 무게","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"크기·명암·색·밀도 때문에 요소가 시선을 끄는 상대적 정도.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An element's relative ability to attract attention through size, contrast, color, and density.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-37c41f67cfe5","en":"Optical Alignment","ko":"광학 정렬","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"수학적 중심 대신 사람이 균형 있게 느끼는 위치로 조정하는 정렬.","usage":"재생 삼각형·비대칭 아이콘 배치.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adjusting alignment to appear balanced to the eye rather than relying only on mathematical centering.","usage":"Positioning play triangles and asymmetric icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-ce0996c2a849","en":"Optical Size","ko":"광학 크기","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"글자·아이콘을 실제 표시 크기에 맞게 잘 보이도록 세부 형태·획·내부 공간 등을 조절하는 크기 설계.","usage":"작은 아이콘의 획·공간 조절.","notes":"등비 확대나 겉보기 크기와 구분한다. 글꼴·심볼 제품마다 제공하는 광학 크기 축이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adjusting letter or icon detail, strokes, and internal space for legibility at its actual display size.","usage":"Adjusting stroke and spacing in small icons.","notes":"Distinguish optical size from proportional scaling or apparent size. Available optical-size axes vary by font and symbol product."}}},{"id":"dar-fff5bb01c06a","en":"Visual Density","ko":"시각적 밀도","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"정해진 면적에 정보와 시각 요소가 얼마나 집중되어 있는지 나타내는 특성.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The concentration of information and visual elements within a given area.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-1fd919133cfe","en":"Art Direction","ko":"아트 디렉션","domain":"시각·그래픽","category":"구도·조형·시각 원리","kind":"용어·패턴","description":"색·형태·조명·타이포그래피 등 시각 요소가 같은 의도를 전달하도록 조율하는 작업.","usage":"화면·포스터·상세페이지·게임 장면의 시선 흐름과 정보 우선순위를 설계한다.","notes":"수치 규칙은 출발점이다. 실제 콘텐츠와 읽기 목적에 맞게 조정한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Coordinating color, form, lighting, typography, and other visual elements around a common intent.","usage":"Designing visual flow and information priorities for screens, posters, product pages, and game scenes.","notes":"Numeric rules are starting points. Adjust them to the actual content and reading task."}}},{"id":"dar-6f5deeb443c0","en":"Typeface","ko":"서체","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"일관된 조형 원칙을 공유하는 글자 디자인 체계.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system of letter designs sharing consistent visual principles.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-483223ca14f0","en":"Font","ko":"폰트","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"서체를 특정 스타일·굵기 등으로 구현한 글꼴 리소스 또는 파일.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A typeface resource or file implementing a particular style, weight, or related variation.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-449afad7cf4e","en":"Serif","ko":"세리프","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"획 끝에 작은 돌출 장식이 있는 서체 분류.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A typeface category with small finishing strokes at the ends of letter strokes.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-dfd416fa3b6e","en":"Sans Serif","ko":"산세리프","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"획 끝의 세리프 장식이 없는 서체 분류.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A typeface category without serif finishing strokes.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-7de60e564359","en":"Monospace","ko":"고정폭 서체","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"각 문자에 동일한 가로 폭을 할당하는 글꼴.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A font assigning the same horizontal advance width to each character.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-f9357f0b0028","en":"Display Typeface","ko":"디스플레이 서체","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"긴 본문보다 제목·포스터 등 큰 크기의 표현에 초점을 맞춘 서체.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A typeface intended primarily for large headings or posters rather than long body text.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-dec63d7da300","en":"Kerning","ko":"커닝","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"특정 두 글자 사이의 간격을 조정하는 작업.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Adjusting the spacing between a particular pair of letters.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-9288429f8970","en":"Tracking","ko":"트래킹","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"문자열 전체의 자간을 균일하게 늘리거나 줄이는 조정.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Uniformly increasing or decreasing spacing across a run of text.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-7337d3e9d1c1","en":"Leading","ko":"행간","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"연속된 텍스트 줄의 기준선 사이 간격.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The distance between the baselines of successive lines of text.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-b7f9e8be6964","en":"Baseline","ko":"베이스라인","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"글자의 몸체가 놓이는 기준선.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The reference line on which the main bodies of letters sit.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-39fbd9aacb87","en":"x-height","ko":"엑스하이트","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"소문자 x를 기준으로 보는 소문자 몸체의 높이.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The height of lowercase bodies, conventionally measured using the letter x.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-3e2af0fe6d73","en":"Cap Height","ko":"대문자 높이","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"대문자의 기본 높이로, 베이스라인에서 위쪽까지의 거리.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The nominal height of capital letters measured upward from the baseline.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-817b1f63a0cc","en":"Variable Font","ko":"가변 폰트","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"하나의 글꼴 파일에서 굵기·너비 등 지원 축의 값을 연속적으로 바꾸는 기술.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Font technology that allows continuous changes along supported axes within a single font file.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-68c282776365","en":"Ligature","ko":"합자","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"두 개 이상의 글자를 하나의 연결된 글리프로 표현한 형태.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A single connected glyph representing two or more letters.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-676fc24147ca","en":"Glyph","ko":"글리프","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"문자나 기호를 실제로 그린 형태. UI에서는 간결한 단색 아이콘을 뜻하기도 한다.","usage":"글꼴 기호와 UI 심볼의 도형 설명.","notes":"글리프가 반드시 아이콘인 것은 아니며, 문자 글리프도 포함한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The drawn form of a character or symbol; in UI terminology, also a compact monochrome icon.","usage":"Describing the forms of font glyphs and interface symbols.","notes":"A glyph is not necessarily an icon; character glyphs are included too."}}},{"id":"dar-db061d5440fd","en":"Widow and Orphan","ko":"위도·오펀","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"문단이나 페이지 경계에서 한 줄 또는 짧은 단어가 외따로 남는 조판 문제.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Typesetting problems in which a line or short word is isolated at a paragraph or page boundary.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-a5a0b8e4a89f","en":"Baseline Grid","ko":"베이스라인 그리드","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"여러 텍스트 블록의 기준선을 일정 간격으로 맞추는 격자.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A grid aligning text baselines across blocks at regular intervals.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-12a81e7fa375","en":"Hue","ko":"색상","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"빨강·파랑처럼 색의 종류를 구분하는 속성.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The property distinguishing color families such as red and blue.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-602166d5eefb","en":"Saturation","ko":"채도","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"색이 얼마나 선명하거나 무채색에 가까운지 나타내는 속성.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A measure of how vivid a color is or how close it is to gray.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-08aecfa1c54b","en":"Value / Lightness","ko":"명도·밝기","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"색이 밝거나 어둡게 지각되는 정도. 색 모델에 따라 정의가 다르다.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"How light or dark a color appears; the precise definition depends on the color model.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-e42d9e5aba2a","en":"Complementary Colors","ko":"보색","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"선택한 색상환에서 서로 반대쪽에 위치하는 색의 관계.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Colors positioned opposite each other on the chosen color wheel.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-274c7781bdce","en":"Analogous Colors","ko":"유사색","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"색상환에서 가까운 위치에 있는 색들을 조합한 배색.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A palette combining colors located near one another on the color wheel.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-888c567441a4","en":"Monochromatic Palette","ko":"단색 계열 배색","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"한 색상을 중심으로 명도·채도를 달리하는 배색.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A palette based on one hue with variations in lightness and saturation.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-153576000e88","en":"Accent Color","ko":"강조색","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"주요 행동이나 중요한 요소에 제한적으로 사용해 주목시키는 색.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A color used selectively to draw attention to key actions or important elements.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-a1ac3127f4c0","en":"Semantic Color","ko":"의미 기반 색","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"오류·성공·주의처럼 상태 의미에 대응시킨 색.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A color associated with a status meaning, such as error, success, or warning.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-961a887d0f8b","en":"RGB","ko":"RGB 색 모델","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"빨강·초록·파랑 빛의 가산 혼합으로 색을 표현하는 모델.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An additive color model combining red, green, and blue light.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-d3a6e884ef2b","en":"CMYK","ko":"CMYK 색 모델","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"청록·자홍·노랑·검정 잉크를 이용하는 인쇄 중심의 색 모델.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A print-oriented color model using cyan, magenta, yellow, and black ink.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-02bd43a68da2","en":"Color Gamut","ko":"색역","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"장치나 색 공간이 표현할 수 있는 색의 범위.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The range of colors a device or color space can represent.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-6c809cc14952","en":"Color Profile","ko":"색상 프로파일","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"장치·색 공간 사이 색 재현을 관리하기 위한 특성 정보.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Characterization data used to manage color reproduction between devices and color spaces.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-c9e167cb64cf","en":"OKLCH","ko":"OKLCH 색 공간","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"지각적 명도·채도·색상 축으로 색을 표현하는 OKLab 계열 색 공간.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An OKLab-family color space expressing color through perceptual lightness, chroma, and hue.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-116942e69b54","en":"Duotone","ko":"듀오톤","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"두 색 또는 두 잉크 계열로 이미지의 명암을 표현하는 기법.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technique representing image tones using two colors or ink families.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-5c2750af0ba3","en":"Gradient","ko":"그레이디언트","domain":"시각·그래픽","category":"타이포그래피·색채","kind":"용어·패턴","description":"두 개 이상 색이나 투명도 사이를 연속적으로 변화시키는 표현.","usage":"브랜드 글꼴·제품 상세페이지·UI 테마·인쇄물의 가독성과 색 체계를 정한다.","notes":"색 공간과 출력 조건을 구분한다. 글꼴 파일의 배포·임베딩 조건은 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A continuous transition between two or more colors or opacity values.","usage":"Defining typography, readability, and color systems for brands, product pages, interface themes, and print.","notes":"Distinguish color spaces from output conditions. Check font redistribution and embedding terms separately."}}},{"id":"dar-1a5a5608f55b","en":"Minimalism","ko":"미니멀리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"불필요한 장식과 요소를 줄이고 여백·구조·핵심 정보에 집중하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach reducing decoration to emphasize space, structure, and essential information.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-d502c3b56db6","en":"Maximalism","ko":"맥시멀리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"색·패턴·오브젝트·정보를 풍부하게 쌓아 강한 인상을 만드는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach layering abundant colors, patterns, objects, and information for a strong impression.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-1b5c8b3b178a","en":"Swiss / International Style","ko":"스위스·국제 타이포그래피 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"그리드·산세리프·명료한 정보 구조를 강조하는 그래픽 디자인 흐름.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A graphic design tradition emphasizing grids, sans-serif type, and clear information structure.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-0c6af8473a85","en":"Bauhaus-inspired Design","ko":"바우하우스 계열 디자인","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"기하학적 형태와 기능 중심의 구성을 활용하는 시각적 접근.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual approach using geometric forms and function-oriented composition.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-098c64ab7d2b","en":"Brutalist Web Design","ko":"브루탈리스트 웹디자인","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"거친 구조·노출된 기본 형태·관습적 미려함의 거부를 강조하는 웹 미학.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web aesthetic emphasizing raw structure, exposed basic elements, and rejection of conventional polish.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-43fd8047c55b","en":"Neo-brutalism","ko":"네오브루탈리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"굵은 테두리·강한 색·평면적 그림자 등을 사용하는 최근 디지털 관용 스타일.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A digital visual style using heavy borders, strong colors, and flat, offset shadows.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-d6f2375db099","en":"Flat Design","ko":"플랫 디자인","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"입체 장식보다 평면적 색과 간결한 형태에 집중하는 스타일.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A style emphasizing flat colors and simple shapes over dimensional ornament.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-883cb89f7cd3","en":"Skeuomorphism","ko":"스큐어모피즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"실물 재료·도구의 외형이나 사용 단서를 디지털 화면에 모사하는 방식.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach that imitates physical materials, tools, or their interaction cues in a digital interface.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-bc1cc2175ada","en":"Neumorphism","ko":"뉴모피즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"배경과 비슷한 색에 밝고 어두운 그림자를 적용해 돌출·함몰감을 만드는 스타일.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A style using light and dark shadows on similarly colored surfaces to suggest raised or recessed forms.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-18b30c012c56","en":"Claymorphism","ko":"클레이모피즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"부드럽고 둥근 형태와 점토 같은 재질감을 사용하는 디지털 스타일.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A digital style using soft, rounded forms and clay-like material qualities.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-daa488b0e624","en":"Bento Layout","ko":"벤토 레이아웃","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"크기와 비율이 다른 카드들을 정돈된 격자로 조합하는 구성.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A composition arranging cards of different sizes and proportions into an orderly grid.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-c69e33170658","en":"Editorial Design","ko":"에디토리얼 디자인","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"잡지·기사처럼 타이포그래피·이미지·여백으로 읽는 순서를 설계하는 방식.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Designing reading order through typography, imagery, and space, as in magazines or articles.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-9571d74b074a","en":"Y2K Aesthetic","ko":"Y2K 미학","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"밀레니엄 전후 디지털 문화의 크롬·유광·과장된 그래픽을 재해석하는 스타일.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A reinterpretation of turn-of-the-millennium digital culture through chrome, gloss, and exaggerated graphics.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-c219f9245cbf","en":"Retro-futurism","ko":"레트로퓨처리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"과거에 상상했던 미래의 기술과 시각 언어를 재구성하는 미학.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An aesthetic reconstructing technology and visual languages from past visions of the future.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-2b54780d3fca","en":"Cyberpunk Aesthetic","ko":"사이버펑크 미학","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"고밀도 도시·기술·네온·대비를 통해 미래적 분위기를 만드는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A futuristic visual treatment using dense cities, technology, neon, and strong contrast.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-c05500d1c240","en":"Solarpunk Aesthetic","ko":"솔라펑크 미학","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"자연·공동체·재생 기술이 결합된 낙관적 미래상을 표현하는 미학.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An aesthetic envisioning an optimistic future combining nature, community, and regenerative technology.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-a81b28b53ff7","en":"Art Deco","ko":"아르데코","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"기하학적 장식·대칭·계단식 형태 등을 사용하는 장식 양식.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A decorative style using geometric ornament, symmetry, and stepped forms.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-597010fc6f3b","en":"Art Nouveau","ko":"아르누보","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"식물과 유기적 곡선을 활용하는 장식 양식.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A decorative style featuring botanical motifs and organic curves.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-e9c59f688df3","en":"Memphis Style","ko":"멤피스 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"강한 색·기하 도형·불규칙 패턴을 조합하는 장식적 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A decorative approach combining bold colors, geometric shapes, and irregular patterns.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-b0d87ce69dac","en":"Organic Design","ko":"유기적 디자인","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"자연에서 연상되는 곡선·비정형 형태·부드러운 연결을 활용하는 방식.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach using nature-inspired curves, irregular forms, and soft connections.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-e39aa25af783","en":"Pixel Art","ko":"픽셀 아트","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"픽셀 단위를 의식적으로 배치해 형태·색·명암을 설계하는 그래픽 기법.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A graphics technique that deliberately places individual pixels to define shape, color, and shading.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-948236606365","en":"Voxel Art","ko":"복셀 아트","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"3차원 격자 단위인 복셀로 형태를 구성하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual approach constructing forms from three-dimensional grid cells called voxels.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-55003ada25eb","en":"Low-poly Style","ko":"로우폴리 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"적은 다각형과 뚜렷한 면 구성을 미학적으로 활용하는 3D 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D style using few polygons and distinct faces as an aesthetic choice.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-6e714146d4d3","en":"Cel Shading","ko":"셀 셰이딩","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"연속적인 명암을 제한된 단계로 나누어 만화 같은 느낌을 만드는 렌더링.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Rendering that divides smooth shading into limited bands for a cartoon-like appearance.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-741bb1c9a2ee","en":"Hand-painted Style","ko":"핸드페인티드 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"붓질과 수작업 명암을 강조하는 텍스처·일러스트 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A texture or illustration style emphasizing brushwork and manually painted shading.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-2a6e5e741891","en":"Photorealism","ko":"포토리얼리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"사진처럼 보이는 재질·조명·형태의 재현을 지향하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual approach seeking photographic fidelity in materials, lighting, and form.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-3e23389906b5","en":"Stylized Realism","ko":"스타일라이즈드 리얼리즘","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"사실적 구조를 유지하면서 비율·색·형태를 의도적으로 과장하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach retaining realistic structure while deliberately exaggerating proportions, colors, or shapes.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-d75336f54599","en":"Isometric Illustration","ko":"아이소메트릭 일러스트","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"평행 투영 계열의 일정한 축 관계로 공간을 표현하는 일러스트.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Illustration representing space with consistent axes using a parallel-projection approach.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-5ee3fff7162b","en":"Paper-cut Style","ko":"페이퍼컷 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"겹친 종이·오린 단면·층별 그림자를 시각 언어로 사용하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A style based on layered paper, cut edges, and shadows between layers.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-7f263502739b","en":"Collage","ko":"콜라주","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"서로 다른 사진·텍스처·문자 조각을 조합해 새로운 이미지를 만드는 기법.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Creating a new image by combining fragments of photographs, textures, or text.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-d248e4f4a8cf","en":"Dithered Style","ko":"디더링 스타일","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"제한된 색의 점 패턴을 이용해 중간 명암이나 질감을 표현하는 기법.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Using patterns of a limited set of colored dots to suggest intermediate tones or texture.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-37976245ec19","en":"CRT Aesthetic","ko":"CRT 미학","domain":"시각·그래픽","category":"디자인 스타일·미학","kind":"시각 스타일","description":"주사선·곡면·색 번짐 등 브라운관 표시 특성을 모사하는 표현.","usage":"레퍼런스 검색어와 아트 디렉션의 시각적 방향을 구체화한다.","notes":"스타일 이름 상당수는 커뮤니티 관용어다. 공식 규격이 아니며 특징이 서로 중첩된다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual treatment imitating CRT characteristics such as scanlines, curved screens, and color bleed.","usage":"Refining reference search terms and the visual direction of art direction.","notes":"Many style names are community conventions rather than formal standards, and their features overlap."}}},{"id":"dar-d70fd63dadc5","en":"Landing Page","ko":"랜딩 페이지","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"특정 캠페인이나 유입 목적에 맞춰 하나의 주요 전환 행동을 중심으로 만든 페이지.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A page focused on one primary conversion action for a particular campaign or traffic source.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-86b0f9b176c5","en":"Above the Fold","ko":"첫 화면 영역","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"초기 화면에서 스크롤하지 않고 보이는 콘텐츠 영역. 기기마다 범위가 달라진다.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The content visible before scrolling; its extent varies with the device and viewport.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-2175cf80c4a5","en":"Feature Section","ko":"기능 소개 섹션","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"제품 기능과 사용 가치를 묶어 설명하는 콘텐츠 블록.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A content block explaining product features and the value they provide.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-2856ee03dbfe","en":"Social Proof","ko":"사회적 증거","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"후기·고객 사례·사용 실적 등으로 판단에 참고할 근거를 제공하는 콘텐츠.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Evidence such as reviews, customer examples, or usage results that supports a user's judgment.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-4223360a595a","en":"Testimonial","ko":"추천 후기","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"고객이나 사용자의 경험을 인용하여 제시하는 콘텐츠.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Content quoting a customer's or user's experience.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-912d4d9cc725","en":"Pricing Table","ko":"가격 비교표","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"요금제별 가격·기능·제약을 비교해 선택을 돕는 표.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A table comparing plan prices, features, and limits to support a choice.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-012282ce9c3e","en":"Comparison Table","ko":"비교표","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"제품이나 선택지 간 차이를 동일 기준으로 정렬해 보여주는 구조.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A structure comparing products or options against the same criteria.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-553e04d67f14","en":"FAQ Section","ko":"FAQ 영역","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"자주 발생하는 질문과 답변을 모아 제공하는 구조.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of frequently asked questions and their answers.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-cc4b99959eca","en":"Feature Grid","ko":"기능 그리드","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"여러 기능의 이름·설명·아이콘을 반복되는 셀로 배열한 구성.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A repeated grid of feature names, descriptions, and icons.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-2172069e2b28","en":"Sticky Navigation","ko":"고정 내비게이션","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"스크롤 중에도 특정 위치에 남도록 만든 탐색 영역.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A navigation area that stays at a particular position during scrolling.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-ef3ef6dddd9d","en":"Scrollytelling","ko":"스크롤텔링","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"스크롤 위치에 맞춰 이미지·텍스트·시각화를 전개하는 이야기 전달 방식.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-scrollytelling","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A storytelling approach that reveals text, images, and visualizations in response to scrolling.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-scrollytelling","term_class":"직접 조작형 예제"},{"id":"dar-143c1a941b1e","en":"Scroll-driven Animation","ko":"스크롤 구동 애니메이션","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"스크롤 진행량 자체가 애니메이션 진행률을 결정하는 방식.","usage":"스크롤에 맞춘 변형·진행 바.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation whose progress is directly determined by scroll progress.","usage":"Scroll-linked transformations and progress bars.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Progress continuously follows scroll position."}}},{"id":"dar-bb67691c2545","en":"Mega Footer","ko":"메가 푸터","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"페이지 하단에 사이트의 주요 분류·정책·보조 탐색을 넓게 제공하는 구조.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A broad footer containing major site categories, policies, and supplementary navigation.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-56fcb440b774","en":"Utility Navigation","ko":"유틸리티 내비게이션","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"언어·계정·고객지원 등 핵심 콘텐츠 외 공통 기능을 모은 탐색 영역.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Navigation grouping shared functions such as language, account, and support.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-9509e9852660","en":"Application Shell","ko":"앱 셸","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"내비게이션·헤더·작업 공간 등 여러 화면에 공통인 애플리케이션 골격.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The shared application structure containing navigation, headers, and work areas.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-178c63022857","en":"Master–Detail Layout","ko":"마스터·디테일 레이아웃","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"항목 목록과 선택 항목의 상세 정보를 함께 제공하는 구조.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A layout showing an item list together with details of the selected item.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-75fd0c0a0ec6","en":"Dashboard Layout","ko":"대시보드 레이아웃","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"지표·추세·세부 표를 우선순위에 따라 배치한 분석 화면 구조입니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"위젯 수보다 질문의 흐름과 비교 가능한 배치가 중요합니다.","ecosystem":"","aliases":"웹디자인","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Organizes metrics, trends and detail tables by analytical priority.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","notes":"Prioritize analytical questions and comparable layouts over widget count.","difference":"Prioritize analytical questions and comparable layouts over widget count."}}},{"id":"dar-2efef0b5b9a9","en":"Portal Layout","ko":"포털 레이아웃","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"여러 서비스와 콘텐츠로 진입하는 시작점을 집중시킨 구조.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A layout concentrating entry points to multiple services and content areas.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-31a3178aac5e","en":"Full-bleed Layout","ko":"풀블리드 레이아웃","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"이미지나 배경을 컨테이너 여백 없이 화면 가장자리까지 확장한 구성.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A layout extending an image or background to the screen edges without container margins.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-5d959eb16e6e","en":"Split-screen Layout","ko":"분할 화면 레이아웃","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"화면을 둘 이상의 대비되는 영역으로 나누는 구성.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A composition dividing the screen into two or more contrasting areas.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-b83d02947ded","en":"Content-first Design","ko":"콘텐츠 우선 설계","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"실제 정보의 양과 구조를 먼저 정한 뒤 레이아웃을 만드는 접근.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach that establishes real content volume and structure before designing the layout.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-4531712194da","en":"Graceful Degradation","ko":"우아한 성능 저하","domain":"웹·CSS","category":"웹 페이지·서비스 구조","kind":"용어·패턴","description":"고급 기능을 지원하지 않는 환경에서도 핵심 작업은 가능하게 하는 전략.","usage":"랜딩 페이지·쇼핑몰·SaaS·콘텐츠 사이트의 정보와 행동 흐름을 설계한다.","notes":"시각적으로 유행하는 구조보다 콘텐츠 길이·접근성·검색성·사용 목적을 우선한다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A strategy preserving essential tasks in environments that do not support advanced features.","usage":"Designing information and action flows for landing pages, stores, SaaS, and content sites.","notes":"Prioritize content length, accessibility, findability, and purpose over fashionable layouts."}}},{"id":"dar-7b2d06cacd74","en":"CSS","ko":"종속형 스타일 시트","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"HTML·SVG 등의 표시·배치·시각 스타일을 기술하는 스타일시트 언어.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The stylesheet language for describing presentation, layout, and visual styling of HTML, SVG, and related content.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}}},{"id":"dar-4e1841c5849b","en":"Selector","ko":"선택자","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"스타일 규칙을 적용할 요소를 선택하는 표현식.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An expression identifying the elements to which a style rule applies.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-selector","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"선택자에 일치하는 요소를 실제 CSS로 강조합니다.","implementation_note_en":"Highlight elements that match a real CSS selector."},{"id":"dar-d750ec014549","en":"Cascade","ko":"캐스케이드","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"출처·중요도·계층·우선순위·순서 등에 따라 적용할 CSS 선언을 결정하는 규칙.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The rules deciding which CSS declarations apply based on origin, importance, layers, specificity, and order.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-cascade","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"같은 우선순위에서 뒤에 선언한 규칙이 적용됩니다.","implementation_note_en":"Reorder equally specific rules and inspect the winning declaration."},{"id":"dar-b30dc44b4d01","en":"Specificity","ko":"명시도","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"경쟁하는 선택자 사이에서 선언 우선순위를 판단하는 가중치 체계.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A weighting system for determining precedence among competing selectors.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-specificity","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"클래스와 ID 선택자의 우선순위를 비교합니다.","implementation_note_en":"Compare class and ID selector specificity."},{"id":"dar-986c3825c950","en":"Inheritance","ko":"상속","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"일부 속성 값이 부모 요소에서 자식 요소로 전달되는 동작.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The passing of some property values from a parent element to its children.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-inheritance","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"상속되는 글자색과 명시적으로 지정한 색을 비교합니다.","implementation_note_en":"Compare inherited text color with an explicit child value."},{"id":"dar-c4540e25b8b9","en":"Box Model","ko":"박스 모델","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"콘텐츠·패딩·테두리·마진으로 요소의 차지하는 공간을 계산하는 모델.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A model calculating occupied space from content, padding, border, and margin.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-box","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"콘텐츠·패딩·테두리가 합쳐진 실제 너비를 측정합니다.","implementation_note_en":"Measure content, padding, and border contributions to the outer width."},{"id":"dar-26fcd19dc2cd","en":"box-sizing","ko":"박스 크기 산정","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"width·height가 콘텐츠만 또는 테두리까지 포함하는지 정하는 속성.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property determining whether width and height include only content or also padding and borders.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-box-sizing","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"동일한 width에서 콘텐츠 박스와 경계 박스를 비교합니다.","implementation_note_en":"Compare content-box and border-box with the same declared width."},{"id":"dar-5d03e189c8bc","en":"Normal Flow","ko":"일반 흐름","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"별도의 배치 변경 없이 문서 순서에 따라 요소가 배치되는 기본 규칙.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The default rules placing elements in document order without special positioning changes.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-flow","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"블록과 인라인 블록의 실제 배치 차이를 확인합니다.","implementation_note_en":"Switch between block and inline-block document flow."},{"id":"dar-d3325a365219","en":"Block Formatting Context","ko":"블록 서식 문맥","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"블록 배치와 부동 요소 상호작용 등을 독립적으로 처리하는 레이아웃 영역.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout region that independently handles block layout and interactions with floats.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-bfc","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"float를 포함하는 부모의 높이 변화를 측정합니다.","implementation_note_en":"Measure how flow-root contains a floated child."},{"id":"dar-95c359f89fd6","en":"Flexbox","ko":"플렉스박스","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"주축과 교차축을 기준으로 항목을 배열하는 1차원 중심 레이아웃 모델.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A primarily one-dimensional layout model arranging items along main and cross axes.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-flex","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 Flexbox 축과 정렬을 조작합니다.","implementation_note_en":"Manipulate real flex axes and alignment."},{"id":"dar-6fa2cf9a2459","en":"CSS Grid","ko":"CSS 그리드","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"행과 열을 함께 정의하여 항목을 배치하는 2차원 레이아웃 모델.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"그리드 레이아웃 웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A two-dimensional layout model placing items within defined rows and columns.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-grid","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 그리드의 열 수와 간격을 바꿉니다.","implementation_note_en":"Change real CSS grid column counts and gaps."},{"id":"dar-1861b32e31f1","en":"Subgrid","ko":"서브그리드","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"자식 그리드가 부모 그리드의 트랙 정의를 공유하는 기능.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature allowing a child grid to share its parent grid's track definitions.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-subgrid","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"중첩 그리드가 부모의 트랙을 공유하는지 비교합니다.","implementation_note_en":"Compare shared parent tracks against an independent nested grid."},{"id":"dar-c40434699563","en":"Grid Track","ko":"그리드 트랙","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"인접한 두 그리드 선 사이의 행 또는 열 공간.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The row or column space between two adjacent grid lines.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-track","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"fr 비율이 바뀔 때 남은 공간이 분배되는 방식을 확인합니다.","implementation_note_en":"Inspect how fr ratios distribute available grid space."},{"id":"dar-c4165f479f92","en":"Grid Area","ko":"그리드 영역","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"하나 이상의 그리드 셀로 이루어진 배치 영역.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A placement region consisting of one or more grid cells.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-area","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"이름 붙인 영역을 CSS grid-template-areas로 재배치합니다.","implementation_note_en":"Rearrange named areas with grid-template-areas."},{"id":"dar-a0c443e0ce18","en":"gap","ko":"요소 간 간격","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"그리드·플렉스 등 지원 레이아웃의 항목 사이 간격을 지정하는 속성.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property setting space between items in supported layouts such as grid and flexbox.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-gap","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"바깥 여백과 구분되는 내부 행·열 간격을 변경합니다.","implementation_note_en":"Change internal gaps rather than exterior margins."},{"id":"dar-7c8184f3f755","en":"Intrinsic Sizing","ko":"내재적 크기","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"명시적 고정값 대신 콘텐츠 자체의 특성에 따라 크기를 결정하는 방식.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Determining size from the content's own characteristics rather than an explicit fixed value.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-intrinsic","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"콘텐츠와 가용 공간에 따른 고유 크기를 측정합니다.","implementation_note_en":"Measure intrinsic sizing against available space."},{"id":"dar-6deb0ccd0d7b","en":"min-content / max-content","ko":"최소·최대 콘텐츠 크기","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"콘텐츠 줄바꿈 제약에 따라 가능한 최소 또는 최대 내재 크기를 나타내는 키워드.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Keywords describing minimum or maximum intrinsic content sizes under line-breaking constraints.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-minmax-content","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"줄바꿈 가능한 최소 너비와 최대 너비를 비교합니다.","implementation_note_en":"Compare minimum-content and maximum-content widths."},{"id":"dar-8edfdb87618d","en":"clamp()","ko":"범위 제한 함수","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"최솟값·선호값·최댓값으로 유연하게 변하는 CSS 값을 제한하는 함수.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A function constraining a flexible CSS value between a minimum, preferred value, and maximum.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-clamp","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"최소 100px·최대 220px 안에서 선호 너비를 제한합니다.","implementation_note_en":"Clamp a preferred width between 100px and 220px."},{"id":"dar-29f0cb5a39b0","en":"min() / max()","ko":"최소·최대 선택 함수","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"여러 CSS 계산 값 중 가장 작거나 큰 값을 선택하는 함수.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Functions choosing the smallest or largest of multiple calculated CSS values.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-minmax","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"180px과 입력한 너비 중 더 작거나 큰 값을 사용합니다.","implementation_note_en":"Choose the smaller or larger of 180px and the input width."},{"id":"dar-96155deaec6a","en":"calc()","ko":"CSS 계산 함수","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"호환되는 수치와 단위에 산술식을 적용하는 함수.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A function applying arithmetic to compatible numbers and units.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-calc","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"부모 너비에서 간격을 뺀 실제 너비를 확인합니다.","implementation_note_en":"Measure a width calculated from the parent minus spacing."},{"id":"dar-914dcc62972a","en":"Positioning","ko":"위치 지정","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"static·relative·absolute·fixed·sticky 등으로 요소의 배치 기준을 정하는 방식.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Determining an element's placement basis using modes such as static, relative, absolute, fixed, or sticky.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-position","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"기본 흐름과 relative·absolute의 차이를 비교합니다.","implementation_note_en":"Compare normal flow with relative and absolute positioning."},{"id":"dar-8aa070e009d1","en":"Containing Block","ko":"포함 블록","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"백분율 크기와 위치 계산의 기준이 되는 사각 영역.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The rectangular area used as a reference for percentage sizes and positioning calculations.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-containing","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"절대 위치 요소의 기준이 되는 부모가 바뀝니다.","implementation_note_en":"Change the containing block of an absolutely positioned child."},{"id":"dar-ebc17564693a","en":"Stacking Context","ko":"쌓임 맥락","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"z축 방향의 표시 순서를 독립적으로 계산하는 요소 집합.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A group of elements whose z-axis stacking order is calculated as a unit.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-stack","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"자식의 높은 z-index가 부모 컨텍스트 밖으로 나가지 못함을 확인합니다.","implementation_note_en":"Show how a child cannot escape its parent stacking context."},{"id":"dar-852bc496f907","en":"z-index","ko":"쌓임 순서 값","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"적용 가능한 배치 맥락 안에서 요소의 앞뒤 순서를 지정하는 속성.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property specifying front-to-back ordering within an applicable stacking context.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-z","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"같은 스태킹 컨텍스트 안에서 겹침 순서를 바꿉니다.","implementation_note_en":"Change overlap order within one stacking context."},{"id":"dar-e26052faea40","en":"Overflow","ko":"넘침 처리","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"내용이 요소의 영역을 넘을 때 표시·숨김·스크롤 방식 등을 정하는 기능.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Behavior controlling how content extending beyond its box is displayed, hidden, or scrolled.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-overflow","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"큰 콘텐츠를 자르거나 내부에서 스크롤합니다.","implementation_note_en":"Clip oversized content or scroll it locally."},{"id":"dar-9466b735d5da","en":"Aspect Ratio","ko":"종횡비","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"가로와 세로 크기의 비율을 표현하거나 유지하는 제약.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A constraint representing or maintaining the ratio between width and height.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-aspect","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"너비가 일정할 때 실제 요소 높이가 비율에 맞게 바뀝니다.","implementation_note_en":"Change element height through a native aspect ratio."},{"id":"dar-65ad003f90c6","en":"Object Fit","ko":"대체 콘텐츠 맞춤","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"이미지·비디오가 컨테이너에 맞도록 채움·잘림·비율 유지 방식을 정하는 속성.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property controlling how an image or video fills, fits, or crops within its container.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-fit","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"같은 이미지와 고정된 상자에서 object-fit을 비교합니다.","implementation_note_en":"Compare object-fit modes with one image and a fixed box."},{"id":"dar-079d4cd03001","en":"Media Query","ko":"미디어 쿼리","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"뷰포트·입력 방식·사용자 설정 등에 따라 스타일을 조건부 적용하는 규칙.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule applying styles conditionally based on viewport, input capabilities, user preferences, or related features.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-media","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 브라우저 너비를 기준으로 @media가 적용됩니다.","implementation_note_en":"Evaluate @media against the real browser viewport width."},{"id":"dar-348a3360ca24","en":"Container Query","ko":"컨테이너 쿼리","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"상위 컨테이너의 크기나 지원되는 상태에 따라 스타일을 바꾸는 규칙.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule changing styles based on an ancestor container's size or supported state.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-container","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"브라우저 너비가 아닌 컨테이너 200px 경계에서 배치가 바뀝니다.","implementation_note_en":"Change layout at a 200px container threshold, not a viewport threshold."},{"id":"dar-317534e1dee4","en":"Logical Properties","ko":"논리 속성","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"left·right 대신 inline·block 축을 이용해 쓰기 방향에 대응하는 속성.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Properties using inline and block axes rather than physical left and right to accommodate writing direction.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-logical","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"논리적 시작 경계와 여백이 방향에 따라 이동합니다.","implementation_note_en":"Observe inline-start borders and spacing under different writing directions."},{"id":"dar-48610ac183e1","en":"Viewport Units","ko":"뷰포트 단위","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"vw·vh·svh·lvh·dvh 등 화면 기준 크기를 표현하는 단위 계열.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Units representing viewport-based dimensions, including vw, vh, svh, lvh, and dvh.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-viewport","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"현재 브라우저 뷰포트 기준 실제 길이를 측정합니다.","implementation_note_en":"Measure actual lengths relative to the current browser viewport."},{"id":"dar-275d2e829f8a","en":"Relative Units","ko":"상대 단위","domain":"웹·CSS","category":"CSS 기초·레이아웃","kind":"용어·패턴","description":"em·rem·ch·% 등 다른 값이나 기준 크기에 상대적인 CSS 단위.","usage":"웹의 배치·크기·간격·표시 규칙을 명세하고 구현한다.","notes":"브라우저 지원은 속성별로 다르다. 실제 지원 환경에서 테스트하며 CSS 자체를 라이브러리로 분류하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"CSS units relative to another value or reference, such as em, rem, ch, and percentages.","usage":"Specifying and implementing web layout, sizing, spacing, and display rules.","notes":"Browser support varies by property. Test target environments, and do not classify CSS itself as a library."}},"live_key":"c34-relative","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"em·rem·퍼센트의 서로 다른 기준을 비교합니다.","implementation_note_en":"Compare the different reference sizes of em, rem, and percentages."},{"id":"dar-56700cff4d7a","en":"Custom Properties","ko":"CSS 사용자 정의 속성","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"--name 형식으로 선언하고 var()로 참조하는 캐스케이드 가능한 값.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Cascading values declared with a --name and referenced through var().","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-variables","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"커스텀 속성 한 곳의 변경을 여러 요소가 함께 사용합니다.","implementation_note_en":"Update shared custom properties used by multiple elements."},{"id":"dar-84b4257e6a59","en":"CSS Cascade Layers","ko":"캐스케이드 레이어","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"@layer로 스타일 우선순위의 큰 층위를 명시하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature using @layer to explicitly organize major levels of style precedence.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-layers","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"레이어 순서와 선택자 명시도를 구분해 비교합니다.","implementation_note_en":"Compare layer ordering independently of selector specificity."},{"id":"dar-10439e4fd9b6","en":"CSS Nesting","ko":"CSS 중첩","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"선택자 규칙 안에 관련 선택자를 중첩해 기술하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature for writing related selector rules nested within another rule.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-nesting","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"중첩 규칙의 & 선택자로 자식의 스타일을 변경합니다.","implementation_note_en":"Use native nested rules and the & selector."},{"id":"dar-a0344b3be6df","en":"Pseudo-class","ko":"의사 클래스","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"hover·focus·checked 등 요소 상태나 구조적 조건을 선택하는 문법.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selector syntax matching element states or structural conditions, such as hover, focus, or checked.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-pseudo-class","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"DOM 요소의 구조적 상태를 선택합니다.","implementation_note_en":"Select actual elements by their structural state."},{"id":"dar-602879a08019","en":"Pseudo-element","ko":"의사 요소","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"요소의 특정 부분이나 생성된 표현 영역을 스타일링하는 문법.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Syntax styling a particular part of an element or a generated visual region.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-pseudo-element","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"새 DOM 노드 없이 ::before·::after로 장식합니다.","implementation_note_en":"Create decorations with ::before and ::after, without extra DOM nodes."},{"id":"dar-97778b8080ea","en":":has()","ko":"관계형 선택자","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"상대 선택자와 일치하는 요소를 포함하는지 등 관계 조건으로 대상을 선택하는 의사 클래스.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A relational pseudo-class matching elements according to a relative selector condition.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-has","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"내부 체크박스 상태에 따라 부모 카드의 스타일이 바뀝니다.","implementation_note_en":"Style a parent based on its child checkbox state."},{"id":"dar-348263fae986","en":"Focus-visible","ko":"포커스 표시 필요 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"브라우저 판단 등에 따라 포커스 표시를 보여주는 상태를 다루는 개념.","usage":"키보드 중심 초점 링.","notes":"CSS :focus-visible은 단순히 모든 마우스 포커스를 숨기는 규칙과 같지 않다.","ecosystem":"","aliases":"웹디자인; :focus-visible","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A focus state used when the browser determines that a visible focus indicator is appropriate.","usage":"Keyboard-focused focus rings.","notes":"CSS :focus-visible is not simply a rule that hides all mouse-triggered focus."}}},{"id":"dar-75ac70d863ca","en":"CSS Transitions","ko":"CSS 트랜지션","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"브라우저 스타일 기능","description":"스타일 값 변화 사이를 지정 시간·이징으로 연결하는 기능.","usage":"호버·토글·단순 상태 전환.","notes":"별도 설치 라이브러리가 아니며 속성별 보간 가능 여부가 다르다.","ecosystem":"CSS","aliases":"웹디자인; CSS Transition","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A feature interpolating between style values over a specified duration and easing curve.","usage":"Hover, toggle, and simple state transitions.","notes":"This is not a separately installed library. Whether interpolation is possible depends on the property."}}},{"id":"dar-15fd468c3558","en":"CSS Keyframes","ko":"키프레임 규칙","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"애니메이션 진행 구간별 속성값을 지정하는 @keyframes 규칙.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An @keyframes rule specifying property values at stages of an animation.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-keyframes","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 CSS 키프레임을 재생·정지합니다. 모션 감소 설정을 존중합니다.","implementation_note_en":"Play or pause native CSS keyframes while respecting reduced motion."},{"id":"dar-3366be4edafb","en":"Transform","ko":"변환","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"이동·회전·크기·기울임 등을 적용하는 시각적 좌표 변환.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual coordinate transformation such as translation, rotation, scaling, or skewing.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-transform","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 2D transform을 적용하고 결과 행렬을 확인합니다.","implementation_note_en":"Apply real 2D transforms and inspect the resulting matrix."},{"id":"dar-5a0b4de350c0","en":"Transform Origin","ko":"변환 기준점","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"회전·스케일 등의 변환이 기준으로 삼는 위치.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The reference point around which a transformation such as rotation or scaling occurs.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-origin","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"같은 회전 각도에서 변환 기준점을 비교합니다.","implementation_note_en":"Compare pivot points under the same rotation."},{"id":"dar-8ca48cbd44a0","en":"Filter","ko":"필터 효과","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"블러·대비·채도 등의 처리로 요소의 렌더링 결과를 바꾸는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature altering rendered appearance through effects such as blur, contrast, and saturation.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-filter","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"요소 자체에 blur·hue-rotate 필터를 적용합니다.","implementation_note_en":"Apply blur and hue-rotate to the element itself."},{"id":"dar-838488100c19","en":"Backdrop Filter","ko":"배경 필터","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"요소 뒤에 비치는 영역에 블러 등의 시각 처리를 적용하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature applying visual processing, such as blur, to the region visible behind an element.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-backdrop","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"반투명 패널 뒤에 있는 배경만 흐리게 만듭니다.","implementation_note_en":"Blur the scene behind a translucent panel."},{"id":"dar-36545bd1fa62","en":"Blend Mode","ko":"혼합 모드","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"앞뒤 색을 결합하는 계산 방식을 지정하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A setting specifying how foreground and background colors are mathematically combined.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-blend","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"격리된 영역에서 두 색상의 실제 혼합을 비교합니다.","implementation_note_en":"Compare color mixing in an isolated blending group."},{"id":"dar-f13aad9e9cff","en":"Clip Path","ko":"클리핑 경로","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"요소에서 보이는 영역을 경로나 기본 도형으로 제한하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature restricting an element's visible area to a path or basic shape.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-clip","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 clip-path로 요소의 표시 영역을 바꿉니다.","implementation_note_en":"Change the visible shape using native clip-path."},{"id":"dar-522c85c90185","en":"CSS Mask","ko":"CSS 마스크","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"다른 이미지의 알파·명도 등을 이용해 요소의 보이는 정도를 조절하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature controlling visibility using another image's alpha or luminance.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-mask","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"알파 그레이디언트 마스크의 경계를 조절합니다.","implementation_note_en":"Adjust the transition of an alpha-gradient mask."},{"id":"dar-2c1d3ccc92f9","en":"Box Shadow","ko":"박스 그림자","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"요소의 박스 주위에 그림자를 그리는 속성.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property drawing a shadow around an element's box.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-shadow","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 box-shadow의 거리와 흐림을 조절합니다.","implementation_note_en":"Adjust real box-shadow offsets and blur."},{"id":"dar-6b043d3fd2ea","en":"Text Shadow","ko":"텍스트 그림자","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"글리프 모양에 그림자를 더하는 속성.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property adding shadows following glyph shapes.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-text-shadow","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"글자 크기는 유지한 채 텍스트 그림자만 바꿉니다.","implementation_note_en":"Change text shadow without shrinking the text."},{"id":"dar-48bb039888e2","en":"Scroll Snap","ko":"스크롤 스냅","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"스크롤이 특정 항목이나 위치에 정렬되도록 유도하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature encouraging scrolling to align with specified items or positions.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-snap","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"내부 스크롤 영역에서 실제 CSS 스냅을 시험합니다.","implementation_note_en":"Test native CSS snapping inside a local scroll container."},{"id":"dar-f880883ac8d3","en":"Scroll Margin","ko":"스크롤 여유 영역","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"스크롤 이동 목표 주변에 추가 정렬 여유를 지정하는 속성.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property adding alignment space around a scroll target.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-scroll-margin","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"scrollIntoView로 이동할 때 고정 헤더 아래 여백을 확보합니다.","implementation_note_en":"Apply scroll margin when navigating below a sticky header."},{"id":"dar-7a8fef28336a","en":"View Transition API","ko":"뷰 트랜지션 API","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"브라우저 API","description":"이전·다음 뷰의 표현을 이용해 문서·상태 전환을 구성하는 API.","usage":"페이지·DOM 상태 전환.","notes":"기능별 지원 범위와 폴백을 확인한다.","ecosystem":"JavaScript / CSS","aliases":"웹디자인; View Transitions","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An API for constructing document or state transitions from representations of the old and new views.","usage":"Page and DOM-state transitions.","notes":"Check feature-specific support and fallbacks."}}},{"id":"dar-a02965325ca2","en":"CSS Anchor Positioning","ko":"CSS 앵커 포지셔닝","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"기준 요소의 위치를 참조해 팝오버 같은 요소를 배치하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-css-anchor-positioning","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature positioning an element, such as a popover, relative to an anchor element.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-css-anchor-positioning","term_class":"직접 조작형 예제"},{"id":"dar-a6063c12b30f","en":"content-visibility","ko":"콘텐츠 표시 최적화","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"조건에 따라 요소의 렌더링 작업을 생략하거나 제한할 수 있는 속성.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-content-visibility","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property that can skip or limit rendering work for an element under defined conditions.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-content-visibility","term_class":"직접 조작형 예제"},{"id":"dar-5a0d646b3359","en":"CSS Containment","ko":"CSS 격리","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"레이아웃·스타일·페인트 등의 영향 범위를 제한하는 기능.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature limiting the scope of layout, style, and paint effects.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-contain","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"contain: paint가 자식의 넘침을 잘라내는지 비교합니다.","implementation_note_en":"Compare how paint containment clips overflowing descendants."},{"id":"dar-7ceb41f16ee6","en":"BEM","ko":"BEM 명명법","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"Block·Element·Modifier로 클래스 이름을 조직하는 CSS 명명 방법론.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-bem","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A CSS naming methodology organizing classes as blocks, elements, and modifiers.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-bem","term_class":"직접 조작형 예제"},{"id":"dar-b554c71acdb1","en":"Utility-first CSS","ko":"유틸리티 우선 CSS","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"작은 단일 목적 클래스들을 조합해 스타일을 구성하는 접근.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-utility-first-css","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An approach composing styles from small, single-purpose utility classes.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-utility-first-css","term_class":"직접 조작형 예제"},{"id":"dar-c3aa3dacf8e8","en":"CSS Modules","ko":"CSS 모듈","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"클래스 이름 등을 모듈 범위로 다루도록 빌드하는 스타일 작성 방식.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-css-modules","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A style-authoring approach that builds class names and related identifiers with module scope.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-css-modules","term_class":"직접 조작형 예제"},{"id":"dar-da2146259fbd","en":"CSS-in-JS","ko":"CSS 인 JS","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"자바스크립트 환경에서 스타일을 정의하고 생성·적용하는 구현 계열.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-css-in-js","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of techniques defining, generating, and applying styles in JavaScript environments.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-css-in-js","term_class":"직접 조작형 예제"},{"id":"dar-6ba2aa0d8bb8","en":"CSS Reset","ko":"CSS 리셋","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"브라우저 기본 스타일 차이를 초기화하거나 완화하는 스타일 모음.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-css-reset","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of styles that resets or reduces differences in browser default styling.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-css-reset","term_class":"직접 조작형 예제"},{"id":"dar-3ff68dd12bbe","en":"Design Token Pipeline","ko":"디자인 토큰 파이프라인","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"디자인 값의 원천 데이터를 여러 플랫폼의 스타일 리소스로 변환하는 과정.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-design-token-pipeline","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A process converting source design values into styling resources for multiple platforms.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-design-token-pipeline","term_class":"직접 조작형 예제"},{"id":"dar-8f4f52a146fd","en":"Theme Provider","ko":"테마 제공자","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"컴포넌트 트리에 공통 색·간격·타이포 등의 테마 값을 전달하는 구성 요소.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-theme-provider","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A component supplying shared theme values such as colors, spacing, and typography through a component tree.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-theme-provider","term_class":"직접 조작형 예제"},{"id":"dar-f13a697d793f","en":"Feature Query","ko":"기능 쿼리","domain":"웹·CSS","category":"CSS 스타일링·효과·설계 방식","kind":"용어·패턴","description":"@supports로 브라우저의 CSS 기능 지원 조건에 따라 규칙을 적용하는 방식.","usage":"테마·상호작용·시각 효과를 유지보수 가능한 CSS 규칙으로 만든다.","notes":"장식 효과는 대비와 성능을 해칠 수 있다. 브라우저 지원·감소된 모션 설정을 함께 확인한다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Applying CSS rules conditionally through @supports based on feature support.","usage":"Building maintainable CSS for themes, interactions, and visual effects.","notes":"Decorative effects can reduce contrast and performance. Check browser support and reduced-motion settings."}},"live_key":"c34-supports","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"@supports와 CSS.supports()의 실제 브라우저 응답을 확인합니다.","implementation_note_en":"Inspect native @supports and CSS.supports() results."},{"id":"dar-03784e2dd7f4","en":"DOM","ko":"문서 객체 모델","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"문서 구조를 노드 트리로 표현하고 코드에서 다루도록 하는 인터페이스.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An interface representing a document as a node tree that code can inspect and modify.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}},"live_key":"c34-dom","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"실제 DOM 노드를 추가·삭제·이동합니다.","implementation_note_en":"Add, remove, and move real DOM nodes."},{"id":"dar-5912bb7c1248","en":"CSSOM","ko":"CSS 객체 모델","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"스타일시트와 계산된 스타일 등을 객체로 다루는 인터페이스.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An interface representing stylesheets and computed styling as objects.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}},"live_key":"c34-cssom","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"CSSStyleSheet.insertRule()로 실제 스타일 규칙을 삽입합니다.","implementation_note_en":"Insert an actual stylesheet rule using CSSStyleSheet.insertRule()."},{"id":"dar-e2b02f2cb21e","en":"Layout / Reflow","ko":"레이아웃 계산","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"요소의 크기와 위치를 계산하는 브라우저 렌더링 단계.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-layout-reflow","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The browser-rendering stage that calculates element sizes and positions.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-layout-reflow","term_class":"직접 조작형 예제"},{"id":"dar-e3b9daf5c03b","en":"Paint","ko":"페인트","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"텍스트·배경·테두리 등의 표시 내용을 그리기 명령으로 만드는 단계.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-paint","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The stage that produces drawing instructions for text, backgrounds, borders, and other visible content.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-paint","term_class":"직접 조작형 예제"},{"id":"dar-73be0167b745","en":"Compositing","ko":"합성","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"별도 렌더링 층의 결과를 조합해 최종 화면을 만드는 과정.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"웹디자인 atlasv39 p39-css-compositing","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Combining separately rendered layers into the final displayed frame.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"p39-css-compositing","term_class":"직접 조작형 예제"},{"id":"dar-5ed4fd3c3b98","en":"Critical Rendering Path","ko":"핵심 렌더링 경로","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"리소스 처리에서 초기 화면 출력까지 이어지는 주요 작업 흐름.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The sequence of key operations from resource processing to the initial screen rendering.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-c6935fbfa3c2","en":"CSR","ko":"클라이언트 측 렌더링","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"주로 브라우저에서 자바스크립트가 UI를 구성하는 방식.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rendering approach in which JavaScript primarily builds the interface in the browser.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-1d892b657a92","en":"SSR","ko":"서버 측 렌더링","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"서버에서 생성한 HTML을 전달하는 렌더링 방식.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rendering approach delivering HTML generated on the server.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-bc155cebac99","en":"SSG","ko":"정적 사이트 생성","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"요청 전에 페이지 HTML을 미리 생성하는 방식.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Generating page HTML before a request is made.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-374fae2f5384","en":"Hydration","ko":"하이드레이션","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"이미 생성된 HTML에 클라이언트 동작과 상태를 연결하는 과정.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Connecting client-side behavior and state to already generated HTML.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-468e11bd8c6a","en":"Islands Architecture","ko":"아일랜드 아키텍처","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"정적 페이지 안에서 필요한 상호작용 영역만 독립적으로 활성화하는 구조.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An architecture independently activating only interactive regions within a largely static page.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-1b0ebe710e1e","en":"Code Splitting","ko":"코드 분할","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"애플리케이션 코드를 필요 시점별 묶음으로 나누어 로딩하는 방식.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Dividing application code into bundles loaded when needed.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-eed6cddce434","en":"Tree Shaking","ko":"미사용 코드 제거","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"정적 분석 등을 통해 사용되지 않는 내보내기 코드를 결과물에서 제거하는 최적화.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An optimization removing unused exports from a build through static analysis or related techniques.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-3e3708b7531a","en":"Virtualization","ko":"목록 가상화","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"화면에 필요한 일부 항목만 렌더링하여 긴 목록의 비용을 줄이는 방식.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인 atlaslive atlasv34 csslab","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Rendering only the items needed for the current view to reduce the cost of long lists.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}},"live_key":"c34-virtual","implementation_release":"3.4.0","implementation_type":"native-css-shadow-dom","implementation_note_ko":"스크롤 위치 주변의 행만 DOM에 유지합니다.","implementation_note_en":"Keep only rows near the viewport mounted in the DOM."},{"id":"dar-8fd635d0827e","en":"LCP","ko":"최대 콘텐츠 표시 시간","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"뷰포트 내 주요 큰 콘텐츠가 표시되는 시점을 측정하는 웹 성능 지표.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web performance metric measuring when the largest significant viewport content is rendered.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-3b1910ae945b","en":"CLS","ko":"누적 레이아웃 이동","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"예기치 않은 화면 요소 이동의 누적 정도를 측정하는 지표.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A metric measuring accumulated unexpected shifts in visible page elements.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-5b6925abbfd8","en":"INP","ko":"상호작용 응답성 지표","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"방문 중 상호작용 지연을 대표하도록 산정하는 웹 응답성 지표.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web responsiveness metric representing interaction latency during a visit.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-f25fef7d971b","en":"Performance Budget","ko":"성능 예산","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","description":"전송량·로딩 시간·프레임 시간 등에 미리 설정하는 허용 범위.","usage":"디자인 구현이 실제 브라우저에서 빠르고 일관되게 작동하도록 구조를 정한다.","notes":"프레임워크 이름과 렌더링 전략은 별개다. 측정 조건 없이 성능 우위를 단정하지 않는다.","ecosystem":"","aliases":"웹디자인","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A predefined allowance for metrics such as transfer size, load time, or frame time.","usage":"Structuring a design so it runs quickly and consistently in actual browsers.","notes":"Framework names and rendering strategies are separate concepts. Do not claim performance superiority without specifying measurement conditions."}}},{"id":"dar-1b19a8a2094e","en":"GUI Toolkit","ko":"GUI 툴킷","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"창·버튼·입력·이벤트 등 그래픽 인터페이스 구성 요소를 제공하는 도구 모음.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of tools providing graphical interface elements such as windows, buttons, inputs, and events.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-4e13d21092d7","en":"Native Widget","ko":"네이티브 위젯","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"운영체제의 표준 컨트롤과 기능을 직접 활용하거나 이에 통합된 UI 요소.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface element using or integrating with an operating system's standard controls and capabilities.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-ac237e00809a","en":"Custom-drawn UI","ko":"직접 그리기 UI","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"운영체제 표준 위젯 대신 자체 렌더링으로 모양을 그리는 인터페이스.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface drawing its appearance through custom rendering rather than standard operating-system widgets.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-e3362b714417","en":"Retained-mode GUI","ko":"보존형 GUI","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"위젯 트리와 속성을 유지하고 변화에 따라 다시 그리는 UI 모델.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A UI model retaining a widget tree and properties, then redrawing as they change.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-c8dab7d14edb","en":"Immediate-mode GUI","ko":"즉시형 GUI","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"프레임별 코드 흐름에서 인터페이스 구성을 반복 기술하는 UI 모델.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A UI model that describes the interface repeatedly through each frame's code flow.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-75bab50b35a2","en":"Event Loop","ko":"이벤트 루프","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"입력·타이머·시스템 메시지를 순서대로 처리하는 반복 실행 구조.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A repeating execution structure processing input, timers, and system messages.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-b8f6e0fe87b3","en":"Callback","ko":"콜백","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"특정 이벤트나 작업 완료 시 호출하도록 등록한 함수.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A function registered to run when an event occurs or a task completes.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-a88b3ef032f0","en":"Signal and Slot","ko":"시그널·슬롯","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"Qt에서 이벤트를 발생시키는 신호와 이를 처리하는 수신 함수를 연결하는 메커니즘.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Qt's mechanism connecting an emitted signal to a receiving function called a slot.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-9156005fb0ca","en":"GUI Thread","ko":"GUI 스레드","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"해당 툴킷에서 UI 생성·수정·이벤트 처리를 담당하는 스레드.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The thread responsible for UI creation, changes, and event processing in a toolkit.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-1d7167429c70","en":"Worker Thread","ko":"작업 스레드","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"긴 계산·입출력 등을 UI 처리와 분리하여 실행하는 스레드.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A thread performing lengthy computation or input/output separately from UI processing.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-78b8904b259c","en":"Model–View","ko":"모델·뷰 구조","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"데이터와 표시를 분리하고 모델 인터페이스로 연결하는 설계.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A design separating data from presentation and connecting them through a model interface.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-3222f8d4aaf2","en":"MVC","ko":"모델·뷰·컨트롤러","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"데이터·화면·입력 처리의 책임을 나누는 구조 패턴.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An architectural pattern separating data, views, and input-handling responsibilities.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-c80a6746122a","en":"MVVM","ko":"모델·뷰·뷰모델","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"뷰 상태와 표현 로직을 뷰모델에 분리하고 바인딩으로 연결하는 패턴.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern separating view state and presentation logic into a view model connected by bindings.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-4cfe0e2f8b85","en":"Data Binding","ko":"데이터 바인딩","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"데이터·상태와 UI 속성 사이 변경을 연결하는 메커니즘.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mechanism connecting changes between data or state and interface properties.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-d99ab9a17a3a","en":"Layout Manager","ko":"레이아웃 관리자","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"창 크기와 위젯 제약에 따라 자식 요소의 위치와 크기를 계산하는 기능.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system calculating child widget positions and sizes from window size and layout constraints.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-6f8c0d3586eb","en":"Size Policy","ko":"크기 정책","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"여유 공간 변화에 대해 위젯이 늘거나 줄어드는 방식을 정하는 규칙.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Rules governing how a widget grows or shrinks as available space changes.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-1a37ef444d12","en":"Dock Widget","ko":"도킹 위젯","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"창의 가장자리에 붙거나 별도 창으로 분리할 수 있는 패널.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A panel that can attach to a window edge or detach as a separate window.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-5188504fb9b9","en":"MDI","ko":"다중 문서 인터페이스","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"하나의 상위 앱 공간에서 여러 문서 창을 관리하는 구조.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An architecture managing multiple document windows inside one parent application workspace.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-cbc3ffe147c6","en":"System Tray","ko":"시스템 트레이","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"운영체제 상태 영역에 아이콘·메뉴·알림 진입점을 제공하는 기능.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An operating-system status area providing icons, menus, and notification entry points.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-162bd4c4a9e7","en":"Qt Widgets","ko":"Qt 위젯","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"Qt의 전통적인 위젯 기반 데스크톱 UI 기술 계열.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Qt's traditional widget-based technology for desktop interfaces.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-9beba4503948","en":"Qt Quick","ko":"Qt 퀵","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"QML 중심의 선언형 인터페이스와 애니메이션을 구현하는 Qt 기술 계열.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Qt's technology for declarative interfaces and animation centered on QML.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-07327a807529","en":"QML","ko":"QML 언어","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"객체·속성·상태·동작을 선언적으로 표현하는 Qt의 UI 언어.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Qt's language for declaratively describing objects, properties, states, and behavior.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-6b5d30b97ce2","en":"Qt Style Sheets","ko":"Qt 스타일 시트","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"Qt 위젯 외형을 CSS와 유사한 문법으로 지정하는 스타일 체계. 웹 CSS와 동일하지 않다.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system styling Qt widgets with CSS-like syntax; it is not identical to web CSS.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-cc65e8237bf4","en":"KV Language","ko":"KV 언어","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"Kivy에서 위젯 트리와 속성 관계를 선언적으로 정의하는 언어.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Kivy's declarative language for widget trees and property relationships.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-58e42468628b","en":"TUI","ko":"터미널 사용자 인터페이스","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"텍스트 터미널 안에서 패널·표·입력 등 상호작용 화면을 구성하는 방식.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An approach building interactive panels, tables, and inputs inside a text terminal.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-bc333c04e576","en":"High-DPI Scaling","ko":"고해상도 배율 처리","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"픽셀 밀도·운영체제 배율에 맞춰 UI 크기와 선명도를 유지하는 처리.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adapting interface size and sharpness to pixel density and operating-system scaling.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-e72e6c353c6b","en":"Webview Bridge","ko":"웹뷰 브리지","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"웹 화면의 자바스크립트와 데스크톱 호스트 기능을 연결하는 통신 계층.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A communication layer connecting JavaScript in a web view with desktop host capabilities.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-88d40892e2fe","en":"Application Packaging","ko":"애플리케이션 패키징","domain":"Python·데스크톱","category":"GUI 구조·이벤트·위젯","kind":"용어·패턴","description":"코드·런타임·리소스를 사용자 환경에서 실행 가능한 배포물로 묶는 과정.","usage":"Python 데스크톱 앱·업무 도구·편집기에서 UI 구조와 이벤트 흐름을 설계한다.","notes":"GUI 메인 스레드를 긴 작업으로 막지 않는다. 각 툴킷의 스레드·플랫폼 규칙이 다르다.","ecosystem":"","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Bundling code, runtimes, and resources into a distributable application for users.","usage":"Designing interface structure and event flows for Python desktop apps, business tools, and editors.","notes":"Do not block the GUI main thread with lengthy work. Threading and platform rules differ among toolkits."}}},{"id":"dar-191fb9b3b28a","en":"Core Loop","ko":"코어 루프","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"플레이어가 짧은 주기로 반복하는 핵심 행동·결과·보상의 순환.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The short, repeated cycle of core player actions, outcomes, and rewards.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-4d5c2abddb72","en":"Meta Loop","ko":"메타 루프","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"여러 플레이 세션에 걸쳐 성장·수집·해금이 이어지는 장기 반복 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A longer-term loop of progression, collection, and unlocks spanning multiple sessions.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-68f090a83481","en":"Game Mechanic","ko":"게임 메커닉","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"플레이어 행동과 상태 변화의 관계를 정의하는 규칙이나 기능.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rule or function defining the relationship between player actions and state changes.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-dbe9e81b8cee","en":"Game Dynamics","ko":"게임 다이내믹스","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"규칙들이 실제 플레이에서 상호작용하며 나타나는 행동과 상황.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The behaviors and situations emerging as game rules interact during play.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-5ffd28d2eb8d","en":"Game Feel","ko":"게임 필","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"입력·움직임·시청각 반응이 결합하여 만들어내는 조작의 체감.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The perceived quality of control produced by input, movement, and audiovisual responses.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-b18ff123c369","en":"Player Agency","ko":"플레이어 행위 주도성","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"선택이 의미 있는 결과로 이어진다고 느끼는 플레이어의 영향력.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The player's sense that their choices influence meaningful outcomes.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-f0bc4c7fd3fd","en":"Meaningful Choice","ko":"의미 있는 선택","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"서로 다른 비용·이점·결과를 비교해야 하는 선택 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A choice requiring comparison of different costs, benefits, or consequences.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-d83528e152d0","en":"Risk–Reward","ko":"위험과 보상","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"더 큰 위험이나 비용을 감수할 때 더 큰 보상 가능성을 제공하는 관계.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A relationship offering greater potential rewards for greater risks or costs.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-e5d0e866b80b","en":"Feedback Loop","ko":"피드백 루프","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"현재 결과가 이후 상태와 선택에 다시 영향을 주는 순환 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A cycle in which current outcomes affect subsequent states and choices.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-9a679cfd064b","en":"Positive Feedback Loop","ko":"강화 피드백 루프","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"우위나 변화가 스스로 더 커지도록 작동하는 규칙 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rule structure that amplifies an existing advantage or change.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-8e2489a5962f","en":"Negative Feedback Loop","ko":"균형 피드백 루프","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"격차나 변화가 커질수록 이를 완화하는 방향으로 작동하는 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rule structure that counteracts a growing gap or change.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-c038f0addbbd","en":"Progression System","ko":"성장 시스템","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"플레이 시간·성취에 따라 능력·선택지·콘텐츠가 변하는 체계.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system that changes abilities, options, or content with time played or achievements.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-6d3213ebe256","en":"Skill Tree","ko":"스킬 트리","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"선행 조건과 분기로 능력 해금 관계를 표현한 성장 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A progression structure representing ability unlocks through prerequisites and branches.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-af9f16055916","en":"Tech Tree","ko":"기술 트리","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"기술·건물·유닛 등의 연구·해금 의존 관계를 표현한 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A structure representing research and unlock dependencies among technologies, buildings, or units.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-84e26fd65922","en":"Unlock","ko":"해금","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"특정 조건을 만족한 후 기능·장소·아이템을 사용할 수 있게 하는 처리.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Making a feature, location, or item available after specified conditions are met.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-768dcb9e44ce","en":"Difficulty Curve","ko":"난이도 곡선","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"시간·진행 단계에 따라 요구되는 능력과 도전이 변하는 흐름.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The progression of required skills and challenges over time or stages.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-1a904ebfccd1","en":"Dynamic Difficulty","ko":"동적 난이도","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"플레이 상태를 기반으로 도전 수준을 조정하는 시스템.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system adjusting challenge levels according to the current play state.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-16c51aa95070","en":"Resource Economy","ko":"자원 경제","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"게임 자원의 생성·소비·교환·저장을 규정한 체계.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system governing the creation, consumption, exchange, and storage of game resources.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-3cf6e81f771b","en":"Source and Sink","ko":"자원 공급원·소모처","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"자원이 새로 생기는 경로와 게임에서 제거되거나 소비되는 경로.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The routes by which resources enter the game and are consumed or removed.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-d4b2cf539395","en":"Crafting","ko":"제작","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"재료·도구·조건을 이용하여 다른 아이템을 생성하는 시스템.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system creating items from materials, tools, and required conditions.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-0efbbff99f37","en":"Loot Table","ko":"전리품 테이블","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"보상이 어떤 조건과 확률로 지급되는지 정의한 데이터 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A data structure defining reward eligibility and probabilities.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-ef460ee95bd3","en":"Random Number Generation","ko":"난수 생성","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"확률적 사건과 변동을 구현하기 위해 수열을 생성하는 과정.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Generating number sequences to implement probabilistic events and variation.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-76b3a39cc11b","en":"Procedural Content Generation","ko":"절차적 콘텐츠 생성","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"규칙·알고리즘·입력값으로 맵·아이템·이벤트 등을 생성하는 방식.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Generating maps, items, or events using rules, algorithms, and input parameters.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-8fe90db8c797","en":"Emergent Gameplay","ko":"창발적 플레이","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"개별 규칙의 조합에서 설계자가 직접 나열하지 않은 행동이 나타나는 현상.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Behavior arising from combinations of rules rather than being explicitly prescribed by the designer.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-d4f93bcfe83a","en":"Sandbox","ko":"샌드박스 구조","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"고정된 진행 순서보다 시스템과 선택의 자유를 중심으로 구성한 플레이 구조.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A play structure emphasizing systems and freedom of choice over a fixed progression order.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-dfd00872ed64","en":"Permadeath","ko":"영구 사망","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"사망으로 캐릭터나 진행 상태의 일부 또는 전부가 영구적으로 소실되는 규칙.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rule in which death permanently removes some or all character or progression state.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-f8cb0765419a","en":"Checkpoint","ko":"체크포인트","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"실패 후 복귀하거나 진행을 저장하는 기준 지점.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A reference point for returning after failure or saving progress.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-9715bb477abe","en":"Save State","ko":"저장 상태","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"플레이를 이어가기 위해 보존하는 세계·캐릭터·진행 데이터.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Stored world, character, and progression data that allows play to resume.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-4ca8dce48bc7","en":"New Game Plus","ko":"뉴게임 플러스","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"완료 후 일부 진행이나 장비를 계승해 다시 시작하는 모드.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A mode restarting a completed game while retaining some progress or equipment.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-0b69f0533535","en":"Vertical Slice","ko":"버티컬 슬라이스","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"목표 품질의 핵심 경험을 작은 분량으로 구현한 대표 구간.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A small representative segment implementing the core experience at the intended quality level.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-88c5460ad356","en":"Game Design Document","ko":"게임 디자인 문서","domain":"게임 디자인","category":"게임 규칙·루프·시스템","kind":"용어·패턴","description":"규칙·경험·콘텐츠·시스템 명세를 공유하고 갱신하는 기획 문서.","usage":"게임 기획서에서 플레이어가 반복하는 행동·목표·보상·제약을 명확히 한다.","notes":"용어의 세부 의미는 장르와 팀마다 다르다. 수치 밸런스는 플레이테스트로 검증한다.","ecosystem":"","aliases":"","source_url":"https://learn.unity.com/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A living planning document sharing specifications for rules, experience, content, and systems.","usage":"Clarifying repeated player actions, goals, rewards, and constraints in game design documents.","notes":"Detailed meanings vary by genre and team. Validate numeric balance through playtesting."}}},{"id":"dar-0146ba41e18b","en":"Hitbox","ko":"공격 판정 영역","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격이 상대에게 접촉했는지 판단하기 위한 공간 영역.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A spatial region used to determine whether an attack contacts a target.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-dcd47283aa03","en":"Hurtbox","ko":"피격 판정 영역","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"대상이 공격을 받는지 판단하기 위한 공간 영역.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A spatial region used to determine whether a target receives an attack.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-09961e47f98c","en":"Collision Shape","ko":"충돌 형태","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"물리 충돌이나 겹침 검사를 계산하는 단순화된 형태.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A simplified shape used for physical collision or overlap tests.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-51b364eb06f5","en":"Invincibility Frames","ko":"무적 프레임","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"행동의 특정 시간 동안 피해 판정을 받지 않도록 한 구간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A period during an action in which damage cannot be received.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-afbe7f683460","en":"Startup Frames","ko":"발동 프레임","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"행동 시작부터 공격 판정이 활성화되기 전까지의 구간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The interval from an action's start until its attack becomes active.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-ce1f71a15050","en":"Active Frames","ko":"활성 프레임","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격 판정이 실제로 유효한 구간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The interval during which an attack's hit detection is active.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-e2acb28ea0e5","en":"Recovery Frames","ko":"후딜레이 프레임","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격 활성 종료 후 다음 행동에 제약이 남는 구간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The interval after an attack's active phase during which subsequent actions remain restricted.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-3361cdc2db05","en":"Hitstun","ko":"피격 경직","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격을 받은 대상의 행동이 일시적으로 제한되는 상태.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A temporary restriction on a target's actions after being hit.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-9e6dcb1c6b72","en":"Hit Stop","ko":"히트스톱","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"명중 순간 동작이나 시간 흐름을 짧게 멈춰 충격을 강조하는 연출.","usage":"타격감 강화.","notes":"화면 섬광인 Hit Flash와 별개다.","ecosystem":"","aliases":"Hitstop; Hit Pause; 히트 스톱; Hitstop","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A brief pause in movement or time at impact to emphasize the force of a hit.","usage":"Strengthening impact feedback.","notes":"This is distinct from Hit Flash, a visual flash effect."}}},{"id":"dar-085d356459c1","en":"Knockback","ko":"넉백","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"충격으로 대상 위치나 속도를 밀어내는 효과.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect that pushes a target's position or velocity away from an impact.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-8d67d7046a5f","en":"Telegraph","ko":"공격 예고","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격 전 모션·색·소리 등으로 위험과 대응 시점을 알리는 신호.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pre-attack cue using motion, color, or sound to communicate danger and response timing.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-a10cb4ccae11","en":"Parry Window","ko":"패링 허용 구간","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"입력을 성공적인 받아치기로 인정하는 시간 범위.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The interval in which an input is accepted as a successful parry.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-ba350284504f","en":"Input Buffer","ko":"입력 버퍼","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"짧게 선입력한 명령을 저장해 실행 가능한 시점에 처리하는 장치.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mechanism storing an early input briefly and executing it when the action becomes available.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-635a967bfd14","en":"Coyote Time","ko":"코요테 타임","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"발판에서 벗어난 직후 잠깐 점프 입력을 허용하는 보정.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A short grace period allowing a jump just after leaving a platform.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-4687b6f568fe","en":"Jump Buffer","ko":"점프 버퍼","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"착지 직전 입력한 점프를 저장했다가 착지 시 실행하는 보정.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mechanism storing a jump input just before landing and executing it on landing.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-1a4f74aba5b3","en":"Variable Jump Height","ko":"가변 점프 높이","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"입력 유지 시간 등에 따라 점프 높이가 달라지는 설계.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A design in which jump height varies with factors such as how long input is held.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-e46fca9f5960","en":"Air Control","ko":"공중 제어","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"점프·낙하 중 이동 방향이나 속도를 조절할 수 있는 정도.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The degree to which movement direction or speed can be controlled while airborne.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-076fa673a17a","en":"Acceleration and Deceleration","ko":"가속·감속","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"입력 변화에 따라 이동 속도가 증가하거나 감소하는 규칙.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Rules determining how movement speed increases or decreases with input changes.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-0019ceec6862","en":"Dead Zone","ko":"데드존","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"작은 입력 흔들림을 무시하도록 설정한 입력 값 범위.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An input range that ignores minor unwanted input fluctuations.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-235d8a1c08cd","en":"Aim Assist","ko":"조준 보조","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"조준 이동이나 표적 선택을 일정 범위에서 보정하는 기능.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature adjusting aim movement or target selection within defined limits.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-288ee118bf4a","en":"Lock-on","ko":"표적 고정","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"선택한 대상 중심으로 조준·카메라·이동 기준을 유지하는 기능.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A feature maintaining aim, camera, or movement relative to a selected target.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-c5c958271b8e","en":"Cooldown","ko":"재사용 대기시간","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"능력 사용 후 다시 사용할 수 있을 때까지의 제한 시간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The delay after using an ability before it can be used again.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-a9c10d34dc16","en":"Stamina System","ko":"스태미나 시스템","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"행동에 자원을 소모시키고 회복하여 연속 행동을 조절하는 체계.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system regulating consecutive actions through a resource that is spent and recovered.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-8242243c244e","en":"Animation Cancel","ko":"애니메이션 캔슬","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"특정 조건에서 진행 동작을 중단하고 다른 행동으로 전이하는 규칙.","usage":"콤보·회피·기술 연계.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A rule allowing a current animation or action to be interrupted and transition to another action.","usage":"Combos, dodges, and chained abilities.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-5506e7db91fb","en":"Combo System","ko":"콤보 시스템","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"연속된 입력이나 행동을 조건에 따라 연결하는 전투 구조.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A combat structure linking consecutive inputs or actions under defined conditions.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-67ff513e1d55","en":"Time to Kill","ko":"처치 소요 시간","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"특정 조건에서 상대를 제거하는 데 필요한 시간.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The time needed to eliminate an opponent under specified conditions.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-a49b6dc06a45","en":"Damage Falloff","ko":"거리별 피해 감소","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"공격 거리나 조건에 따라 피해량이 줄어드는 규칙.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule reducing damage based on attack distance or other conditions.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-6cec4a8c6732","en":"Friendly Fire","ko":"아군 피해","domain":"게임 디자인","category":"전투·이동·입력 설계","kind":"용어·패턴","description":"자신의 공격이 아군에게 영향을 줄 수 있는 규칙.","usage":"액션·생존·플랫포머 등에서 판정과 입력 반응을 조율한다.","notes":"프레임 수는 실행 속도와 연결된다. 프레임 단위와 시간 단위를 구분해 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule allowing a player's attacks to affect allies.","usage":"Tuning collision rules and input responses in action, survival, and platform games.","notes":"Frame counts depend on execution rate. Specify whether values use frames or units of time."}}},{"id":"dar-6ad5b3b8456c","en":"First-person View","ko":"1인칭 시점","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"조작 캐릭터의 눈 또는 이에 가까운 위치에서 세상을 보는 화면 구성.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A view of the world from the controlled character's eyes or a nearby position.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-292e3f136033","en":"Third-person View","ko":"3인칭 시점","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"캐릭터 바깥의 카메라로 캐릭터와 주변을 함께 보여주는 방식.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A camera view outside the character that shows both the character and their surroundings.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-0aa94cd483c7","en":"Top-down View","ko":"탑다운 시점","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"위에서 아래로 내려다보며 공간을 읽게 하는 시점.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A viewpoint looking downward onto the play space.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-9d77a515f240","en":"Side-scrolling","ko":"횡스크롤","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"좌우 또는 측면 방향의 이동을 중심으로 화면을 전개하는 방식.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A presentation organized around horizontal or side-on movement.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-95fd413435b5","en":"Orthographic Projection","ko":"직교 투영","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"거리와 관계없이 평행선과 크기 관계를 일정하게 투영하는 방식.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A projection preserving parallel lines and apparent size independently of distance.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-110abf9b445a","en":"Perspective Projection","ko":"원근 투영","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"멀리 있는 대상이 작게 보이도록 깊이감을 표현하는 투영.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A projection conveying depth by making more distant objects appear smaller.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-1f136821e276","en":"2.5D","ko":"2.5D 표현","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"2D와 3D의 표시 또는 플레이 제약을 혼합한 관용적 분류.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An informal category combining 2D and 3D presentation or gameplay constraints.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-fb027996ec80","en":"Roguelike","ko":"로그라이크","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"반복 플레이·절차 생성·죽음의 손실 등 Rogue 계열 특징을 공유하는 장르군.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A genre family sharing features associated with Rogue, such as procedural generation and death-related loss.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-3ab01165c121","en":"Roguelite","ko":"로그라이트","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"로그라이크적 반복에 지속 성장 등 완화된 구조를 결합했다고 부르는 관용적 분류.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An informal category combining roguelike repetition with softened structures such as persistent progression.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-9a0b3745bfb2","en":"Metroidvania","ko":"메트로배니아","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"새 능력 획득이 기존 공간의 접근 가능성을 바꾸는 상호 연결형 탐험 구조.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interconnected exploration structure in which new abilities change access to previously visited areas.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-6158834bd463","en":"Immersive Sim","ko":"이머시브 심","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"일관된 시스템 상호작용과 여러 문제 해결 경로를 중시하는 게임 설계 계열.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A design tradition emphasizing consistent interacting systems and multiple solutions to problems.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-c2cc192994d6","en":"Survival Crafting","ko":"생존 제작","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"자원 관리·생존 제약·수집·제작·거점 확장을 결합한 구조.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structure combining resource management, survival constraints, gathering, crafting, and base expansion.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-e10c0736cc78","en":"RTS","ko":"실시간 전략","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"시간이 진행되는 동안 자원·유닛·명령을 조율하는 전략 구조.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A strategy structure coordinating resources, units, and commands while time continuously advances.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-fed47c0720fa","en":"Turn-based Strategy","ko":"턴제 전략","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"정해진 행동 순서나 턴 단위로 의사결정을 실행하는 구조.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structure executing decisions in a specified action order or in discrete turns.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-ddfb4a15eb86","en":"Tower Defense","ko":"타워 디펜스","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"방어 수단의 배치와 강화로 적의 진입을 저지하는 구조.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structure preventing enemy passage through placement and upgrading of defenses.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-ce82c1bc0f16","en":"Deckbuilding","ko":"덱빌딩","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"플레이 중 카드 집합을 바꾸고 조합을 설계하는 핵심 메커닉.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A core mechanic in which players modify a collection of cards and develop combinations during play.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-81a63d60d638","en":"HUD","ko":"헤드업 디스플레이","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"플레이 중 필요한 정보를 화면 위에 지속적으로 제공하는 인터페이스.","usage":"체력·탄약·목표·능력 표시.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface persistently presenting information needed during play.","usage":"Displaying health, ammunition, objectives, and abilities.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-f3edec607d8b","en":"Diegetic UI","ko":"세계 내 UI","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"게임 세계 안의 사물로 존재하여 캐릭터도 인지할 수 있는 정보 표현.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Information presented as an object within the game world that characters could also perceive.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-e90044c84cf9","en":"Non-diegetic UI","ko":"세계 밖 UI","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"플레이어에게만 보이며 게임 세계의 사물로 존재하지 않는 인터페이스.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface visible to the player but not existing as an object in the game world.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-e8cfb32ea3cb","en":"Spatial UI","ko":"공간형 UI","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"세계의 위치에 배치되지만 설정상 실제 사물은 아닐 수 있는 정보 표현.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Information positioned in world space that may not exist as a physical object in the fiction.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-be4a46c8cdc1","en":"Meta UI","ko":"메타 UI","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"화면의 피·흐림 등 세계 상태를 화면 효과로 전달하는 표현. 분류 체계에 따라 용례가 다르다.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Screen effects such as blood or blur communicating world state; usage varies across classification systems.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-0ce72152e88e","en":"Reticle","ko":"레티클·조준 표식","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"조준 위치와 조준 상태를 표현하는 표식 전체를 뜻한다.","usage":"사격·타깃 선택.","notes":"Crosshair는 십자형 조준선이며 모든 레티클이 십자형인 것은 아니다.","ecosystem":"","aliases":"Reticle / Crosshair","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The general marker system expressing aim position and aiming state.","usage":"Shooting and target selection.","notes":"A crosshair is a cross-shaped aiming mark; not every reticle has that shape."}}},{"id":"dar-45bb64283687","en":"Health Bar","ko":"체력 바","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"남은 체력이나 내구도를 막대 등으로 표현하는 UI.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface showing remaining health or durability, commonly as a bar.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-18eba456b53b","en":"Damage Number","ko":"피해 수치","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"타격 결과의 피해량을 텍스트로 보여주는 피드백.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text feedback displaying the amount of damage dealt by a hit.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-d941732c9f08","en":"Quest Marker","ko":"퀘스트 표식","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"임무의 시작·진행·완료 지점을 식별하는 표식.","usage":"NPC·월드·지도 목표.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A marker identifying where a quest starts, progresses, or completes.","usage":"NPC, world, and map objectives.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-70b1bf1d690e","en":"Interaction Prompt","ko":"상호작용 안내","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"사용 가능한 행동과 입력 키를 맥락에 맞춰 표시하는 UI.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A contextual interface displaying an available action and its input key.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-315b6c42ca32","en":"Inventory Grid","ko":"인벤토리 격자","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"아이템을 칸 단위로 배치·정렬·관리하는 인터페이스.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface arranging, sorting, and managing items in grid cells.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-b52f0caf1981","en":"Hotbar","ko":"단축 슬롯 바","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"자주 쓰는 아이템이나 능력을 빠르게 실행하도록 배치한 슬롯 영역.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A row or area of slots for quickly activating frequently used items or abilities.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-30ff39302f37","en":"Radial Menu","ko":"원형 메뉴","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"선택지를 중심에서 방사형으로 배치한 메뉴.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A menu arranging options radially around a center.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-0f7d4d5c2efe","en":"Fog of War","ko":"전장의 안개","domain":"게임 디자인","category":"장르·시점·게임 UI","kind":"용어·패턴","description":"탐험·시야 조건에 따라 지도와 적 정보를 가리는 시스템.","usage":"게임 레퍼런스의 경험 구조와 화면 표현을 분리해 설명한다.","notes":"장르는 배타적 분류가 아니다. 같은 작품에 여러 구조와 표현이 섞일 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system concealing map or enemy information according to exploration and visibility conditions.","usage":"Separating gameplay structure from visual presentation when discussing game references.","notes":"Genres are not mutually exclusive. A single work can combine multiple structures and forms of presentation."}}},{"id":"dar-f5b67a356add","en":"Finite State Machine","ko":"유한 상태 기계","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"정해진 상태와 전이 조건으로 캐릭터·UI 등의 행동을 표현하는 모델.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A model representing behavior through predefined states and transition conditions.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-5cd15e048690","en":"Behavior Tree","ko":"행동 트리","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"조건·선택·순서 노드를 트리로 조합해 에이전트 행동을 결정하는 구조.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tree combining condition, selection, and sequence nodes to determine agent behavior.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-b569fb792f89","en":"Utility AI","ko":"효용 기반 AI","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"가능한 행동의 점수를 계산하여 상황에 맞는 행동을 선택하는 방식.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An approach choosing an action by scoring available options for the current situation.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-0b391b6b3a3d","en":"GOAP","ko":"목표 지향 행동 계획","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"목표와 행동의 전제·결과를 이용해 수행 순서를 탐색하는 AI 방식.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An AI approach planning action sequences from goals, preconditions, and effects.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-5dec66dcbb8c","en":"Blackboard","ko":"블랙보드","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"AI 의사결정에 필요한 공유 변수와 관찰 정보를 저장하는 구조.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A shared store of variables and observations used in AI decision-making.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-1b955a06b5e8","en":"Steering Behavior","ko":"조향 행동","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"추적·회피·분리 등을 조합해 이동 방향을 결정하는 알고리즘 계열.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Algorithms combining pursuit, avoidance, separation, and related rules to determine movement direction.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-3679b0bfa61e","en":"Perception System","ko":"인지 시스템","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"시야·청각·거리 등으로 대상과 사건을 탐지하는 기능.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system detecting targets or events through vision, hearing, distance, and related signals.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-8f31911d07e0","en":"Aggro","ko":"어그로","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"적의 주의나 공격 대상이 되는 상태 및 그 선택 규칙.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An enemy's attention or attack-target state and the rules governing target selection.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-da93074fb164","en":"Spawn System","ko":"생성 시스템","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"적·아이템 등이 나타나는 위치·시기·조건을 관리하는 체계.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system managing where, when, and under what conditions enemies or items appear.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-b87ed595ef1b","en":"Encounter","ko":"인카운터","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"적·환경·목표를 조합한 하나의 의미 있는 대면 또는 전투 상황.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A meaningful confrontation or combat situation combining enemies, environment, and objectives.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-5b1492f718ad","en":"Narrative Design","ko":"내러티브 디자인","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"규칙·공간·상호작용으로 이야기가 전달되도록 설계하는 작업.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Designing how a story is communicated through rules, spaces, and interactions.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-ea34b69ffcff","en":"Branching Dialogue","ko":"분기 대화","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"선택과 상태에 따라 대사와 결과가 나뉘는 대화 구조.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A dialogue structure whose lines and outcomes branch according to choices and state.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-b886daf8258c","en":"Quest Graph","ko":"퀘스트 그래프","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"퀘스트의 조건·목표·의존성·분기를 노드 관계로 표현한 구조.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A node graph representing quest conditions, objectives, dependencies, and branches.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-fad171b0eb9c","en":"Environmental Storytelling","ko":"환경 서사","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"배치·흔적·사물·조명을 통해 직접 설명 없이 사건과 맥락을 전달하는 방식.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Communicating events and context through arrangement, traces, objects, and lighting rather than direct explanation.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-461d25299ca3","en":"Ludonarrative Consistency","ko":"플레이·서사 일관성","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"플레이 규칙에서 유도되는 행동과 이야기의 의미가 어긋나지 않는 성질.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Consistency between the actions encouraged by gameplay rules and the meaning of the narrative.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-ff933ea044d5","en":"Bark","ko":"상황 단발 대사","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"행동·발견·전투 상황에 반응하여 짧게 재생하는 대사.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A brief spoken line triggered by an action, discovery, or combat situation.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-9242dca19b0d","en":"Cutscene","ko":"컷신","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"일정한 연출을 통해 사건을 전달하는 비플레이 또는 제한적 상호작용 장면.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A non-playable or partly interactive sequence presenting events through directed staging.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-7d368035df16","en":"Entity Component System","ko":"엔티티·컴포넌트·시스템","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"식별자·데이터·처리 로직을 분리하여 게임 객체를 구성하는 설계 구조.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An architecture composing game objects by separating identifiers, component data, and processing systems.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-8490b4667f1a","en":"Prefab / Packed Scene","ko":"재사용 객체 묶음","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"미리 구성한 객체 계층을 저장하고 여러 곳에서 인스턴스화하는 엔진별 기능 계열.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Engine features for storing a configured object hierarchy and instantiating it in multiple places.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-9d6b92be66d5","en":"Game Loop","ko":"게임 루프","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"입력·상태 갱신·렌더링 등을 반복하는 게임 실행 흐름.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The recurring execution flow handling input, state updates, rendering, and related tasks.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-2c87c0685a04","en":"Fixed Timestep","ko":"고정 시간 간격","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"일정한 시간 단위로 물리·시뮬레이션 상태를 갱신하는 방식.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Updating physics or simulation state at consistent time intervals.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-9b40139f4d28","en":"Delta Time","ko":"델타 타임","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"직전 갱신 이후 경과한 시간으로, 시간 기반 이동 등에 사용되는 값.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The elapsed time since the previous update, used for time-based movement and related calculations.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-8a6c79e3d98b","en":"Playtest","ko":"플레이테스트","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"실제 플레이를 관찰하여 경험·난이도·오류를 확인하는 검증.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Validation through observing actual play to assess experience, difficulty, and defects.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-b3f44aefbd20","en":"Telemetry","ko":"텔레메트리","domain":"게임 디자인","category":"게임 AI·내러티브·제작","kind":"용어·패턴","description":"플레이 사건과 상태를 기록해 행동·성능·문제를 분석하는 계측.","usage":"NPC 행동·이야기 분기·프로젝트 제작 파이프라인을 정의한다.","notes":"행동 AI와 생성형 AI는 별도 개념이다. 절차와 상태 전이가 재현 가능하도록 설계한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Instrumentation recording play events and state to analyze behavior, performance, and problems.","usage":"Defining NPC behavior, narrative branches, and production pipelines.","notes":"Behavioral AI and generative AI are separate concepts. Design reproducible procedures and state transitions."}}},{"id":"dar-3a9ef4395526","en":"Level Design","ko":"레벨 디자인","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"목표·동선·장애물·적·보상 등을 공간에 배치해 플레이 경험을 만드는 작업.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Creating a play experience by arranging objectives, routes, obstacles, enemies, and rewards in space.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first."}}},{"id":"dar-2bc1d1eb0cf7","en":"Blockout / Graybox","ko":"블록아웃·그레이박스","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"간단한 도형으로 크기·동선·시야를 먼저 검증하는 초기 레벨 제작.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Early level construction using simple shapes to test scale, routes, and visibility.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Simple gray masses test a level before decoration."}}},{"id":"dar-ad0827ec6a15","en":"Whitebox","ko":"화이트박스","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"단순한 형태와 재질로 플레이 구조를 검증하는 작업 또는 결과물. 그레이박스와 유사하게 쓰인다.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A simplified level or process for validating gameplay structure; often used similarly to grayboxing.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Simple light-colored geometry tests the space."}}},{"id":"dar-a4ecc434ad05","en":"Level Metrics","ko":"레벨 치수 기준","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"캐릭터 높이·통로 폭·점프 거리·엄폐 높이 등 공간 설계의 기준 수치.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Reference dimensions such as character height, corridor width, jump distance, and cover height.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Traversal dimensions constrain the layout."}}},{"id":"dar-264b6ca38ec6","en":"Critical Path","ko":"핵심 진행 경로","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"주요 목표 달성을 위해 반드시 거쳐야 하는 공간적 또는 논리적 경로.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The spatial or logical route that must be followed to complete the main objective.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"The required route to complete the objective."}}},{"id":"dar-26b841495d7c","en":"Golden Path","ko":"권장 진행 경로","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"설계자가 기대하는 대표 플레이 흐름으로, 팀에 따라 핵심 경로와 유사하게 쓰인다.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The representative play route intended by the designer; some teams use it similarly to critical path.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"The recommended experience may overlap the critical path."}}},{"id":"dar-2b22a8627f25","en":"Optional Path","ko":"선택 경로","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"주요 완료 조건에 필수는 아니지만 탐험·보상을 제공하는 경로.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A route that is not required for completion but offers exploration or rewards.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"An optional branch leaves the required route."}}},{"id":"dar-c2dca2756df8","en":"Looping Path","ko":"순환 동선","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"이전에 방문한 지점으로 연결되어 공간 이해와 이동 선택을 돕는 경로.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A route returning to a previously visited point to support orientation and movement choices.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A route loops back to an earlier location."}}},{"id":"dar-6233545e410a","en":"Shortcut","ko":"지름길","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"특정 조건 이후 이동 비용을 줄여 주는 연결 통로.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A connection that reduces travel cost after certain conditions are met.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A connection shortens an existing route."}}},{"id":"dar-ad51afe9bb08","en":"Chokepoint","ko":"병목 지점","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"이동이 좁은 공간으로 집중되어 통제와 충돌이 발생하는 구간.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A narrow area concentrating movement, control, and confrontation.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A narrow passage constrains movement."}}},{"id":"dar-5600d194654a","en":"Flanking Route","ko":"우회 공격 경로","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"정면을 피하여 측면·후방으로 접근할 수 있게 하는 경로.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A route allowing an approach from the side or rear instead of the front.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"An alternate route enables a side approach."}}},{"id":"dar-731b742285ca","en":"Sightline","ko":"시야선","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"특정 위치에서 볼 수 있는 방향·거리·대상의 관계.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The relationship among viewing position, direction, distance, and visible objects.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A deliberate visual corridor in a level."}}},{"id":"dar-35eac19b8c66","en":"Line of Sight","ko":"가시선","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"두 위치 사이 시야가 장애물 없이 연결되는지 판단하는 조건.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The condition in which two positions are visually connected without an obstruction.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Visibility is tested against occluding obstacles."}}},{"id":"dar-b0c18b08ccd9","en":"Landmark","ko":"랜드마크","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"방향·위치를 인식하고 기억하는 기준이 되는 특징적인 대상.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A distinctive object used to recognize and remember direction or location.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A recognizable landmark anchors orientation."}}},{"id":"dar-7e00cef65f04","en":"Vista","ko":"조망 지점","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"넓은 풍경이나 다음 목표를 의도적으로 보여주는 시점 또는 공간.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A viewpoint or space deliberately presenting a broad landscape or upcoming objective.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A viewpoint reveals an expansive scene."}}},{"id":"dar-09eb866e0385","en":"Reveal","ko":"공간 공개 연출","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"가림·회전·문턱 등을 지나며 새로운 장면을 드러내는 방식.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Revealing a new scene after passing an obstruction, turn, or threshold.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Movement reveals a previously occluded space."}}},{"id":"dar-25bb3d38a883","en":"Gating","ko":"진행 제한","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"열쇠·능력·상태 조건으로 특정 경로나 콘텐츠의 접근을 제한하는 설계.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Restricting access to routes or content through keys, abilities, or state conditions.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Access is restricted until a condition is met."}}},{"id":"dar-5e3aab05c075","en":"Soft Gate","ko":"소프트 게이트","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"강한 적·위험·부족한 장비처럼 우회 가능성이 남아 있는 진행 제한.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A progression barrier, such as strong enemies or inadequate equipment, that may still be overcome indirectly.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Difficulty or other soft constraints discourage entry."}}},{"id":"dar-c83e58f48c29","en":"Hard Gate","ko":"하드 게이트","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"조건을 충족하지 않으면 통과할 수 없는 명시적 진행 제한.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An explicit progression barrier that cannot be passed until its conditions are met.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"An explicit barrier blocks passage."}}},{"id":"dar-eb551594ec76","en":"Hub and Spoke","ko":"허브·분기 구조","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"중앙 거점에서 여러 지역으로 갈라지고 돌아오는 연결 구조.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A connection structure branching from a central hub into areas that lead back to it.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Independent routes branch from a central hub."}}},{"id":"dar-ad584e08250c","en":"Breadcrumbing","ko":"단서 유도","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"조명·아이템·시각 단서를 연속 배치해 이동 방향을 암시하는 방법.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A sequence of lights, items, or visual cues suggesting a direction of travel.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A sequence of small cues guides progression."}}},{"id":"dar-3617a094b75f","en":"Affordance in Level Design","ko":"레벨의 행동 가능성 단서","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"잡기·오르기·숨기 등 가능한 행동을 형태와 배치로 전달하는 설계.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Communicating possible actions, such as climbing or hiding, through spatial form and placement.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first."}}},{"id":"dar-36a875ad423a","en":"Cover Placement","ko":"엄폐 배치","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"피격 회피와 전술적 이동을 위해 엄폐물의 높이·간격·방향을 구성하는 작업.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Arranging cover height, spacing, and orientation to support protection and tactical movement.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Obstacles provide cover during combat."}}},{"id":"dar-a09487ba6d05","en":"Combat Arena","ko":"전투 아레나","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"이동·적 배치·시야·자원으로 전투의 선택 구조를 만드는 공간.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A space shaping combat choices through movement, enemy placement, visibility, and resources.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A bounded encounter space contains cover."}}},{"id":"dar-0f33cd8d93cd","en":"Safe Room","ko":"안전 구역","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"위협을 낮추어 저장·정비·회복·정보 처리를 하게 하는 공간.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A low-threat space for saving, maintenance, recovery, or processing information.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A safe area is separated from danger."}}},{"id":"dar-48c7c28e3d56","en":"Pacing","ko":"경험의 완급","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"긴장·탐색·학습·휴식의 강도와 순서를 조절하는 구성.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Controlling the intensity and sequence of tension, exploration, learning, and rest.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first."}}},{"id":"dar-0e34c3cbe81b","en":"Traversal","ko":"공간 이동 행동","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"걷기·점프·등반·수영 등 공간을 통과하는 행동 계열.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Actions for moving through space, such as walking, jumping, climbing, and swimming.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first."}}},{"id":"dar-19456a85ce6a","en":"Backtracking","ko":"되돌아가기","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"이미 방문한 공간을 새로운 목적·능력·정보를 가지고 다시 통과하는 흐름.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Returning through previously visited spaces with a new objective, ability, or information.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"The route revisits an earlier location."}}},{"id":"dar-ffd08dbfe497","en":"One-way Drop","ko":"일방향 낙하","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"내려갈 수 있지만 같은 경로로 바로 돌아오기는 어려운 공간 연결.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A spatial connection permitting descent but making immediate return along the same path difficult.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A drop connects areas in one direction only."}}},{"id":"dar-5d1a8b649363","en":"Softlock","ko":"진행 불능 상태","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"프로그램은 실행되지만 목표 달성이나 탈출이 불가능해지는 플레이 상태.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A play state in which the program continues running but progress or escape becomes impossible.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"The game runs but the objective is no longer reachable."}}},{"id":"dar-ce3ddf218733","en":"Kill Volume","ko":"사망 판정 영역","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"진입한 객체에 사망·리셋 등의 처리를 적용하는 공간 영역.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A spatial region applying death, reset, or a similar consequence to objects entering it.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Entering the marked volume causes death."}}},{"id":"dar-7b1061fa2593","en":"Navigation Mesh","ko":"내비게이션 메시","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"에이전트가 이동할 수 있는 표면을 다각형 영역으로 표현한 경로 탐색 자료.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Pathfinding data representing traversable surfaces as polygonal regions.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"Walkable space is represented by connected polygons."}}},{"id":"dar-53fc2f646e79","en":"Off-mesh Link","ko":"영역 간 특수 연결","domain":"맵·레벨 디자인","category":"레벨 동선·공간 문법","kind":"용어·패턴","description":"점프·사다리·문처럼 일반 이동 표면 사이를 연결하는 특별한 탐색 간선.","usage":"플레이어 이동·시야·선택·전투 경험을 공간 구조로 설계한다.","notes":"보기 좋은 장면과 플레이 가능한 레벨은 다르다. 이동 수치와 카메라 조건을 먼저 고정한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/level-designer-quick-start-in-unreal-engine","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A special navigation connection between ordinary surfaces, such as a jump, ladder, or doorway.","usage":"Designing movement, visibility, choices, and combat through spatial structure.","notes":"An attractive scene is not necessarily a playable level. Establish movement parameters and camera conditions first.","difference":"A special traversal connects separate navigation regions."}}},{"id":"dar-5d89fb507dea","en":"Worldbuilding","ko":"세계관 구축","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"지리·문화·역사·규칙 등 가상 세계의 일관된 맥락을 만드는 작업.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Creating consistent geography, culture, history, and rules for a fictional world.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-2b7957eb41f1","en":"Biome","ko":"바이옴","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"기후·식생·지형·색·생물 등이 공통 특성을 갖는 환경 구역.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An environment region sharing climate, vegetation, terrain, colors, or species.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-e1b844947895","en":"Heightmap","ko":"높이맵","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"각 위치의 높이를 이미지나 격자 값으로 저장하는 지형 표현.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A terrain representation storing the height at each location in an image or grid.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"Height is encoded as grayscale values."}}},{"id":"dar-4a3dc785d185","en":"Terrain Splatting","ko":"지형 텍스처 혼합","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"가중치 맵을 이용해 흙·바위·풀 등 재질을 지형에 섞는 기법.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Blending terrain materials, such as dirt, rock, and grass, using weight maps.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-420a2c0d0280","en":"Splat Map","ko":"혼합 가중치 맵","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"여러 지형 재질의 적용 비율을 채널별 값으로 기록한 자료.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Data storing the blending weights of multiple terrain materials in separate channels.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"A schematic of terrain surface blend weights."}}},{"id":"dar-f5685c0fb1e9","en":"Terrain Erosion","ko":"지형 침식","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"물·열 등의 작용을 모사해 자연스러운 지형 형태를 만드는 처리.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Simulating processes such as water or thermal erosion to produce natural terrain forms.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-8754521d75df","en":"Scatter","ko":"산포 배치","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"규칙·마스크·확률을 이용해 오브젝트를 넓은 영역에 분포시키는 방식.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Distributing objects across an area using rules, masks, or probability.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"Objects are distributed over an area."}}},{"id":"dar-95a0731d2150","en":"Foliage","ko":"식생 오브젝트","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"나무·풀·관목 등 환경을 구성하는 식물 요소와 그 배치 체계.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Vegetation such as trees, grass, and shrubs, together with systems for placing them.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"Vegetation instances are distributed in a scene."}}},{"id":"dar-63802dad5272","en":"Modular Kit","ko":"모듈러 키트","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"규격을 맞춘 벽·바닥·기둥 등을 조합하여 공간을 만드는 자산 집합.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A set of compatible wall, floor, column, and other modules used to assemble spaces.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"Reusable pieces form a modular environment."}}},{"id":"dar-536b55ded6a2","en":"Grid Snapping","ko":"격자 스냅","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"위치·크기 등의 값을 지정한 격자 간격에 맞추는 조작 방식.","usage":"모듈식 레벨·부스 배치.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aligning values such as position or size to a specified grid interval.","usage":"Modular levels and booth placement.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-cf83a68e0acd","en":"Socket","ko":"소켓","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"다른 물체를 결합하거나 정렬할 기준 위치·방향을 정의한 지점.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A point defining a reference position and orientation for attaching or aligning another object.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-2fcd6d481ddf","en":"World Streaming","ko":"월드 스트리밍","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"필요한 지역의 데이터를 동적으로 불러오거나 해제하는 방식.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Dynamically loading and unloading data for the regions currently needed.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"Regions near the player are selected for loading."}}},{"id":"dar-a434b129a5b5","en":"World Partition","ko":"월드 파티션","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"Unreal Engine에서 대규모 월드를 셀 단위로 관리하고 스트리밍하는 시스템.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Unreal Engine's system for organizing and streaming large worlds in cells.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"The world is divided into management regions."}}},{"id":"dar-b162f4eaa6ef","en":"Chunk","ko":"청크","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"월드·맵 데이터를 분할하여 처리·저장·로딩하는 공간 단위.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A spatial unit used to divide world or map data for processing, storage, and loading.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards.","difference":"One chunk of a larger subdivided map."}}},{"id":"dar-5c5ede0ef965","en":"Floating Origin","ko":"원점 이동","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"큰 좌표에서 정밀도 문제가 커지지 않도록 기준 원점을 옮기는 기법.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technique shifting the reference origin to limit precision problems at large coordinates.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-0486ba25faa3","en":"Skybox","ko":"스카이박스","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"환경을 둘러싼 먼 배경을 큐브형 텍스처 등으로 표현하는 방식.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A distant surrounding background represented using cube textures or a similar arrangement.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-a1e2b293fec5","en":"Skydome","ko":"스카이돔","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"반구·구체 형태의 배경으로 하늘을 표현하는 방식.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A sky background represented with a hemisphere or sphere.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-104142479978","en":"Day–Night Cycle","ko":"낮밤 주기","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"시간 흐름에 따라 조명·하늘·활동 상태를 변화시키는 시스템.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system changing lighting, sky, and activity states as time advances.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-dee2d02248e3","en":"Weather System","ko":"날씨 시스템","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"비·안개·바람 등 환경 조건을 변화시키고 표현하는 체계.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system representing and changing conditions such as rain, fog, and wind.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-2d263c380597","en":"Water Plane","ko":"수면 평면","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"단순한 평면 형상과 셰이더로 물 표면을 표현하는 구성.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A water surface represented by a simple plane and shader.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-019ce12167c2","en":"Water Flow Map","ko":"물 흐름 맵","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"표면의 흐름 방향·속도를 텍스처 값에 저장한 자료.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Texture data storing the direction and speed of flow across a surface.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-0e791dccbaf1","en":"POI / Point of Interest","ko":"주요 관심 지점","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"탐험·활동·보상이 집중되어 이동의 목표가 되는 장소.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A place concentrating exploration, activity, or rewards and serving as a travel objective.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-66b3480a57e9","en":"Set Dressing","ko":"환경 디테일 배치","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"플레이 구조 위에 생활 흔적·소품·장식 등을 더해 맥락을 만드는 작업.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Adding props, traces of life, and decoration to an established gameplay structure to create context.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-80d41426a4cd","en":"Collision Proxy","ko":"충돌 대리 형상","domain":"맵·레벨 디자인","category":"월드·지형·환경 제작","kind":"용어·패턴","description":"표시용 모델 대신 충돌 계산에 사용하는 단순화된 형상.","usage":"게임 월드·박람회 3D 씬·환경 아트를 규모와 동선에 맞게 제작한다.","notes":"실제 공간 설계에 사용하는 경우 안전·피난·구조 기준은 별도 전문 검토 대상이다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A simplified shape used for collision calculations instead of the visible model.","usage":"Building game worlds, 3D exhibition scenes, and environment art around scale and movement routes.","notes":"Real-space applications require separate professional review of safety, evacuation, and structural standards."}}},{"id":"dar-337d98071995","en":"Tile","ko":"타일","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"맵을 구성하기 위해 반복 배치하는 일정 단위의 이미지나 데이터 조각.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A repeatable unit of image or data used to build a map.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-6d5258e9f0bc","en":"Tileset","ko":"타일셋","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"호환되는 타일 이미지와 속성을 모은 리소스 집합.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A resource collection containing compatible tile images and properties.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A source palette of tiles before placement."}}},{"id":"dar-794544d2a74d","en":"Tilemap","ko":"타일맵","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"격자 좌표에 타일과 속성을 배치한 맵 표현.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A map representation placing tiles and properties at grid coordinates.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Tile instances are placed at grid positions."}}},{"id":"dar-58e787eceeaa","en":"Autotiling","ko":"오토타일링","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"주변 타일 조건에 따라 경계·모서리 이미지를 자동 선택하는 기능.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Automatically choosing edge and corner images according to neighboring tiles.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Tiles are selected according to neighboring connections."}}},{"id":"dar-bec6171276e6","en":"Wang Tiles","ko":"왕 타일","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"변·모서리의 표식 일치 규칙을 이용해 이어 붙이는 타일 체계.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tiling system joining tiles according to matching edge or corner labels.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-1683a55eeee0","en":"Terrain Rules","ko":"지형 연결 규칙","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"풀·물·길 같은 지형 간 이음새를 자동으로 정하기 위한 조건.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Rules automatically determining transitions between terrain types such as grass, water, and paths.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-a909a2918c7f","en":"Object Layer","ko":"오브젝트 레이어","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"격자 타일과 별개로 위치·형태·속성 객체를 배치하는 층.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layer placing objects with positions, shapes, and properties independently of the tile grid.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Independent objects are placed over the tile layer."}}},{"id":"dar-6288cb3965cd","en":"Collision Layer","ko":"충돌 레이어","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"어떤 객체 집단끼리 충돌하거나 검사할지 분류하는 체계.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A classification system determining which groups of objects collide or are tested against each other.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Collision information is separate from visual tiles."}}},{"id":"dar-f12c17d4abc4","en":"Hex Grid","ko":"육각 격자","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"육각형 셀의 인접 관계로 공간을 표현하는 격자.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A grid representing space through hexagonal cells and their neighbor relationships.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Hexagonal cells have six neighbor directions."}}},{"id":"dar-6980cc5d27af","en":"Isometric Grid","ko":"아이소메트릭 격자","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"평행 투영 느낌의 비스듬한 축으로 배치되는 타일 격자.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tile grid arranged along angled axes suggesting parallel projection.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A grid is shown in an isometric projection."}}},{"id":"dar-8dfc83c518a6","en":"A* Search","ko":"A* 탐색","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"이동 비용과 목표까지의 추정 비용을 함께 사용해 경로를 탐색하는 알고리즘.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pathfinding algorithm combining traveled cost with an estimated cost to the destination.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A real small-grid search uses cost plus a heuristic."}}},{"id":"dar-60a9404946da","en":"Dijkstra Algorithm","ko":"다익스트라 알고리즘","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"음수가 아닌 간선 비용을 가진 그래프에서 최단 경로를 구하는 알고리즘.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An algorithm finding shortest paths in graphs with nonnegative edge costs.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A real small-grid search expands by accumulated cost."}}},{"id":"dar-524e3f734ccd","en":"Breadth-first Search","ko":"너비 우선 탐색","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"시작점에서 가까운 단계의 노드를 먼저 확장하는 그래프 탐색.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A graph search expanding nodes by increasing distance in steps from the start.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A FIFO search assumes equal edge costs."}}},{"id":"dar-d77504792c31","en":"Flood Fill","ko":"플러드 필","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"시작 위치와 연결된 조건 만족 영역을 채우거나 탐색하는 처리.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A process filling or searching a connected region satisfying conditions from a starting location.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Connected cells are filled progressively."}}},{"id":"dar-69464f7b94e3","en":"Flow Field","ko":"흐름장","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"여러 위치에서 목표로 향할 이동 방향을 미리 계산한 공간 데이터.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Spatial data containing precomputed movement directions toward a destination.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-eb0f882933d4","en":"Seed","ko":"시드","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"의사난수 생성의 시작 상태를 정해 결과 재현에 사용하는 값.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A value specifying a pseudorandom generator's initial state to support reproducibility.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-c0ba1313c297","en":"Perlin Noise","ko":"펄린 노이즈","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"공간적으로 부드럽게 변화하는 의사난수 값을 생성하는 노이즈 방식.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A noise method producing smoothly varying pseudorandom values across space.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-d599af71db6a","en":"Simplex Noise","ko":"심플렉스 노이즈","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"단체 격자 구조를 이용하여 연속적인 노이즈를 생성하는 방식.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A method producing continuous noise using a simplex lattice.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-c8755d71db8e","en":"Fractal Brownian Motion","ko":"프랙탈 브라운 운동 합성","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"서로 다른 주파수·크기의 노이즈 층을 합성해 복잡한 패턴을 만드는 기법.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A technique combining noise layers of different frequencies and amplitudes into complex patterns.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-eaf8288da983","en":"Voronoi Diagram","ko":"보로노이 다이어그램","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"가장 가까운 기준점에 따라 공간을 여러 영역으로 나눈 분할.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A partition dividing space according to its nearest reference point.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-4afe7c548909","en":"BSP Dungeon","ko":"BSP 던전","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"공간을 재귀적으로 분할하고 방·통로를 배치하는 던전 생성 방식.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A dungeon-generation method recursively dividing space and placing rooms and corridors.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-76fd019d7366","en":"Cellular Automata","ko":"셀룰러 오토마타","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"셀과 이웃 상태의 규칙을 반복 적용해 패턴을 만드는 계산 방식.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A computational method repeatedly applying rules to cells and neighboring states to produce patterns.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-b2a1603af7af","en":"Wave Function Collapse","ko":"웨이브 펑션 콜랩스","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"인접 제약을 만족하는 패턴 선택을 전파하며 결과를 생성하는 알고리즘 계열.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of algorithms generating patterns by propagating adjacency constraints.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-6cb76d24f5d6","en":"Poisson Disk Sampling","ko":"포아송 디스크 샘플링","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"샘플 사이 최소 거리를 유지하며 점을 분포시키는 방법.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A sampling method distributing points while maintaining a minimum separation.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"Deterministic samples enforce a minimum separation."}}},{"id":"dar-d4eca7a2d5b6","en":"Graph Grammar","ko":"그래프 문법","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"노드·간선 치환 규칙으로 구조를 생성하는 방식.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Generating structures through replacement rules for nodes and edges.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-bfc83a726aed","en":"L-system","ko":"L 시스템","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"문자열 치환 규칙을 반복해 식물 같은 분기 구조를 생성하는 형식 체계.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A formal system using repeated string rewriting to generate branching structures such as plants.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results."}}},{"id":"dar-3c96baa9e594","en":"Connectivity Check","ko":"연결성 검사","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"시작점·출구·필수 영역이 이동 가능하게 연결되어 있는지 검증하는 과정.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Checking that starts, exits, and required regions are connected by traversable routes.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"A schematic checks separation and connectivity."}}},{"id":"dar-6fafebad2c8b","en":"Reachability","ko":"도달 가능성","domain":"맵·레벨 디자인","category":"타일맵·절차 생성·탐색","kind":"용어·패턴","description":"규칙·능력·장애물 조건 아래 특정 상태나 장소에 도달할 수 있는 성질.","usage":"2D 맵·던전·생성형 월드에서 반복 제작과 경로 검증을 자동화한다.","notes":"생성 결과의 연결성·시작점·출구·필수 자원·불가능한 배치를 별도 검증한다.","ecosystem":"","aliases":"게임맵 맵디자인 레벨디자인","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The property of a state or place being accessible under the applicable rules, abilities, and obstacles.","usage":"Automating repeated construction and route checks in 2D maps, dungeons, and generated worlds.","notes":"Validate connectivity, start points, exits, essential resources, and impossible arrangements in generated results.","difference":"The reachable region is marked from the starting point."}}},{"id":"dar-2c511bd7c7bc","en":"GIS","ko":"지리정보시스템","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"공간 위치와 속성 데이터를 저장·분석·표현하는 시스템.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system for storing, analyzing, and presenting spatial locations and associated attributes.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-72a124a91f8a","en":"Cartography","ko":"지도학·지도 제작","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"공간 정보를 목적에 맞게 선택·기호화·배치하여 지도화하는 분야.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The discipline of selecting, symbolizing, and arranging spatial information as maps for a purpose.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-a852a0e0f3c1","en":"CRS","ko":"좌표 참조 체계","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"좌표가 지구 또는 공간의 어느 위치를 의미하는지 정의하는 기준 체계.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference system defining what location a coordinate represents on Earth or in another space.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-75099b531490","en":"Map Projection","ko":"지도 투영","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"곡면인 지구의 위치를 평면 좌표로 옮기는 수학적 변환.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mathematical transformation mapping positions on Earth's curved surface to a plane.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-ffee68607195","en":"Latitude / Longitude","ko":"위도·경도","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지구상 위치를 각도로 나타내는 지리 좌표.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Angular geographic coordinates locating a position on Earth.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-a7515771d3fe","en":"Georeferencing","ko":"지리 참조","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"이미지나 도면의 위치를 실제 좌표 체계와 연결하는 작업.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Linking the locations in an image or drawing to a real-world coordinate system.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-56e4bec1e733","en":"Basemap","ko":"기본 지도","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"주제 데이터를 이해하도록 도로·지형·경계 등의 배경 정보를 제공하는 지도.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A map providing background context such as roads, terrain, and boundaries for thematic data.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-67ac503913c6","en":"Raster Tile","ko":"래스터 타일","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지도 표시를 위해 일정 영역·축척별로 잘라 제공하는 이미지 조각.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An image fragment representing a map region at a particular scale.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-1509e452e1c0","en":"Vector Tile","ko":"벡터 타일","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"일정 지도 영역의 기하·속성을 타일 단위로 전달하는 데이터 방식.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A data approach delivering map geometry and attributes in tiled regions.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-793fb4f01a87","en":"XYZ Tile Scheme","ko":"XYZ 타일 체계","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"줌 수준 z와 타일 열 x·행 y로 지도 조각을 주소화하는 방식.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An addressing scheme using zoom z, tile column x, and tile row y.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-d6527eef4bb1","en":"GeoJSON","ko":"GeoJSON","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지리 도형과 속성을 JSON으로 표현하는 형식.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A JSON format representing geographic geometries and attributes.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-0f59bbf4175d","en":"Choropleth Map","ko":"단계구분도","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"지역 경계 안을 통계값에 따른 색으로 채웁니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"인구가 다른 지역은 단순 건수보다 비율이 적절할 수 있습니다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fills geographic regions according to statistical values.","usage":"Use when designing matrices & density and selecting analytical visualizations.","notes":"Rates may be more appropriate than counts when populations differ.","difference":"Rates may be more appropriate than counts when populations differ."}}},{"id":"dar-5d5cecc2dacb","en":"Proportional Symbol Map","ko":"비례기호 지도","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"값의 크기에 비례하는 기호 크기로 데이터를 표현한 지도.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A map representing values with symbol sizes proportional to their magnitude.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-e927a41ade6b","en":"Isoline","ko":"등치선","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"고도·기압 등 같은 값을 갖는 위치를 연결한 선.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A line connecting locations with the same value, such as elevation or pressure.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-54853179ed91","en":"Chorochromatic Map","ko":"정성적 면 구분 지도","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"토지피복 등 범주형 영역 차이를 색·패턴으로 표현한 지도.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A map using colors or patterns to distinguish categorical regions such as land-cover types.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-200458a776da","en":"Map Generalization","ko":"지도 일반화","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"축척과 목적에 맞게 형상·속성을 단순화·선택·병합하는 작업.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selecting, simplifying, or merging geometry and attributes to suit a map's scale and purpose.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-79f90b8cac02","en":"Label Collision","ko":"라벨 충돌","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지도 레이블이 서로 또는 기호와 겹쳐 읽기 어려워지는 문제.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Overlapping map labels or symbols that make information difficult to read.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-a93cbd09246b","en":"Marker Clustering","ko":"마커 클러스터링","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"가까운 지점들을 하나의 집합 표식으로 묶는 시각화 기법.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visualization technique grouping nearby points into a single cluster marker.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-e1ca87f9e21e","en":"Geocoding","ko":"지오코딩","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"주소나 장소명을 지리 좌표로 변환하는 과정.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Converting an address or place name into geographic coordinates.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-dbf1cdfe45c3","en":"Reverse Geocoding","ko":"역지오코딩","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"좌표에서 주소나 장소 정보를 찾는 과정.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Finding an address or place information from coordinates.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-84278562ae06","en":"Geofencing","ko":"지오펜싱","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"정의된 공간 경계의 진입·이탈·내부 여부를 판정하는 기능.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Determining whether a position is inside, entering, or leaving a defined spatial boundary.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-9db3a96cdf3d","en":"Spatial Join","ko":"공간 결합","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"포함·교차·근접 같은 공간 관계를 기준으로 데이터 속성을 연결하는 처리.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Joining attributes according to spatial relationships such as containment, intersection, or proximity.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-07e6ee29fe0c","en":"Map Legend","ko":"지도 범례","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"기호·색·패턴이 나타내는 의미를 설명하는 보조 정보.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Supporting information explaining the meanings of map symbols, colors, and patterns.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-ef9d9e33319b","en":"Scale Bar","ko":"축척 막대","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지도상의 길이와 실제 거리를 비교할 수 있게 표시하는 눈금.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A graduated indicator relating map length to real-world distance.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-1beb3a7e3abf","en":"North Arrow","ko":"북쪽 표시","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지도 방향을 이해하도록 북쪽 기준을 나타내는 표식.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A marker indicating north to help the reader understand map orientation.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-4d7af1c8aafb","en":"DEM","ko":"수치 표고 모델","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"지표의 높이를 디지털 값으로 표현한 자료.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Data representing ground-surface elevation as digital values.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-752c2a37fc6a","en":"Geospatial Buffer","ko":"공간 버퍼","domain":"지도·GIS","category":"지도 시각화·지리정보","kind":"용어·패턴","description":"도형에서 일정 거리 이내인 영역을 계산한 결과.","usage":"매장·행사장·배송·동선·지리 데이터를 실제 좌표 기반 지도로 표현한다.","notes":"게임 타일맵과 구분한다. 좌표계·축 순서·지도 데이터와 타일 제공자의 이용 조건을 확인한다.","ecosystem":"","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A computed region within a specified distance of a geometry.","usage":"Mapping stores, venues, deliveries, routes, and geographic data using real coordinates.","notes":"Distinguish geographic maps from game tilemaps. Check coordinate systems, axis order, and map-data and tile-provider terms."}}},{"id":"dar-1b24b83f353f","en":"Mesh","ko":"메시","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"정점·모서리·면 등으로 표면을 표현하는 3D 기하 구조.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D structure representing a surface through vertices, edges, and faces.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"A surface structure built from vertices, edges and faces."}}},{"id":"dar-db8b9d40e0e2","en":"Vertex","ko":"정점","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"3D 공간의 위치와 필요에 따른 부가 속성을 갖는 기본 점.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A point with a position in 3D space and any required additional attributes.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Points forming the geometry are highlighted."}}},{"id":"dar-bd2e9d455c77","en":"Edge","ko":"모서리","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"두 정점을 연결하는 선분 요소.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A line segment connecting two vertices.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Edges connecting vertices are highlighted."}}},{"id":"dar-bd3d929626d3","en":"Face","ko":"면","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"세 개 이상의 정점 경계로 정의되는 표면 요소.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A surface element defined by a boundary of three or more vertices.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"A bounded surface face is highlighted."}}},{"id":"dar-bf4d263348ef","en":"Polygon","ko":"다각형","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"여러 변으로 이루어진 평면 도형으로, 메시 표면을 구성하는 단위.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A flat, multi-sided shape used as a basic unit of a mesh surface.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Multiple vertices form a closed polygon."}}},{"id":"dar-e734709ef34e","en":"Triangle / Quad / N-gon","ko":"삼각형·사각형·다변형","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"정점 수가 각각 3·4·그 이상인 면 분류.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Face categories containing three, four, or more vertices respectively.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Polygons differ by their number of vertices."}}},{"id":"dar-71db736c4f18","en":"Topology","ko":"토폴로지","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"메시의 정점·모서리·면이 연결되는 구조.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The connectivity structure of a mesh's vertices, edges, and faces.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"The connectivity of vertices and edges is shown."}}},{"id":"dar-1d3be273d8b0","en":"Edge Loop","ko":"엣지 루프","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"연속적으로 이어지는 모서리 흐름으로, 형태와 변형을 제어하는 구조.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A continuous flow of edges used to control form and deformation.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"A continuous sequence of connected edges forms a loop."}}},{"id":"dar-bca97fdcc9dc","en":"Surface Normal","ko":"표면 법선","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"표면 방향을 나타내는 벡터로 조명·앞뒤 판정 등에 사용되는 값.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A vector describing surface orientation for lighting, front/back tests, and other calculations.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Directions perpendicular to surfaces are shown."}}},{"id":"dar-6d272b97d9c3","en":"Hard Edge / Smooth Shading","ko":"하드 엣지·스무스 셰이딩","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"경계의 법선을 분리하거나 보간하여 날카롭거나 부드럽게 보이게 하는 표현.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-shading","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Separating or interpolating normals to make boundaries appear sharp or smooth.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-shading","term_class":"직접 조작형 예제"},{"id":"dar-d39f075a842f","en":"Bevel","ko":"베벨","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"모서리를 깎아 작은 면을 만들어 형태와 반사 경계를 조정하는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Cutting an edge into smaller faces to adjust shape and highlight transitions.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Sharp edges are replaced by beveled surfaces."}}},{"id":"dar-a0942503fa6f","en":"Extrude","ko":"돌출","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"선택한 면이나 경계를 확장해 새로운 기하를 만드는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Extending a selected face or boundary to create new geometry.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"A face is extended while new side surfaces are formed."}}},{"id":"dar-71ecc3f2fc19","en":"Inset","ko":"인셋","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"면 내부에 축소된 경계를 만들어 내부 면과 주변 띠를 생성하는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Creating a smaller boundary within a face, producing an inner face and surrounding band.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"A new boundary is created inside an existing face."}}},{"id":"dar-91d1b0df514e","en":"Subdivision Surface","ko":"세분화 표면","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"분할과 보간 규칙으로 메시를 부드럽게 만드는 방식.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Smoothing a mesh through subdivision and interpolation rules.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Subdivision and interpolation produce a smoother surface."}}},{"id":"dar-9277d67ceeef","en":"Boolean Modeling","ko":"불리언 모델링","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"합집합·차집합·교집합으로 여러 입체의 형태를 결합하는 방식.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Combining solids through union, difference, or intersection operations.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Modeling uses union, difference and intersection operations."}}},{"id":"dar-02227604d9ee","en":"Sculpting","ko":"스컬프팅","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"브러시 조작으로 표면을 밀고 당겨 형태를 만드는 모델링 방식.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A modeling method that pushes and pulls surfaces using brushes.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements."}}},{"id":"dar-9f9d31246e01","en":"Retopology","ko":"리토폴로지","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"기존 형태를 따라 더 적절한 면 연결 구조를 다시 만드는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Rebuilding a more suitable face-connectivity structure around an existing shape.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements."}}},{"id":"dar-363d27f6af5d","en":"Decimation","ko":"폴리곤 감소","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"형태 손실을 관리하면서 메시 요소 수를 줄이는 처리.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Reducing mesh element count while controlling loss of shape.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Face count is reduced while approximating the shape."}}},{"id":"dar-a0cca52f30d7","en":"Non-manifold Geometry","ko":"비매니폴드 기하","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"일반적인 닫힌 표면의 연결 조건을 만족하지 않는 기하 상태.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Geometry whose connectivity does not satisfy the conditions of a conventional manifold surface.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Geometry violates ordinary manifold surface connectivity."}}},{"id":"dar-fffe1f28ebd2","en":"UV Mapping","ko":"UV 매핑","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"3D 표면의 위치를 2D 텍스처 좌표와 대응시키는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Associating positions on a 3D surface with two-dimensional texture coordinates.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Surface locations map to two-dimensional texture coordinates."}}},{"id":"dar-39a2357138e1","en":"UV Unwrap","ko":"UV 펼치기","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"3D 표면을 2D UV 공간의 조각으로 전개하는 작업.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Unfolding a 3D surface into pieces in 2D UV space.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Connected surfaces are unfolded into a plane."}}},{"id":"dar-fc6217f2d60b","en":"UV Island","ko":"UV 아일랜드","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"UV 공간에서 연결된 하나의 표면 조각.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"One connected surface patch within UV space.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"An island is a separate connected region in UV space."}}},{"id":"dar-0195ac8d944e","en":"UV Seam","ko":"UV 심","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"UV 펼치기에서 표면을 나누는 절개 경계.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A cut boundary used when unfolding a surface into UV space.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Marked edges act as cuts during UV unwrapping."}}},{"id":"dar-4212e1e44f65","en":"Texel Density","ko":"텍셀 밀도","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"실제 또는 가상 표면 크기에 배정된 텍스처 픽셀의 밀도.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The density of texture pixels assigned to a real or virtual surface size.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Texture resolution per surface area is compared."}}},{"id":"dar-560e83cbdec2","en":"Texture Atlas","ko":"텍스처 아틀라스","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"여러 이미지를 하나의 텍스처에 배치한 자산.","usage":"입자·아이콘·스프라이트 관리.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An asset packing multiple images into a single texture.","usage":"Managing particles, icons, and sprites.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Independent assets are packed into a single image."}}},{"id":"dar-90ebc54a43fc","en":"Trim Sheet","ko":"트림 시트","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"반복 가능한 띠 형태 디테일을 공유해 여러 표면에 사용하는 텍스처 구성.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A texture layout sharing reusable strips of detail across multiple surfaces.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Reusable material strips are arranged in one texture."}}},{"id":"dar-be32935bc7c3","en":"UDIM","ko":"UDIM 타일 체계","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"UV 좌표의 여러 타일에 고해상도 텍스처를 나누어 배치하는 체계.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system distributing high-resolution textures across multiple tiles in UV coordinate space.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Multiple numbered UV tiles are used."}}},{"id":"dar-34ec5d4f42b1","en":"Baking","ko":"베이킹","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"고해상도 모델·조명·시뮬레이션 등의 결과를 텍스처나 데이터로 미리 계산하는 과정.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Precomputing high-resolution model, lighting, or simulation results into textures or other data.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements."}}},{"id":"dar-38e0fe548793","en":"Pivot Point","ko":"피벗 포인트","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"회전·크기 조절 등 변환의 기준점.","usage":"힌지 회전·그룹 배치.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"Pivot / Origin","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The reference point for transformations such as rotation and scaling.","usage":"Hinge rotation and group placement.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-7fec831fcc0e","en":"Local / World Space","ko":"로컬·월드 공간","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"객체 자체 또는 전체 장면을 기준으로 위치·방향을 표현하는 좌표 체계.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Coordinate systems expressing position and direction relative to an object or the overall scene.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements.","difference":"Object-local and world-reference axes are compared."}}},{"id":"dar-747206d86359","en":"Spline","ko":"스플라인","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"제어점으로 부드러운 곡선을 정의하는 수학적 표현.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-spline","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A mathematical representation of a smooth curve defined by control points.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-spline","term_class":"직접 조작형 예제"},{"id":"dar-bc133a27d1b6","en":"Geometry Nodes","ko":"지오메트리 노드","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"Blender에서 노드 연결로 기하 생성·변환 절차를 구성하는 시스템.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Blender's node-based system for constructing geometry-generation and transformation procedures.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements."}}},{"id":"dar-1f5b86c44a03","en":"Photogrammetry","ko":"사진측량 기반 모델링","domain":"3D·렌더링","category":"3D 모델링·기하·UV","kind":"용어·패턴","description":"여러 사진의 대응 정보를 이용해 형태와 위치를 복원하는 기법.","usage":"제품·부스·환경·캐릭터의 형태와 게임용 에셋을 제작한다.","notes":"실물 재현은 단위·축·원점·치수를 먼저 정의한다. 표시용 메시와 충돌·제조용 메시의 조건은 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technique reconstructing shape and position from correspondences across multiple photographs.","usage":"Creating products, booths, environments, characters, and game assets.","notes":"For real-world reproduction, define units, axes, origins, and dimensions first. Display, collision, and manufacturing meshes have different requirements."}}},{"id":"dar-f6c0bd785c33","en":"Material","ko":"재질","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면의 빛 반응과 외형을 결정하는 셰이더·파라미터·텍스처의 구성.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-material","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A configuration of shaders, parameters, and textures controlling a surface's appearance and response to light.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-material","term_class":"직접 조작형 예제"},{"id":"dar-853ddcb01478","en":"Shader","ko":"셰이더","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"정점·픽셀 등 렌더링 단계의 계산을 수행하는 프로그램.","usage":"재질·조명·화면 효과.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-shader","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A program performing calculations in rendering stages such as vertex or pixel processing.","usage":"Materials, lighting, and screen effects.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-shader","term_class":"직접 조작형 예제"},{"id":"dar-f4617136ff0c","en":"PBR","ko":"물리 기반 렌더링","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"에너지·재질 반응 등 물리적 원리에 기반하여 일관된 외형을 목표로 하는 접근.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-pbr","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach seeking consistent appearance through physically based principles of energy and material response.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-pbr","term_class":"직접 조작형 예제"},{"id":"dar-3f753ed905dd","en":"Albedo / Base Color","ko":"알베도·기본색","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면의 기본 색 정보를 나타내는 값으로 워크플로에 따라 정확한 의미가 달라진다.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A surface's basic color information; its exact meaning depends on the material workflow.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Base color is shown without lighting effects."}}},{"id":"dar-306805b1c95b","en":"Metallic","ko":"금속성","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면이 금속 또는 비금속의 반사 특성을 따르는 정도를 지정하는 값.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A value specifying how closely a surface follows metallic rather than nonmetallic reflection behavior.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"A schematic of conductor-like reflection."}}},{"id":"dar-d2dd9daadcc2","en":"Roughness","ko":"거칠기","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"미세 표면의 분산 정도를 나타내며 반사의 퍼짐을 조절하는 값.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A value describing microscopic surface variation and controlling the spread of reflections.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"A rough surface produces a broader highlight."}}},{"id":"dar-2fd266889d18","en":"Specular","ko":"정반사","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면에서 특정 방향으로 반사되는 빛의 성분 또는 이를 제어하는 파라미터.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-specular","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The directional reflection component of light or a parameter controlling it.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-specular","term_class":"직접 조작형 예제"},{"id":"dar-2f57f3d2811a","en":"Normal Map","ko":"노멀맵","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면 법선 방향을 텍스처에 저장하여 미세 굴곡처럼 보이게 하는 자료.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Texture data storing surface-normal directions to create the appearance of fine relief.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Color channels encode surface directions."}}},{"id":"dar-1dd398dd7d3b","en":"Bump Map","ko":"범프맵","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"높이 변화 정보를 이용해 표면 법선을 교란하는 텍스처 기법.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A texture technique perturbing surface normals based on height variation.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Shading detail changes without changing the silhouette."}}},{"id":"dar-bdf5a0a15b12","en":"Displacement Map","ko":"디스플레이스먼트맵","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면 위치를 실제로 변위시키기 위한 높이·벡터 데이터.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Height or vector data used to physically displace surface positions.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Surface positions and the silhouette change."}}},{"id":"dar-c7ddd422cb11","en":"Ambient Occlusion","ko":"앰비언트 오클루전","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"주변 공간의 가림 정도를 근사해 접촉부·틈을 어둡게 표현하는 기법.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technique approximating surrounding occlusion to darken contacts and crevices.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Occluded light is indicated around contacts and crevices."}}},{"id":"dar-f8b176e72eb3","en":"Emission","ko":"자체 발광","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면이나 볼륨이 빛을 내는 특성을 지정하는 성분.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A component defining light emitted by a surface or volume.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"A surface appears self-luminous."}}},{"id":"dar-df083084e764","en":"Transmission","ko":"투과","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"빛이 표면이나 물질을 통과하는 성분.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The component of light that passes through a surface or material.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy.","difference":"Background content appears through a surface."}}},{"id":"dar-5acb166bfe02","en":"Subsurface Scattering","ko":"표면하 산란","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"피부·왁스처럼 빛이 내부로 들어가 퍼진 뒤 나오는 현상과 그 표현.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The scattering of light inside materials such as skin or wax before it exits, and its visual simulation.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-e02618410a46","en":"IOR","ko":"굴절률","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"매질에서 빛의 진행 속도와 굴절·반사 특성을 결정하는 물리량.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-ior","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A physical quantity governing light speed and refraction/reflection behavior in a medium.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-ior","term_class":"직접 조작형 예제"},{"id":"dar-953cbc32f4e3","en":"Fresnel Effect","ko":"프레넬 효과","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"시선과 표면 각도에 따라 반사·강조 정도가 달라지는 현상이나 표현.","usage":"방어막 가장자리·림 강조.","notes":"물리적 반사와 예술적 림 마스크의 사용을 구분한다.","ecosystem":"","aliases":"프레넬; 프레즈넬","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A phenomenon or effect in which reflection or emphasis varies with viewing angle relative to a surface.","usage":"Shield edges and rim highlights.","notes":"Distinguish physical reflection from an artistic rim mask.","difference":"Reflection strengthens at grazing viewing angles."}}},{"id":"dar-16c0c0c958a9","en":"Anisotropy","ko":"이방성","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면 방향에 따라 반사 특성이 달라지는 성질.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-anisotropy","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The property of reflection changing with surface direction.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-anisotropy","term_class":"직접 조작형 예제"},{"id":"dar-90da8d314c50","en":"Triplanar Mapping","ko":"트라이플래너 매핑","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"세 축 방향 투영을 혼합하여 UV 의존을 줄이는 텍스처 배치 방식.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A texture-mapping method blending projections along three axes to reduce dependence on UV mapping.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-95aa603a219d","en":"Decal","ko":"데칼","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"다른 표면 위에 투영하거나 덧씌우는 시각 정보.","usage":"탄흔·발자국·지면 마법진.","notes":"보통 표면 장식이며 자체 두께를 가진 오브젝트와 구분한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visual information projected onto or overlaid on another surface.","usage":"Bullet marks, footprints, and ground magic circles.","notes":"This is usually surface decoration rather than an object with its own thickness."}}},{"id":"dar-0b7ca44e1033","en":"IBL","ko":"이미지 기반 조명","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"환경 이미지의 밝기와 색을 조명 정보로 활용하는 방식.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Lighting a scene using brightness and color information from an environment image.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-95af24c99d1e","en":"HDRI","ko":"고명암비 환경 이미지","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"넓은 밝기 범위를 저장하여 환경·조명·반사에 활용하는 이미지.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An image storing a wide brightness range for environments, lighting, and reflections.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-335e6a91ef31","en":"Key Light","ko":"주광","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"장면의 주된 형태와 밝기 방향을 결정하는 주요 조명.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-key","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The main light establishing a scene's primary form and lighting direction.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-key","term_class":"직접 조작형 예제"},{"id":"dar-0c90049d9ad2","en":"Fill Light","ko":"보조광","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"주광의 그림자와 대비를 완화하는 조명.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-fill","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A light reducing shadows and contrast created by the key light.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-fill","term_class":"직접 조작형 예제"},{"id":"dar-fb08936b3262","en":"Rim Light","ko":"윤곽광","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"대상의 가장자리를 강조해 배경에서 분리하는 조명.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-rim","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A light highlighting a subject's edge to separate it from the background.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-rim","term_class":"직접 조작형 예제"},{"id":"dar-1b9fdabf2e35","en":"Three-point Lighting","ko":"삼점 조명","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"주광·보조광·역광을 조합하여 대상을 읽기 쉽게 만드는 기본 조명 구성.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-threepoint","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A basic lighting setup combining key, fill, and back lights for readable form.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-threepoint","term_class":"직접 조작형 예제"},{"id":"dar-8b2052944a80","en":"Lightmap","ko":"라이트맵","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"표면에 대한 조명 결과를 미리 계산하여 저장한 텍스처.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A texture storing precomputed surface-lighting results.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-c72f8e720c0a","en":"Light Probe","ko":"라이트 프로브","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"특정 공간 지점의 조명 정보를 기록하거나 추정하는 장치.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-lightprobe","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A mechanism recording or estimating lighting information at a point in space.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-lightprobe","term_class":"직접 조작형 예제"},{"id":"dar-615500b552f9","en":"Reflection Probe","ko":"반사 프로브","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"주변 환경 반사 정보를 특정 위치 기준으로 수집해 사용하는 장치.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A mechanism capturing surrounding reflection information from a particular location.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-65641c24727d","en":"Global Illumination","ko":"전역 조명","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"직접광뿐 아니라 표면 사이의 간접광 전달도 고려하는 조명 계산.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Lighting calculations accounting for indirect light transfer between surfaces as well as direct light.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-0058d93d328b","en":"Volumetric Lighting","ko":"볼류메트릭 조명","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"안개·먼지 등 공간 매질 안에서 빛이 산란하는 현상을 표현하는 기법.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technique representing light scattering in spatial media such as fog or dust.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy."}}},{"id":"dar-1348a36b0ce8","en":"Color Temperature","ko":"색온도","domain":"3D·렌더링","category":"재질·텍스처·라이팅","kind":"용어·패턴","description":"광원의 색을 흑체 복사 기준의 온도로 대응시켜 표현하는 값.","usage":"3D 상품·게임 환경·전시 공간에서 재료와 조명 인상을 설계한다.","notes":"텍스처의 색 공간·물리 단위·조명 조건을 함께 맞춘다. 재질 이름만으로 실물 재현을 보장하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-temperature","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A value relating a light source's color to a black-body radiation temperature.","usage":"Designing materials and lighting for 3D products, game environments, and exhibition spaces.","notes":"Align texture color space, physical units, and lighting conditions. A material name alone does not guarantee physical accuracy. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-temperature","term_class":"직접 조작형 예제"},{"id":"dar-61cfb2f67f2a","en":"Tone Mapping","ko":"톤 매핑","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"넓은 밝기 범위를 표시 장치가 표현할 수 있는 범위로 변환한다.","usage":"HDR 장면 출력.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-tone-mapping","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Mapping a wide brightness range into the range a display can reproduce.","usage":"HDR scene output.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-tone-mapping","term_class":"직접 조작형 예제"},{"id":"dar-fe51a5ccfde1","en":"Rasterization","ko":"래스터화","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"도형을 화면 픽셀 영역으로 변환하여 그리는 렌더링 과정.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-raster","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The rendering process converting geometry into screen-pixel coverage.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-raster","term_class":"직접 조작형 예제"},{"id":"dar-3ce7be03b22f","en":"Ray Tracing","ko":"레이 트레이싱","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"광선의 경로와 표면 교차를 계산하여 반사·가시성 등을 구하는 방식.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Computing ray paths and surface intersections to determine reflections, visibility, and related effects.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-df156f34532a","en":"Path Tracing","ko":"패스 트레이싱","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"여러 빛 경로를 확률적으로 샘플링하여 광 전달을 추정하는 렌더링 방식.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rendering method estimating light transport by probabilistically sampling multiple light paths.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-322b11bb93a1","en":"Forward Rendering","ko":"포워드 렌더링","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"객체를 그리는 과정에서 조명 등을 직접 계산하는 렌더링 구조.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rendering architecture calculating lighting as objects are drawn.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-ea8a30f211a5","en":"Deferred Rendering","ko":"디퍼드 렌더링","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"표면 정보를 버퍼에 저장한 뒤 조명을 계산하는 구조.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rendering architecture storing surface information in buffers before calculating lighting.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-f35b8e34f9b6","en":"G-buffer","ko":"지오메트리 버퍼","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"깊이·법선·재질 등 화면별 표면 정보를 담는 렌더 타깃 묶음.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A set of render targets storing per-screen-location surface data such as depth, normals, and materials.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-a9647ae34141","en":"Draw Call","ko":"드로 콜","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"렌더링 작업을 요청하는 호출 단위.","usage":"많은 효과의 제출 비용 분석.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-draw-call","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A unit of submission requesting a rendering operation.","usage":"Analyzing submission overhead for many effects.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-draw-call","term_class":"직접 조작형 예제"},{"id":"dar-64dbf3c24bea","en":"Batching","ko":"배칭","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"호환되는 렌더링 작업을 묶어 제출 부담을 줄이는 방식.","usage":"여러 입자·메시 렌더링.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-batching","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combining compatible rendering operations to reduce submission overhead.","usage":"Rendering multiple particles and meshes.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-batching","term_class":"직접 조작형 예제"},{"id":"dar-3f512f8dcbf4","en":"GPU Instancing","ko":"GPU 인스턴싱","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"같은 기하를 여러 인스턴스 데이터로 반복 그리는 방식.","usage":"많은 파편·메시 입자.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-gpu-instancing","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Drawing the same geometry repeatedly using different instance data.","usage":"Large numbers of fragments and mesh particles.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-gpu-instancing","term_class":"직접 조작형 예제"},{"id":"dar-1c9199cf36d2","en":"LOD","ko":"세부 수준","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"거리·화면 점유 등에 따라 모델·재질의 복잡도를 바꾸는 체계.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-lod","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system varying model or material complexity with distance or screen coverage.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-lod","term_class":"직접 조작형 예제"},{"id":"dar-203af887cab7","en":"HLOD","ko":"계층적 세부 수준","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"여러 객체를 묶은 대체 표현을 사용해 먼 장면의 비용을 줄이는 방식.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reducing the cost of distant scenes with proxy representations of object groups.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-f93bbf478117","en":"Frustum Culling","ko":"시야체 절두체 컬링","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"카메라 시야 범위 밖의 대상을 렌더링에서 제외하는 처리.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Excluding objects outside the camera's viewing volume from rendering.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"Objects outside the viewing frustum are excluded."}}},{"id":"dar-42c535524a7b","en":"Occlusion Culling","ko":"가림 컬링","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"다른 물체에 가려 보이지 않는 대상을 그리지 않는 처리.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Avoiding rendering objects hidden behind other objects.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"Fully occluded objects can be excluded."}}},{"id":"dar-27d1c0379547","en":"Back-face Culling","ko":"뒷면 컬링","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"관찰 방향에서 뒷면인 면을 그리기에서 제외하는 처리.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Excluding faces oriented away from the viewing direction.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"Back-facing surfaces are culled."}}},{"id":"dar-0cea993a7c00","en":"Overdraw","ko":"오버드로","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"같은 화면 픽셀을 한 프레임에 여러 번 그리는 현상.","usage":"겹친 연기·반투명 효과 비용 분석.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-overdraw","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Drawing the same screen pixel multiple times within a frame.","usage":"Analyzing overlapping smoke and transparency costs.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-overdraw","term_class":"직접 조작형 예제"},{"id":"dar-f5e593fed1ce","en":"Fill Rate","ko":"필레이트","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"픽셀 처리·출력 처리량과 관련된 GPU 성능 특성.","usage":"큰 입자·전체 화면 효과 분석.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-fill-rate","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A GPU performance characteristic related to pixel-processing and output throughput.","usage":"Analyzing large particles and full-screen effects.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-fill-rate","term_class":"직접 조작형 예제"},{"id":"dar-23915ce839c3","en":"Mipmap","ko":"밉맵","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"텍스처를 여러 축소 해상도로 준비하여 원거리 샘플링에 활용하는 체계.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Preparing a texture at multiple reduced resolutions for sampling at distance.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"Successively smaller texture levels are shown."}}},{"id":"dar-7822bf42857c","en":"Texture Compression","ko":"텍스처 압축","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"GPU 메모리와 전송량 등을 줄이기 위해 텍스처를 압축 형식으로 저장하는 방법.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Storing textures in compressed formats to reduce GPU memory use and transfer size.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-8ba3ad1c5a3d","en":"Anti-aliasing","ko":"안티앨리어싱","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"픽셀 경계에서 발생하는 계단·깜빡임 등을 줄이는 기법 계열.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of techniques reducing jagged edges, flicker, and related sampling artifacts.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-3ece2e0d4d1f","en":"Depth Buffer","ko":"깊이 버퍼","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"픽셀별 깊이를 저장해 앞뒤 가시성을 판정하는 자료.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Data storing per-pixel depth to determine front-to-back visibility.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"A depth value is stored for each screen location."}}},{"id":"dar-34313c4fb56c","en":"Z-fighting","ko":"깊이 충돌","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"거의 같은 깊이의 면이 깊이 정밀도 한계로 번갈아 보이는 현상.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 3d-p38-zfight","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Flickering visibility between nearly coplanar surfaces caused by limited depth precision.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone. An original learning example, not a complete engine pipeline."}},"live_key":"3d-p38-zfight","term_class":"직접 조작형 예제"},{"id":"dar-47f8fcb7fe78","en":"Post-processing","ko":"후처리","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"장면이 그려진 결과에 화면 단위 처리를 적용하는 단계.","usage":"색 보정·블룸·비네트.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-post-processing","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Applying screen-level processing to the rendered scene.","usage":"Color grading, bloom, and vignettes.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-post-processing","term_class":"직접 조작형 예제"},{"id":"dar-502ea26081e4","en":"Bloom","ko":"블룸","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"밝은 영역의 빛이 주변으로 번지는 듯한 효과.","usage":"불꽃·네온·발광 강조.","notes":"발광 재질 자체와 별개이며 실제 광원 확산을 그대로 재현하는 것은 아니다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect making light from bright areas appear to spread into neighboring pixels.","usage":"Emphasizing fire, neon, and emission.","notes":"This is distinct from an emissive material and does not exactly reproduce the physical spreading of light."}}},{"id":"dar-bdab31658afa","en":"Depth of Field","ko":"피사계 심도","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"초점 거리 밖의 대상을 흐리게 하는 표현.","usage":"시선 유도·카메라 연출.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect blurring objects outside the focused distance range.","usage":"Guiding attention and staging camera shots.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"Foreground and background outside focus are blurred."}}},{"id":"dar-5dce6d746620","en":"Motion Blur","ko":"모션 블러","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"노출 시간 동안 움직임이 누적된 것처럼 흐리게 표현하는 효과.","usage":"속도감·영상적 표현.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Blur suggesting motion accumulated over an exposure interval.","usage":"Conveying speed and cinematic motion.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"Shapes smear along their direction of movement."}}},{"id":"dar-7306da907a65","en":"Chromatic Aberration","ko":"색수차","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"색 채널의 위치·초점 차이를 이용해 색 테두리를 만드는 효과.","usage":"렌즈 느낌·충격·왜곡.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect producing colored fringes through differing color-channel positions or focus.","usage":"Lens character, impacts, and distortion.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives."}}},{"id":"dar-52b799ca2cb1","en":"Field of View","ko":"시야각","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"카메라가 포착하는 각도 범위.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The angular extent captured by a camera.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"The camera sees an angular field of view."}}},{"id":"dar-e95baf2eb99f","en":"Near / Far Clip Plane","ko":"근·원 클리핑 평면","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"카메라에서 렌더링 가능한 깊이 범위의 앞뒤 경계.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The near and far boundaries of the depth range a camera can render.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone.","difference":"Near and far boundaries clip rendered depth."}}},{"id":"dar-31cf7ffc28b4","en":"Orbit Camera","ko":"궤도 카메라","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"특정 대상을 중심으로 회전하며 관찰하는 카메라 조작.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"atlaslive","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A camera control orbiting around a particular target.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}},"live_key":"3d-orbit","implementation":{"kind":"interactive-example","key":"3d-orbit","release":"3.2.0","sharedRecipe":true}},{"id":"dar-c16312a576ff","en":"Screen-space Effect","ko":"화면 공간 효과","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"화면 좌표를 기준으로 적용하는 효과.","usage":"피격 테두리·화면 왜곡.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-screen-space-effect","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect applied relative to screen coordinates.","usage":"Damage borders and screen distortion.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-screen-space-effect","term_class":"직접 조작형 예제"},{"id":"dar-83accbd2a081","en":"Frame Budget","ko":"프레임 시간 예산","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"목표 프레임률을 유지하기 위해 한 프레임에 쓸 수 있는 시간 범위.","usage":"UI·게임 성능 계획.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The time available per frame to maintain a target frame rate.","usage":"Interface and game performance planning.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it.","difference":"An illustrative 60 Hz budget, not a measured benchmark."}}},{"id":"dar-ccae6193253d","en":"GPU Picking","ko":"GPU 기반 선택 판정","domain":"3D·렌더링","category":"렌더링·카메라·최적화","kind":"용어·패턴","description":"색 ID 등 렌더링 결과를 이용해 화면 위치의 객체를 찾는 방식.","usage":"브라우저 3D·게임·제품 뷰어의 화질과 실행 비용을 조율한다.","notes":"성능은 장면·기기·해상도에 따라 달라진다. 폴리곤 수 하나만으로 판단하지 않는다.","ecosystem":"","aliases":"","source_url":"https://threejs.org/docs/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Identifying the object at a screen location using rendered data such as color IDs.","usage":"Balancing image quality and runtime cost in browser 3D, games, and product viewers.","notes":"Performance varies by scene, device, and resolution. Do not judge it from polygon count alone."}}},{"id":"dar-c40ef3e4b163","en":"Keyframe Animation","ko":"키프레임 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"시점별 기준 값을 지정하고 사이를 보간하는 애니메이션.","usage":"오브젝트·UI·캐릭터 제작.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation specifying values at key times and interpolating between them.","usage":"Creating object, interface, and character animation.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-4523ea190759","en":"Interpolation","ko":"보간","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"기준값 사이의 중간값을 계산하는 과정.","usage":"좌표·색·회전 변화 계산.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Calculating intermediate values between reference values.","usage":"Calculating position, color, and rotation changes.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"Intermediate values are calculated between endpoints."}}},{"id":"dar-04df56f9d567","en":"Animation Curve","ko":"애니메이션 곡선","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"시간과 속성값 또는 변화 속도의 관계를 표시한 곡선.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A curve representing the relationship between time and a property value or rate of change.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-a55a3294dd1f","en":"Squash and Stretch","ko":"눌림과 늘어남","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"움직임의 힘을 전달하도록 형태를 압축·신장하는 표현.","usage":"탄성 버튼·캐주얼 캐릭터.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Compressing and stretching a form to communicate the forces of motion.","usage":"Elastic buttons and stylized characters.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"A moving shape alternately compresses and stretches."}}},{"id":"dar-281fbefd02a0","en":"Anticipation","ko":"예비 동작","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"본 동작을 예상하게 만드는 선행 움직임.","usage":"버튼 확장·캐릭터 공격 준비.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A preparatory movement that signals the main action to come.","usage":"Button expansion and character attack anticipation.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"Preparation moves opposite to the main action."}}},{"id":"dar-074b1bb1a000","en":"Follow-through","ko":"후속 동작","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"주된 움직임이 멈춘 뒤 일부 요소가 계속 움직이는 표현.","usage":"머리카락·꼬리·아이콘 꼬리.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Movement that continues in some parts after the primary motion stops.","usage":"Hair, tails, and trailing icon parts.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"Secondary parts follow the main body."}}},{"id":"dar-06bf82ebc1ec","en":"Overlapping Action","ko":"겹치는 동작","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"여러 부분이 서로 다른 타이밍으로 움직이는 표현.","usage":"자연스러운 연결·지연 반응.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-overlap","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Movement in which different parts follow different timings.","usage":"Natural continuity and delayed responses.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-overlap","term_class":"직접 조작형 예제"},{"id":"dar-f5ac99e7424c","en":"Secondary Action","ko":"보조 동작","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"주된 행동의 의미나 감정을 보완하는 부수 움직임.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A supporting movement reinforcing the meaning or emotion of the main action.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-120756a730e4","en":"Animation Timing","ko":"타이밍","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"동작에 배정한 시간으로 속도감·무게·감정을 결정하는 요소.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The time allocated to an action, shaping its apparent speed, weight, and emotion.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-258b4065f756","en":"Stagger","ko":"시차 실행","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"여러 대상의 애니메이션 시작을 조금씩 어긋나게 하는 기법.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Offsetting the start times of animations across multiple objects.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-50d60461c3ef","en":"Rigging","ko":"리깅","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"모델을 조작할 뼈대·컨트롤·제약을 구성하는 작업.","usage":"캐릭터 애니메이션 준비.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Building the bones, controls, and constraints used to manipulate a model.","usage":"Preparing character animation.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-7923c90dd436","en":"Skinning","ko":"스키닝","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"뼈대의 움직임이 메시 정점에 영향을 주도록 연결하는 과정.","usage":"관절 변형.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Connecting a mesh to a skeleton so bone motion influences its vertices.","usage":"Joint deformation.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-69cbfc3e1fb4","en":"Weight Painting","ko":"웨이트 페인팅","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"뼈대가 정점에 미치는 영향 비율을 조정하는 작업.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Adjusting the proportion of influence that bones exert on vertices.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-21f9b999197e","en":"Inverse Kinematics","ko":"역기구학·IK","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"끝부분의 목표 위치로부터 관절 자세를 계산하는 방식.","usage":"발 접지·손 목표 도달.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Calculating joint poses from a desired end-effector position.","usage":"Foot planting and hand-target placement.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-4598b1bcaa7b","en":"Forward Kinematics","ko":"순기구학·FK","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"상위 관절부터 각도를 지정해 끝부분 위치를 결정하는 방식.","usage":"팔·꼬리의 연쇄 회전.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Determining an end position by setting joint rotations from parent to child.","usage":"Chained arm and tail rotations.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-d855cb9ddbd6","en":"Blend Shape","ko":"블렌드 셰이프","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"미리 만든 정점 형태들을 혼합해 표정이나 변형을 만드는 방식.","usage":"표정·눈 깜빡임·근육 표현.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"Blend Shape / Morph Target","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Blending prebuilt vertex shapes to create expressions or deformation.","usage":"Facial expressions, blinking, and muscle deformation.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-5f0dd3cd60ad","en":"Animation Blending","ko":"애니메이션 블렌딩","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"여러 동작의 값을 가중치로 섞는 방식.","usage":"걷기에서 달리기 전환.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Combining values from multiple animations using weights.","usage":"Transitions from walking to running.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-8b2a4b9e9b1b","en":"Root Motion","ko":"루트 모션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"애니메이션의 루트 변위를 캐릭터의 실제 이동에 반영하는 방식.","usage":"공격 돌진·특수 이동.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Applying displacement from an animation's root to the character's actual movement.","usage":"Attack lunges and special movement.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-63502a196ba9","en":"Motion Capture","ko":"모션 캡처","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"실제 움직임을 측정해 애니메이션 데이터로 사용하는 방식.","usage":"캐릭터 연기·스포츠 동작.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Measuring real motion for use as animation data.","usage":"Character performances and sports motion.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-932c74e87709","en":"Particle System","ko":"파티클 시스템","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"다수 입자의 생성·변화·소멸·표시를 관리하는 시스템.","usage":"불·연기·폭발.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system managing the creation, evolution, disappearance, and display of many particles.","usage":"Fire, smoke, and explosions.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal."}}},{"id":"dar-fbc3126042fa","en":"Emitter","ko":"이미터·방출기","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 생성되는 위치·방식·조건을 정의하는 구성 요소.","usage":"분수·화염·마법 발사.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A component defining where, how, and under what conditions particles are created.","usage":"Fountains, flames, and magical projectiles.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal."}}},{"id":"dar-804b09cd285a","en":"Particle Lifetime","ko":"입자 수명","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 생성된 뒤 제거되기까지 존재하는 시간.","usage":"효과 길이·입자 밀도 조정.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The time between a particle's creation and removal.","usage":"Tuning effect duration and particle density.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Compare a particle from birth to expiration."}}},{"id":"dar-406491ddae73","en":"Trail","ko":"트레일·이동 궤적","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"움직이는 대상이나 입자가 지나간 경로를 남기는 표현.","usage":"검기·로켓 연기·잔광.","notes":"트레일은 결과나 동작을 가리키며 구현이 반드시 리본인 것은 아니다.","ecosystem":"","aliases":"Trail / Ribbon","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual trace left along the path of a moving object or particle.","usage":"Sword arcs, rocket smoke, and light trails.","notes":"A trail describes a result or behavior; it need not be implemented as a ribbon."}}},{"id":"dar-a66af4f049fe","en":"Flipbook Animation","ko":"플립북 애니메이션","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"여러 이미지 프레임을 순서대로 재생해 움직임을 표현한다.","usage":"폭발·연기·물보라.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-flipbook","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Representing motion by playing a sequence of image frames.","usage":"Explosions, smoke, and splashes.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. An original learning example, not a complete engine pipeline."}},"live_key":"v38-flipbook","term_class":"직접 조작형 예제"},{"id":"dar-81294c03a7ee","en":"VFX Graph","ko":"VFX 그래프","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"노드 연결로 이펙트의 생성·갱신·렌더링을 구성하는 그래프 기반 작업 방식. 특정 제품은 별도 항목으로 구분한다.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"일반적인 이펙트 그래프와 Unity Visual Effect Graph라는 특정 패키지를 구분한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A node-based workflow for configuring effect creation, updating, and rendering; specific products have separate entries.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Distinguish a generic effects graph from the specific Unity Visual Effect Graph package."}}},{"id":"dar-50c4fde18ba0","en":"Screen Shake","ko":"화면 흔들림","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"카메라나 화면을 짧게 흔들어 충격·움직임을 강조한다.","usage":"명중·폭발·진동.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Briefly shaking the camera or screen to emphasize impact or movement.","usage":"Hits, explosions, and vibration.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives."}}},{"id":"dar-e27c1c45f18e","en":"Dissolve Effect","ko":"디졸브 효과","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"마스크·노이즈 임계값 등을 변화시켜 표면이 사라지거나 나타나게 하는 효과.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Revealing or removing a surface by varying a mask or noise threshold.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-d7aaed2d1eeb","en":"Distortion Effect","ko":"왜곡 효과","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"UV·스크린 좌표 등을 바꾸어 열기·굴절·충격파를 표현하는 기법.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Representing heat, refraction, or shock waves by altering UV or screen coordinates.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-df4f7e2ee61d","en":"Signed Distance Field","ko":"부호 있는 거리장","domain":"모션·사운드","category":"애니메이션·VFX 제작","kind":"용어·패턴","description":"각 위치에서 경계까지의 거리와 안팎을 값으로 표현한 자료.","usage":"웹 모션·캐릭터 동작·게임 이펙트·영상 연출의 시간적 표현을 설계한다.","notes":"모션은 상태 전달에 기여해야 한다. 민감한 번쩍임·과도한 흔들림은 피하고 정지·감소 옵션을 마련한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Data representing distance to a boundary together with whether a position is inside or outside it.","usage":"Designing timing in web motion, character animation, game effects, and video.","notes":"Motion should help communicate state. Avoid sensitive flashing and excessive shaking, and provide pause or reduced-motion options."}}},{"id":"dar-dabf0de9410e","en":"Foley","ko":"폴리","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"발소리·옷 스침 등 동작에 맞춘 생활 효과음을 제작하는 작업.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Creating everyday sound effects synchronized to actions, such as footsteps or clothing movement.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-d948b1a74874","en":"Ambience","ko":"환경음","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"장소의 지속적인 분위기와 공간감을 만드는 배경 소리.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Background sound establishing a location's ongoing atmosphere and sense of space.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-2879cf64d873","en":"Sound Cue","ko":"사운드 큐","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"특정 사건과 연결하여 재생하는 소리 또는 재생 규칙 묶음.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A sound or set of playback rules associated with a particular event.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-769a3c8293c3","en":"Adaptive Music","ko":"적응형 음악","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"플레이 상태에 따라 구성·강도·구간이 달라지는 음악 시스템.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A music system whose arrangement, intensity, or sections change with gameplay state.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-e0c1c32aa1a6","en":"Horizontal Resequencing","ko":"수평 음악 재배열","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"음악 구간의 연결 순서를 상태에 따라 바꾸는 방식.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Changing the sequence of musical sections according to state.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-3314902f8602","en":"Vertical Layering","ko":"수직 음악 레이어링","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"여러 악기·트랙 층의 재생을 조절해 음악 강도를 바꾸는 방식.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Changing musical intensity by enabling or adjusting instrument or track layers.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-f220c0191eb0","en":"Spatial Audio","ko":"공간 음향","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"소리의 위치·방향·거리감을 전달하는 재생 방식.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Audio presentation conveying sound position, direction, and distance.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-75fed1529b2f","en":"Audio Attenuation","ko":"음향 감쇠","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"거리나 환경에 따라 소리 크기·주파수 특성을 줄이는 처리.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Reducing volume or frequency content according to distance or environmental conditions.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-69b647df8435","en":"Audio Occlusion","ko":"음향 차폐","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"벽 등 장애물 때문에 소리가 약해지거나 달라지는 현상을 표현하는 처리.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Representing how obstacles such as walls weaken or alter sound.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-feb63931728b","en":"Reverb","ko":"잔향","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"반사음이 공간에 남아 퍼지는 특성과 이를 만드는 효과.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The persistence and diffusion of reflected sound in a space, or an effect recreating it.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-aea4a3aff879","en":"Ducking","ko":"덕킹","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"대사 등 우선 소리가 나올 때 다른 소리의 음량을 낮추는 처리.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Lowering other audio when a higher-priority sound, such as dialogue, is playing.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-9403e8c3e274","en":"Audio Bus","ko":"오디오 버스","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"여러 소리를 묶어 음량·효과·출력을 관리하는 경로.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A signal path grouping sounds for shared volume, effects, and output management.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-c7c273c648e6","en":"Crossfade","ko":"크로스페이드","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"기존 요소나 신호의 강도를 줄이면서 새 요소나 신호를 동시에 높이는 전환. 영상·UI에서는 주로 불투명도, 음향에서는 음량 등을 변화시킨다.","usage":"이미지·화면·오디오의 부드러운 교체.","notes":"같은 용어가 시각·음향에 모두 쓰인다. 변경할 속성을 구체적으로 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition reducing one element or signal while increasing another, typically using opacity for visuals or volume for audio.","usage":"Smooth replacement of images, screens, or audio.","notes":"The same term can refer to visual or audio effects. Specify the property being changed."}}},{"id":"dar-028e458a6888","en":"Audio Loop","ko":"오디오 루프","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"끝과 시작이 이어져 반복 재생되도록 만든 소리 구간.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An audio segment designed to repeat with its end and beginning connected.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-94ec401f7e4e","en":"Storyboard","ko":"스토리보드","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"장면·동작·카메라·전개를 컷 단위로 계획한 시각 문서.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual document planning scenes, actions, camera views, and progression shot by shot.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-36d355caa272","en":"Animatic","ko":"애니매틱","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"스토리보드에 시간·소리·간단한 움직임을 더한 사전 영상.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A preliminary video adding timing, sound, and simple movement to a storyboard.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-03fd43e7f99f","en":"Compositing","ko":"영상 합성","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"여러 영상·렌더 패스·마스크를 결합해 최종 화면을 만드는 작업.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Combining footage, render passes, and masks into a final image.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-802e1c33a65b","en":"Alpha Channel","ko":"알파 채널","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"픽셀의 불투명도·투명도 정보를 저장하는 채널.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A channel storing pixel opacity or transparency information.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-7f8b48a4d4d4","en":"Chroma Key","ko":"크로마키","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"특정 색 배경을 기준으로 피사체를 분리하는 합성 기법.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A compositing technique separating a subject using a designated background color.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-77f82604230e","en":"Rotoscoping","ko":"로토스코핑","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"프레임별 대상 윤곽을 추적해 마스크나 애니메이션을 만드는 작업.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Tracing a subject's outline frame by frame to create masks or animation.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-6eaf8c576c67","en":"Color Grading","ko":"컬러 그레이딩","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"전체 장면의 색·대비·톤을 조절하는 작업.","usage":"분위기·상태·일관성.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adjusting the color, contrast, and overall tonal character of a scene.","usage":"Atmosphere, state, and visual consistency.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives."}}},{"id":"dar-b0af07fde4ee","en":"LUT","ko":"색 변환 룩업 테이블","domain":"모션·사운드","category":"사운드·영상·합성","kind":"용어·패턴","description":"입력 색을 출력 색으로 대응시키는 변환 데이터를 저장한 표.","usage":"게임·서비스·브랜드 영상에서 음향과 후반 표현을 설계한다.","notes":"소리만으로 중요한 정보를 전달하지 않는다. 음원 권리·최대 음량·자막 접근성을 함께 검토한다.","ecosystem":"","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A table storing mappings from input colors to output colors.","usage":"Designing sound and post-production treatments for games, services, and brand videos.","notes":"Do not communicate essential information through sound alone. Review audio rights, maximum volume, and caption accessibility."}}},{"id":"dar-07581b7cd14e","en":"Brand Identity","ko":"브랜드 정체성","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"브랜드가 전달하려는 의미와 이를 일관되게 표현하는 언어·시각 체계.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The intended meaning of a brand and the verbal and visual system expressing it consistently.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-a5a68f01ea4f","en":"Visual Identity","ko":"시각 정체성","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"로고·색·서체·이미지 등 시각 요소로 구성된 브랜드 표현 체계.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A brand expression system composed of visual elements such as logos, colors, type, and imagery.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-fba7a3112ef1","en":"Logotype / Wordmark","ko":"로고타이프·워드마크","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"브랜드 이름의 문자 형태를 중심으로 만든 식별 표식.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An identity mark based primarily on the letterforms of a brand name.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-3b294fa50448","en":"Logomark","ko":"심벌마크","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"문자 이름과 별개로 브랜드를 나타내는 기호·도형 중심 표식.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A symbolic or geometric mark representing a brand independently of its written name.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-6335b4fcb52c","en":"Brand Lockup","ko":"브랜드 조합형","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"로고·심벌·태그라인의 위치와 비율을 정한 고정 조합.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A fixed arrangement defining the positions and proportions of a logo, symbol, and tagline.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-e4193d7fa965","en":"Clear Space","ko":"최소 보호 여백","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"로고의 식별성을 유지하기 위해 주변에 확보하는 공간.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Space reserved around a logo to preserve its recognizability.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-ff2921287cc6","en":"Brand Guidelines","ko":"브랜드 가이드라인","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"로고·색·서체·어조 등의 사용 기준과 금지 사례를 정리한 문서.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Documentation specifying permitted and prohibited uses of logos, colors, typography, tone, and related elements.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-0139043ffaa3","en":"Tone of Voice","ko":"브랜드 언어 톤","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"문장·어휘·말투를 통해 브랜드 인상을 일관되게 만드는 기준.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Guidelines for conveying a consistent brand character through wording, vocabulary, and style.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-ed38e17a827a","en":"Key Visual","ko":"키 비주얼","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"캠페인·브랜드의 메시지를 대표하는 핵심 이미지와 구성.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The central image and composition representing a campaign or brand message.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-81b048bbf330","en":"Moodboard","ko":"무드보드","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"색·재질·사진·형태 등의 참고 자료로 시각 방향을 공유하는 보드.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A board of references such as colors, materials, photographs, and shapes communicating a visual direction.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-3a7812ee392a","en":"Style Tile","ko":"스타일 타일","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"완성 화면보다 색·타입·버튼·질감 등 스타일 조각을 모아 비교하는 자료.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A reference comparing style fragments such as colors, type, buttons, and textures rather than complete screens.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-1a0b0f72a20b","en":"Dieline","ko":"칼선·전개도","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"패키지의 재단·접기·접착 위치를 정의하는 제작 도면.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A production drawing defining package cut, fold, and glue locations.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-9fbabf7509fe","en":"Bleed","ko":"도련","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"재단 오차로 흰 틈이 생기지 않도록 재단선 밖으로 확장한 인쇄 영역.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Printed artwork extended beyond the trim edge to prevent white gaps caused by cutting variation.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-c34c7f524d4d","en":"Trim Line","ko":"재단선","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"완성 인쇄물의 잘리는 경계를 표시한 선.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A line indicating the final cut boundary of a printed piece.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-de6c5f689699","en":"Safe Area (Print)","ko":"인쇄 안전 영역","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"재단 오차 등을 고려하여 중요한 내용을 안쪽에 배치하는 보호 영역.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An inset area protecting important content from trimming and other production tolerances.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-cf5552ce427d","en":"Crop Marks","ko":"재단 표시","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"인쇄 후 자를 위치를 알려주는 바깥쪽 표시.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Marks outside the artwork indicating where it should be cut after printing.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-e3ad6d553836","en":"Spot Color","ko":"별색","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"프로세스 색 혼합과 별개로 지정한 잉크를 사용해 인쇄하는 색.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A color printed using a separately specified ink rather than only process-color mixing.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-5c6460dacb05","en":"Overprint","ko":"오버프린트","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"아래 잉크 영역을 제거하지 않고 위 색을 겹쳐 인쇄하는 설정.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A setting that prints a color over underlying ink without removing the lower ink area.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-c654f09761a0","en":"Knockout","ko":"녹아웃","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"위에 인쇄할 객체 부분의 아래 색을 비워 두는 처리.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Removing the underlying color in the area where another object will be printed.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-b6fc84e16837","en":"Trapping","ko":"트래핑","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"인쇄 색판 정합 오차로 틈이 생기지 않게 인접 색을 겹치는 보정.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Slightly overlapping adjacent ink areas to compensate for printing registration errors.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-047f7697937e","en":"Halftone","ko":"하프톤","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"점 크기·밀도·배열로 연속적인 명암을 표현하는 인쇄·그래픽 기법.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A printing or graphics technique representing tones through dot size, density, and arrangement.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-6269c41adac3","en":"Emboss / Deboss","ko":"양각·음각","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"표면을 돌출시키거나 눌러 촉각적 형태를 만드는 후가공.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Finishing processes that raise or recess a surface to create a tactile form.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-e3301848e111","en":"Foil Stamping","ko":"박 가공","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"열·압력 등으로 금속성 또는 색상 필름을 표면에 전사하는 후가공.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A finishing process transferring metallic or colored foil to a surface using heat, pressure, or related methods.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-d3ea68c165b1","en":"Print Proof","ko":"인쇄 교정","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"최종 생산 전 색·내용·재단·후가공 조건을 확인하는 시험 출력 또는 검수.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A test output or review checking color, content, trim, and finishing before final production.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-d135fff4e463","en":"PPI / DPI","ko":"PPI·DPI","domain":"브랜드·인쇄·공간","category":"브랜딩·편집·패키지","kind":"용어·패턴","description":"PPI는 이미지 픽셀 밀도, DPI는 출력 점 밀도를 주로 뜻하며 동일 개념이 아니다.","usage":"브랜드 가이드·패키지·상세페이지·인쇄물의 일관성과 생산 사양을 정한다.","notes":"출력소·제조사의 규격이 우선이다. 도련·재단·색상 프로파일은 납품 조건으로 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/indesign/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"PPI usually describes image-pixel density, while DPI describes output-dot density; they are not interchangeable.","usage":"Defining consistency and production specifications for branding, packaging, product pages, and print.","notes":"The printer's or manufacturer's specifications take precedence. Confirm bleed, trimming, and color profiles against delivery requirements."}}},{"id":"dar-7345a707ae1c","en":"Exhibition Design","ko":"전시 디자인","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"전시물·공간·조명·정보를 조합하여 관람 경험을 설계하는 분야.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Designing visitor experiences by combining exhibits, space, lighting, and information.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-e67cac290b1b","en":"Visual Merchandising","ko":"비주얼 머천다이징","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"상품·집기·조명·사인을 통해 상품 이해와 구매 탐색을 돕는 매장 연출.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Presenting products through merchandise, fixtures, lighting, and signs to support understanding and shopping.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-8f3e653f4c49","en":"Planogram","ko":"상품 진열도","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"상품의 위치·순서·면수·수량을 규정한 진열 계획.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A display plan specifying product positions, order, facings, and quantities.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-03efb3cb8af0","en":"Facing","ko":"진열 페이싱","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"고객에게 정면으로 보이는 상품의 진열 면 또는 그 개수.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The product faces visible to customers in a display, or the number of those faces.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-6735f5688afd","en":"Sightline in Space","ko":"공간 시야선","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"관람자 위치에서 간판·상품·전시물이 보이는 경로와 관계.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The visibility relationships among a viewer's position, signs, products, and exhibits.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-283fd32723c1","en":"Circulation","ko":"공간 동선","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"사람이 들어오고 이동하고 머무르고 나가는 흐름.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The flow of people entering, moving through, staying in, and leaving a space.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-f076a6bbb20b","en":"Zoning","ko":"구역화","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"체험·판매·상담·보관 등 기능에 따라 공간을 나누는 계획.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Dividing a space by function, such as demonstration, sales, consultation, and storage.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-68d39385f6a7","en":"Wayfinding","ko":"길찾기 설계","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"사인·공간 단서·명칭 등을 이용해 목적지를 찾도록 돕는 체계.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system using signs, spatial cues, and naming to help people find destinations.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-ee3d6bca7f62","en":"Signage","ko":"사인 체계","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"방향·식별·주의·브랜드 정보를 전달하는 표지 구성.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An arrangement of signs communicating directions, identity, warnings, or brand information.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-d6dfff852370","en":"Ergonomics","ko":"인간공학","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"사람의 신체·인지 특성에 맞춰 제품과 환경을 설계하는 분야.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Designing products and environments around human physical and cognitive characteristics.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-0fa073a5ec1b","en":"Anthropometrics","ko":"인체 치수","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"제품·공간 치수 설계에 활용하는 신체 크기와 도달 범위 정보.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Body-size and reach measurements used to determine product and spatial dimensions.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-dc7b910f0e99","en":"Reach Envelope","ko":"도달 범위","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"사용자가 자세 조건 아래 손이나 몸을 뻗어 접근할 수 있는 영역.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The area a person can reach with their hands or body under specified posture conditions.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-fb22b056f844","en":"Exploded View","ko":"분해도","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"제품의 부품과 조립 관계를 떨어뜨려 보여주는 도해.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A diagram separating parts to show their assembly relationships.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-d250e0455f0c","en":"Orthographic Drawing","ko":"정투상 도면","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"서로 다른 기준 방향에서 원근 축소 없이 형태를 투영한 도면.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A drawing projecting form from reference directions without perspective reduction.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-975b46c5983d","en":"Section View","ko":"단면도","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"물체나 공간을 가상의 평면으로 잘랐을 때의 내부 구조를 표현한 도면.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A drawing revealing internal structure through an imaginary cutting plane.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-69caaeaba3d2","en":"Tolerance","ko":"공차","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"제작된 치수나 형상의 허용 오차 범위.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The allowable deviation in manufactured dimensions or form.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-1c495ea7f9a9","en":"CMF","ko":"색·소재·마감","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"제품의 색상·재질·표면 처리 특성을 함께 설계하는 영역.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The design of a product's color, material, and surface-finish characteristics together.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-037a5d4018fc","en":"DFM","ko":"제조 용이성 설계","domain":"브랜드·인쇄·공간","category":"전시·제품·공간 설계","kind":"용어·패턴","description":"제조 공정·비용·품질을 고려하여 형태와 구조를 설계하는 접근.","usage":"부스·매장·제품·전시물의 시각 표현과 사용 동선을 함께 설계한다.","notes":"이 사전은 개념 참고용이다. 통로 돌출·하중·전기·피난 등은 주최 측과 관련 전문 기준을 확인한다.","ecosystem":"","aliases":"","source_url":"https://helpx.adobe.com/illustrator/user-guide.html","source_scope":"분야 참고문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An approach designing form and structure around manufacturing processes, cost, and quality.","usage":"Designing visual presentation and circulation for booths, stores, products, and exhibitions.","notes":"This encyclopedia is conceptual reference material. Check aisle encroachment, loads, electrical work, and evacuation requirements with organizers and qualified specialists."}}},{"id":"dar-3345fe6a13c9","en":"Reference Board","ko":"레퍼런스 보드","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"출처·주목 요소·활용 이유를 붙여 참고 자료를 정리한 보드.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A board organizing references with their sources, notable features, and intended use.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-5dd3917b269e","en":"Competitive Audit","ko":"경쟁 제품 분석","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"비슷한 사용자 목표를 해결하는 제품의 구조·장단점을 비교하는 조사.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Research comparing the structure, strengths, and weaknesses of products serving similar user goals.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-f69e4b454ffb","en":"Design Brief","ko":"디자인 브리프","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"목표·대상·문제·범위·제약·산출물을 합의한 초기 요구 문서.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An initial agreement on goals, audience, problems, scope, constraints, and deliverables.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-6f0cecf047af","en":"Design Rationale","ko":"디자인 근거","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"선택한 구조와 표현이 요구·증거·제약에 적합한 이유.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The reasoning showing how a design choice fits requirements, evidence, and constraints.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-df6a7fa4bb6b","en":"Low-fidelity Prototype","ko":"저충실도 프로토타입","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"핵심 구조와 흐름만 빠르게 검증하는 단순 시제품.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A simple prototype for quickly testing essential structure and flows.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-6ae6943201eb","en":"High-fidelity Prototype","ko":"고충실도 프로토타입","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"실제 외형·상호작용에 가깝게 구현한 검증용 시제품.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A prototype closely approximating the final appearance and interactions for validation.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-95be4f2616de","en":"Interaction Specification","ko":"인터랙션 명세","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"트리거·상태 전이·응답·예외·입력 규칙을 정의한 문서.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A document defining triggers, state transitions, responses, exceptions, and input rules.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-69e500feb8b2","en":"State Matrix","ko":"상태 행렬","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"기본·로딩·빈 값·오류·성공 등 조합별 표현을 정리한 표.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A table specifying presentation across combinations such as default, loading, empty, error, and success.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-f16df0780611","en":"Acceptance Criteria","ko":"인수 기준","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"기능·디자인을 완료로 판단하기 위한 관찰 가능한 조건.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Observable conditions for determining whether a feature or design is complete.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-75c3e926cd30","en":"Visual Regression Test","ko":"시각 회귀 테스트","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"변경 전후 화면 차이를 비교하여 의도하지 않은 시각 변화를 찾는 검증.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Comparing screens before and after a change to detect unintended visual differences.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-1f8273ded863","en":"Snapshot Test","ko":"스냅숏 테스트","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"결과를 기준본과 비교해 구조·출력 변화 여부를 감지하는 테스트.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A test comparing output with a saved baseline to detect structural or output changes.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-126804887873","en":"Cross-browser Test","ko":"브라우저 교차 테스트","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"서로 다른 브라우저에서 기능과 레이아웃 차이를 확인하는 검증.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Checking functional and layout differences across browsers.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-bf4c5d8b714d","en":"Responsive QA","ko":"반응형 검수","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"기기 폭·높이·배율·입력 방식별로 레이아웃과 기능을 확인하는 검증.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Checking layout and behavior across viewport sizes, scaling levels, and input methods.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-ccc2e115cb50","en":"Accessibility Audit","ko":"접근성 감사","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"키보드·보조기술·대비·의미 구조 등 접근성 조건을 체계적으로 점검하는 작업.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Systematically reviewing accessibility conditions such as keyboard use, assistive technology, contrast, and semantics.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-f9272a4cb0aa","en":"Cognitive Load","ko":"인지 부하","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"과업 수행 중 사용자의 인지 자원에 요구되는 부담.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The demand a task places on a user's cognitive resources.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-1b2a6446da9b","en":"Recognition over Recall","ko":"회상보다 재인","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"사용자가 기억해내기보다 눈앞의 선택지를 인식하도록 돕는 원칙.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The principle of helping users recognize visible options rather than recall information from memory.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-f6bfdfa7a35a","en":"Fitts's Law","ko":"피츠의 법칙","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"목표까지 거리와 목표 크기가 포인팅 과업 시간에 영향을 준다는 모델.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A model relating pointing-task time to target distance and target size.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-0f438bfa631c","en":"Hick–Hyman Law","ko":"힉·하이먼 법칙","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"선택지의 수와 정보량이 특정 선택 과업 시간에 영향을 준다는 모델.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A model relating the number and information content of choices to time in certain choice tasks.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-ae802a076a03","en":"Affordance vs Signifier","ko":"어포던스·시그니파이어","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"가능한 행동 자체와 그 행동을 알아차리게 하는 단서를 구분하는 개념.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Distinguishing possible actions from the cues that make those actions perceptible.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-813297b305bb","en":"Dark Pattern","ko":"기만적 디자인 패턴","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"사용자 의사나 이익에 반하는 선택을 유도하도록 설계된 인터페이스 방식.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface designed to steer users toward choices contrary to their intentions or interests.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-a3c7c7edf887","en":"Design Debt","ko":"디자인 부채","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"단기 타협이나 불일치가 쌓여 이후 변경·사용성 비용을 높이는 상태.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Accumulated compromises or inconsistencies that increase future change and usability costs.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-2b590ac95226","en":"Content Model","ko":"콘텐츠 모델","domain":"설계·검증","category":"레퍼런스 조사·명세·QA","kind":"용어·패턴","description":"콘텐츠 종류·필드·관계·검증 규칙을 구조화한 정의.","usage":"레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.","notes":"용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.gov.uk/service-manual/user-research","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structured definition of content types, fields, relationships, and validation rules.","usage":"Managing references as design evidence with constraints and validation criteria, rather than images to copy.","notes":"Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability."}}},{"id":"dar-b59a05a81951","en":"SVG","ko":"확장 가능 벡터 그래픽","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"경로·도형·텍스트 등을 XML 기반으로 기술하는 벡터 이미지 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/SVG","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An XML-based vector image format describing paths, shapes, and text.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-5378d6ce6195","en":"PNG","ko":"PNG 이미지","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"무손실 압축과 투명도 표현에 활용되는 래스터 이미지 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/TR/png/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A raster image format used for lossless compression and transparency.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-75b63a0ec595","en":"JPEG","ko":"JPEG 이미지","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"사진 등 연속톤 이미지에 널리 사용하는 손실 압축 이미지 형식 계열.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://jpeg.org/jpeg/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A family of lossy image-compression formats widely used for photographs and continuous-tone images.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-5a44a11c3913","en":"WebP","ko":"WebP 이미지","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"손실·무손실·투명도·애니메이션을 지원하는 이미지 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/speed/webp","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An image format supporting lossy and lossless compression, transparency, and animation.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-900be5d6f4b9","en":"AVIF","ko":"AVIF 이미지","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"AV1 기반 압축을 이용하는 이미지 파일 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://aomediacodec.github.io/av1-avif/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An image file format using AV1-based compression.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-3b835351f739","en":"OpenEXR","ko":"OpenEXR","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"고명암비·다채널 렌더 결과 교환에 사용하는 이미지 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://openexr.com/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An image format used to exchange high-dynamic-range, multichannel render output.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-00033bb63990","en":"glTF","ko":"glTF","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"실시간 3D 자산의 전달과 로딩을 목표로 한 Khronos의 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"개별 기술 문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Khronos format designed for delivery and loading of real-time 3D assets.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-5eb07c6e76ed","en":"GLB","ko":"GLB","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"glTF 자산을 바이너리 컨테이너에 묶는 표현 방식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"개별 기술 문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A binary-container representation bundling glTF assets.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-b5f074d9b545","en":"FBX","ko":"FBX","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"3D 장면·모델·리깅·애니메이션 교환에 사용하는 Autodesk 계열 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.autodesk.com/products/fbx/overview","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An Autodesk format used to exchange 3D scenes, models, rigs, and animation.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-2e58a7efa086","en":"OBJ","ko":"OBJ","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"메시의 위치·UV·법선 등을 표현하는 텍스트 기반 3D 교환 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A text-based 3D interchange format representing mesh positions, UVs, and normals.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-be52aed18412","en":"USD","ko":"Universal Scene Description","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"장면의 구성·계층·변형·협업 데이터를 기술하는 3D 장면 체계.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://openusd.org/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D scene system describing composition, hierarchy, variants, and collaborative scene data.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-bf8ffb5cfe4d","en":"STL","ko":"STL","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"삼각형 표면으로 형상을 표현하며 3D 프린팅 등에 쓰이는 파일 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A file format describing geometry as triangular surfaces, commonly used in 3D printing.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-d812d006391a","en":"3MF","ko":"3MF","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"3D 제조용 형상과 재료 등 부가 정보를 패키지로 전달하는 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://3mf.io/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A package format for 3D manufacturing geometry and additional information such as materials.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-f696263a7a84","en":"KTX2","ko":"KTX2","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"GPU 텍스처 전달과 압축 활용을 위한 컨테이너 형식.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/ktx/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A container format for GPU texture delivery and compressed-texture workflows.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-c14a81a2968b","en":"Draco Compression","ko":"드라코 압축","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"3D 기하 데이터를 압축하여 전송량 등을 줄이는 기술.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://google.github.io/draco/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A technology compressing 3D geometry to reduce transfer size and related costs.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-8b3a0a9e3f29","en":"WebGL","ko":"웹GL","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"브라우저에서 GPU 기반 2D·3D 그래픽을 실행하는 웹 API.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web API for GPU-based 2D and 3D graphics in the browser.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-05b9c41bacd7","en":"WebGPU","ko":"웹GPU","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"그래픽과 범용 GPU 계산을 위한 현대적 웹 API.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A modern web API for graphics and general-purpose GPU computation.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-fe5d92482c3b","en":"GLSL","ko":"GLSL","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"OpenGL·WebGL 계열에서 사용하는 셰이더 언어.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A shader language used in OpenGL and WebGL environments.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-6061c247ad61","en":"WGSL","ko":"WGSL","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"WebGPU용 셰이더 프로그램을 작성하는 언어.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/TR/WGSL/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A language for writing WebGPU shader programs.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-4026edb1f60b","en":"HLSL","ko":"HLSL","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"DirectX 등 그래픽 환경에서 사용하는 고수준 셰이더 언어.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://learn.microsoft.com/en-us/windows/win32/direct3dhlsl/dx-graphics-hlsl","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A high-level shader language used in graphics environments such as DirectX.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-a277f07d98d5","en":"OpenXR","ko":"OpenXR","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"VR·AR 등 확장현실 앱과 런타임 사이의 공통 인터페이스 표준.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/openxr/","source_scope":"개별 기술 문서","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A common interface standard between XR applications and runtimes, including VR and AR.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-a39e0b97cf90","en":"Sprite Sheet","ko":"스프라이트 시트","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"여러 2D 이미지·프레임을 한 장에 배열한 리소스.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A resource arranging multiple 2D images or animation frames on one sheet.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-1d21c0676320","en":"Nine-slice Scaling","ko":"9분할 확대","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"이미지를 9개 영역으로 나누어 모서리를 유지하면서 UI를 확대하는 기법.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Scaling an image as nine regions so corners can retain their appearance as the UI expands.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-8924c37270f8","en":"Font Subsetting","ko":"폰트 서브세팅","domain":"표준·자산","category":"파일 형식·그래픽 표준","kind":"용어·패턴","description":"필요한 글리프만 남겨 글꼴 파일 크기를 줄이는 처리.","usage":"디자인 자산의 교환·배포·렌더링 호환성을 결정한다.","notes":"형식 지원과 세부 기능 지원은 다르다. 내보내기 후 대상 환경에서 재질·폰트·애니메이션을 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.khronos.org/gltf/","source_scope":"분야 참고문서","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reducing font-file size by retaining only the required glyphs.","usage":"Choosing compatibility for asset exchange, distribution, and rendering.","notes":"Supporting a format does not imply supporting every feature. Verify materials, fonts, and animations in the target environment after export."}}},{"id":"dar-775ecd89301d","en":"Tailwind CSS","ko":"Tailwind CSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"단일 목적 유틸리티 클래스를 조합해 스타일을 구성하는 CSS 프레임워크.","usage":"맞춤 디자인 시스템·반응형 웹 UI.","notes":"버전에 따라 설정·빌드 방식이 다르다. 설치 버전의 공식 가이드를 따른다.","ecosystem":"CSS","aliases":"테일윈드 테일윈드CSS","source_url":"https://tailwindcss.com/docs/installation","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A CSS framework composing styles from single-purpose utility classes.","usage":"Custom design systems and responsive web interfaces.","notes":"Configuration and build procedures differ by version. Follow the official guide for the installed version."}}},{"id":"dar-155e885ae411","en":"Bootstrap","ko":"Bootstrap","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"반응형 그리드와 스타일된 UI 컴포넌트를 제공하는 웹 툴킷.","usage":"표준적인 관리 화면·프로토타입.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / JavaScript","aliases":"부트스트랩","source_url":"https://getbootstrap.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web toolkit providing a responsive grid and styled interface components.","usage":"Conventional administration screens and prototypes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e0584cf1f7fd","en":"Bulma","ko":"Bulma","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"CSS 중심으로 레이아웃과 컴포넌트 스타일을 제공하는 프레임워크.","usage":"자바스크립트 동작을 별도로 구성할 웹 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS","aliases":"","source_url":"https://bulma.io/documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A CSS-focused framework providing layout and component styles.","usage":"Web interfaces with separately implemented JavaScript behavior.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-31e635dffce5","en":"Foundation","ko":"Foundation","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"반응형 레이아웃과 웹 컴포넌트를 제공하는 프런트엔드 프레임워크.","usage":"반응형 사이트·기업 웹 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / JavaScript","aliases":"","source_url":"https://get.foundation/sites/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A front-end framework offering responsive layouts and web components.","usage":"Responsive websites and business interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6dc499c0cd9a","en":"Pico CSS","ko":"Pico CSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"시맨틱 HTML 요소에 간결한 기본 스타일을 제공하는 CSS 프레임워크.","usage":"소규모 웹 도구·간단한 폼·문서.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS","aliases":"","source_url":"https://picocss.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A CSS framework giving semantic HTML concise default styling.","usage":"Small web tools, simple forms, and documentation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-89bbeca9c62a","en":"UIkit","ko":"UIkit","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"프레임워크","description":"레이아웃·컴포넌트·상호작용을 묶어 제공하는 웹 UI 툴킷.","usage":"빠른 반응형 사이트 구축.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / JavaScript","aliases":" 웹 CSS","source_url":"https://getuikit.com/docs/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web interface toolkit combining layouts, components, and interactions.","usage":"Rapid responsive-site development.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fe80e7d73090","en":"daisyUI","ko":"daisyUI","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"Tailwind 기반으로 의미 있는 컴포넌트 클래스와 테마를 제공하는 도구.","usage":"Tailwind 프로젝트의 버튼·카드·폼.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Tailwind CSS","aliases":"","source_url":"https://daisyui.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Tailwind-based tool providing semantic component classes and themes.","usage":"Buttons, cards, and forms in Tailwind projects.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9a7d1282f852","en":"Flowbite","ko":"Flowbite","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"Tailwind 스타일의 컴포넌트와 상호작용 구현을 제공하는 도구군.","usage":"관리 화면·랜딩 페이지 구성.","notes":"코어·프레임워크 어댑터·유료 자산의 범위를 구분한다.","ecosystem":"Tailwind CSS / JavaScript","aliases":"","source_url":"https://flowbite.com/docs/getting-started/introduction/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A family of tools providing Tailwind-styled components and interaction implementations.","usage":"Administration screens and landing pages.","notes":"Distinguish the core library, framework adapters, and paid assets."}}},{"id":"dar-b729d14372c1","en":"UnoCSS","ko":"UnoCSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"규칙과 프리셋을 이용해 필요한 유틸리티 CSS를 생성하는 엔진.","usage":"커스텀 유틸리티 체계·빌드 통합.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / JavaScript","aliases":"","source_url":"https://unocss.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An engine generating needed utility CSS from rules and presets.","usage":"Custom utility systems and build integration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-67a86c162f6d","en":"Open Props","ko":"Open Props","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"색·간격·모션 등을 CSS 사용자 정의 속성으로 제공하는 디자인 토큰 모음.","usage":"프레임워크에 덜 종속된 스타일 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS","aliases":"","source_url":"https://open-props.style/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of design tokens provided as CSS custom properties for color, spacing, motion, and more.","usage":"A styling foundation with less framework dependence.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-345d8dfcd1c7","en":"Sass","ko":"Sass","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"변수·믹스인·모듈 등 확장 문법을 CSS로 컴파일하는 스타일시트 언어·도구.","usage":"큰 스타일 코드베이스·반복 패턴 정리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS","aliases":"","source_url":"https://sass-lang.com/documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A stylesheet language and tooling that compile variables, mixins, modules, and other extensions into CSS.","usage":"Large stylesheet codebases and repeated patterns.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-50cea1a9eeed","en":"Less","ko":"Less","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"변수·믹스인 등 확장 기능을 갖춘 CSS 전처리 언어·컴파일러.","usage":"Less 기반 프로젝트의 스타일 유지보수.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS","aliases":"","source_url":"https://lesscss.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A CSS preprocessor language and compiler offering variables, mixins, and related features.","usage":"Maintaining styles in Less-based projects.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-04396c19548d","en":"PostCSS","ko":"PostCSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"플러그인으로 CSS 문법 트리를 분석·변환하는 처리 도구.","usage":"접두사·최적화·빌드 파이프라인.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / JavaScript","aliases":"","source_url":"https://postcss.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool that uses plugins to analyze and transform CSS syntax trees.","usage":"Prefix handling, optimization, and build pipelines.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fe68a22b09b2","en":"Lightning CSS","ko":"Lightning CSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"CSS 파싱·변환·번들링·압축을 제공하는 도구.","usage":"웹 빌드의 CSS 처리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"CSS / Rust","aliases":"","source_url":"https://lightningcss.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool providing CSS parsing, transformation, bundling, and minification.","usage":"CSS processing in web builds.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6424b761af9b","en":"Autoprefixer","ko":"Autoprefixer","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"지원 대상 브라우저 정보에 맞춰 CSS 벤더 접두사를 처리하는 플러그인.","usage":"브라우저 호환성 빌드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"PostCSS","aliases":"","source_url":"https://github.com/postcss/autoprefixer","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A plugin handling CSS vendor prefixes according to target-browser information.","usage":"Browser-compatibility builds.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-12d7038e77e1","en":"styled-components","ko":"styled-components","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"컴포넌트와 함께 스타일을 정의하는 CSS-in-JS 라이브러리.","usage":"기존 React 스타일 구조 유지·컴포넌트 스타일링.","notes":"현재 유지보수 정책과 React·SSR 호환성을 도입 전에 확인한다.","ecosystem":"React","aliases":"","source_url":"https://styled-components.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A CSS-in-JS library defining styles alongside components.","usage":"Maintaining existing React styling and styling components.","notes":"Check current maintenance policy and React and SSR compatibility before adoption."}}},{"id":"dar-21cbe3581ccd","en":"Emotion","ko":"Emotion","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"객체·문자열 기반 스타일 작성과 CSS 생성을 지원하는 라이브러리.","usage":"동적 스타일·React 컴포넌트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / JavaScript","aliases":"","source_url":"https://emotion.sh/docs/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library supporting object- and string-based style authoring and CSS generation.","usage":"Dynamic styles and React components.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8fa8e774c247","en":"vanilla-extract","ko":"vanilla-extract","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"라이브러리","description":"타입 있는 스타일 정의를 빌드 시 CSS로 추출하는 도구.","usage":"정적 CSS와 타입 안전성을 함께 원하는 프로젝트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"TypeScript / CSS","aliases":"","source_url":"https://vanilla-extract.style/documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool extracting typed style definitions into CSS at build time.","usage":"Projects requiring static CSS and type safety.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c36d95f4e132","en":"Panda CSS","ko":"Panda CSS","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"토큰·레시피 기반 스타일을 분석하여 CSS를 생성하는 스타일 엔진.","usage":"타입 기반 디자인 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"TypeScript / CSS","aliases":"","source_url":"https://panda-css.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A styling engine analyzing token- and recipe-based definitions to generate CSS.","usage":"Type-based design systems.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-002517a772fb","en":"Style Dictionary","ko":"Style Dictionary","domain":"웹 라이브러리","category":"CSS 프레임워크·스타일 도구","kind":"도구","description":"디자인 토큰을 여러 플랫폼의 스타일 파일로 변환하는 도구.","usage":"웹·모바일 공통 토큰 배포.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Design tokens / JavaScript","aliases":"","source_url":"https://styledictionary.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool transforming design tokens into platform-specific style files.","usage":"Distributing shared web and mobile tokens.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d14a0021b71d","en":"React","ko":"React","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"컴포넌트와 상태를 이용해 사용자 인터페이스를 구성하는 라이브러리.","usage":"웹 앱·대시보드·상호작용 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"리액트","source_url":"https://react.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library building user interfaces from components and state.","usage":"Web apps, dashboards, and interactive interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-06858535ca81","en":"Vue","ko":"Vue","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"반응형 상태와 컴포넌트 중심의 웹 UI 프레임워크.","usage":"점진 도입·SPA·관리 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://vuejs.org/guide/introduction.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web UI framework centered on reactive state and components.","usage":"Incremental adoption, single-page apps, and administration tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6a0895be20dc","en":"Angular","ko":"Angular","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"컴포넌트·라우팅·의존성 주입 등을 제공하는 웹 앱 프레임워크.","usage":"구조화된 대형 웹 애플리케이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"TypeScript","aliases":"","source_url":"https://angular.dev/overview","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web application framework providing components, routing, dependency injection, and related capabilities.","usage":"Structured, large-scale web applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4dc647918ca6","en":"Svelte","ko":"Svelte","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"컴포넌트를 컴파일하여 반응형 UI를 구현하는 프레임워크.","usage":"상호작용 웹 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://svelte.dev/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework compiling components into reactive interfaces.","usage":"Interactive web interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f2a0f89cc362","en":"SolidJS","ko":"SolidJS","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"세밀한 반응성 모델로 UI 상태와 DOM 갱신을 연결하는 라이브러리.","usage":"반응형 웹 애플리케이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://docs.solidjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library connecting state to DOM updates through fine-grained reactivity.","usage":"Reactive web applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5222150203a9","en":"Preact","ko":"Preact","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"컴포넌트·가상 DOM 기반 UI를 제공하는 React 유사 API 라이브러리.","usage":"간결한 번들 구성이 필요한 웹 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://preactjs.com/guide/v10/getting-started/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A component and virtual-DOM library with a React-like API.","usage":"Web interfaces requiring compact bundles.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a8287fa0d0df","en":"Lit","ko":"Lit","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"표준 커스텀 엘리먼트 기반 컴포넌트를 작성하는 라이브러리.","usage":"프레임워크 간 공유 웹 컴포넌트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web Components","aliases":"","source_url":"https://lit.dev/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library for building components based on standard custom elements.","usage":"Web components shared across frameworks.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-129d57a8ed45","en":"Alpine.js","ko":"Alpine.js","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"HTML 속성에 간단한 상태·이벤트 동작을 선언하는 라이브러리.","usage":"서버 렌더링 페이지의 작은 상호작용.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / HTML","aliases":"","source_url":"https://alpinejs.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library declaring lightweight state and event behavior through HTML attributes.","usage":"Small interactions on server-rendered pages.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8729c18e54d1","en":"htmx","ko":"htmx","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"HTML 속성으로 서버 요청과 부분 화면 갱신을 선언하는 라이브러리.","usage":"서버 중심 상호작용 웹 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"HTML / JavaScript","aliases":"","source_url":"https://htmx.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library declaring server requests and partial interface updates through HTML attributes.","usage":"Server-oriented interactive web interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e2aa2ef3a9dd","en":"Next.js","ko":"Next.js","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"라우팅·서버 렌더링·빌드 등을 제공하는 React 애플리케이션 프레임워크.","usage":"콘텐츠와 앱 기능이 결합된 웹 서비스.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://nextjs.org/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A React application framework providing routing, server rendering, and build tooling.","usage":"Web services combining content and application features.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9947794faa15","en":"Nuxt","ko":"Nuxt","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"라우팅·렌더링·빌드 기능을 제공하는 Vue 애플리케이션 프레임워크.","usage":"Vue 기반 사이트·서비스.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://nuxt.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Vue application framework providing routing, rendering, and build tooling.","usage":"Vue-based sites and services.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fd61a4010645","en":"SvelteKit","ko":"SvelteKit","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"라우팅·서버 처리·배포 통합을 제공하는 Svelte 앱 프레임워크.","usage":"Svelte 기반 전체 웹 애플리케이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Svelte","aliases":"","source_url":"https://svelte.dev/docs/kit","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Svelte application framework integrating routing, server handling, and deployment.","usage":"Complete Svelte web applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d16b80390d65","en":"Astro","ko":"Astro","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"콘텐츠 중심 사이트와 선택적 인터랙티브 영역을 구성하는 웹 프레임워크.","usage":"문서·블로그·랜딩 페이지.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web / Multi-framework","aliases":"","source_url":"https://docs.astro.build/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web framework for content-focused sites with selectively interactive regions.","usage":"Documentation, blogs, and landing pages.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a59cbddda1d3","en":"Qwik","ko":"Qwik","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"실행 상태를 이어 쓰는 접근을 중심으로 웹 UI를 구성하는 프레임워크.","usage":"초기 실행 비용을 검토하는 웹 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://qwik.dev/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web UI framework centered on resumable execution state.","usage":"Web apps evaluating initial execution cost.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-35a0d6164521","en":"Ember.js","ko":"Ember.js","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"프레임워크","description":"라우팅·템플릿·규칙 중심의 웹 애플리케이션 프레임워크.","usage":"Ember 생태계의 대형·장기 웹 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://guides.emberjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A convention-oriented web application framework with routing and templates.","usage":"Large, long-lived applications in the Ember ecosystem.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-749c9af4a4ac","en":"jQuery","ko":"jQuery","domain":"웹 라이브러리","category":"웹 UI 프레임워크·앱 구조","kind":"라이브러리","description":"DOM 조작·이벤트·요청 등을 통합한 라이브러리.","usage":"기존 웹 사이트의 상호작용 유지보수.","notes":"새 프로젝트의 필수 구성 요소는 아니다. 기존 플러그인과 보안 업데이트를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://api.jquery.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library combining DOM manipulation, events, requests, and related functions.","usage":"Maintaining interactions on existing websites.","notes":"This is not a mandatory dependency for new projects. Check existing plugins and security updates."}}},{"id":"dar-5426b047a23c","en":"shadcn/ui","ko":"shadcn/ui","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"컴포넌트 소스","description":"프로젝트 안으로 가져와 수정하는 컴포넌트 코드와 배포 체계.","usage":"디자인을 직접 소유·수정하는 React UI.","notes":"일반적인 블랙박스 패키지와 다르다. 복사한 코드의 업데이트 책임을 관리한다.","ecosystem":"React / Tailwind CSS","aliases":"","source_url":"https://ui.shadcn.com/docs","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A component-code collection and distribution system designed to be copied into and customized within a project.","usage":"React interfaces whose component code is owned and modified by the project.","notes":"This differs from a conventional black-box package. Manage responsibility for updates to copied code."}}},{"id":"dar-9ab2cf197985","en":"Radix Primitives","ko":"Radix Primitives","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"동작·접근성·키보드 처리를 제공하는 저수준 UI 프리미티브.","usage":"자체 디자인 시스템의 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://www.radix-ui.com/primitives/docs/overview/introduction","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Low-level UI primitives providing behavior, accessibility, and keyboard handling.","usage":"Foundations for a custom design system.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-2d76c7e3e0ce","en":"Radix Themes","ko":"Radix Themes","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"Radix 기반의 스타일·테마·컴포넌트를 묶은 UI 구성 도구.","usage":"일관된 기본 외형의 React 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://www.radix-ui.com/themes/docs/overview/getting-started","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of styles, themes, and components built around Radix.","usage":"React applications with consistent default appearance.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-711f5ad66032","en":"Headless UI","ko":"Headless UI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"외형보다 UI 동작과 접근성에 초점을 둔 무스타일 컴포넌트.","usage":"맞춤 스타일의 메뉴·모달·선택 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / Vue","aliases":"","source_url":"https://headlessui.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Unstyled components focused on interaction behavior and accessibility rather than appearance.","usage":"Custom-styled menus, dialogs, and selection controls.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fc76ba33f320","en":"React Aria","ko":"React Aria","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"접근성·상호작용 패턴을 제공하는 훅과 컴포넌트 도구군.","usage":"키보드·보조기술 동작이 중요한 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://react-spectrum.adobe.com/react-aria/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Hooks and component tools providing accessible interaction patterns.","usage":"Interfaces prioritizing keyboard and assistive-technology behavior.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-741628300160","en":"React Spectrum","ko":"React Spectrum","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"Adobe Spectrum 디자인 시스템에 기반한 React 컴포넌트.","usage":"Spectrum 계열 제품 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://react-spectrum.adobe.com/react-spectrum/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"React components based on Adobe's Spectrum design system.","usage":"Spectrum-family product interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-49cf9b6de186","en":"MUI","ko":"MUI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"Material UI를 비롯한 React UI 컴포넌트 도구군.","usage":"업무 앱·폼·대시보드.","notes":"기본 컴포넌트와 MUI X 유료 기능의 제공 범위를 구분한다.","ecosystem":"React","aliases":"","source_url":"https://mui.com/material-ui/getting-started/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A family of React interface tools that includes Material UI.","usage":"Business applications, forms, and dashboards.","notes":"Distinguish base components from paid MUI X features."}}},{"id":"dar-f9676751fd63","en":"Ant Design","ko":"Ant Design","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"업무용 인터페이스를 위한 디자인 시스템과 컴포넌트 라이브러리.","usage":"관리 화면·테이블·복잡한 폼.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://ant.design/docs/react/introduce","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A design system and component library for business interfaces.","usage":"Administration screens, tables, and complex forms.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5e51c207aca1","en":"Chakra UI","ko":"Chakra UI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"스타일링과 조합 가능한 UI 컴포넌트를 제공하는 도구.","usage":"React 제품 UI·커스텀 테마.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://chakra-ui.com/docs/get-started/installation","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit offering styling and composable UI components.","usage":"React product interfaces and custom themes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e01653dcd909","en":"Mantine","ko":"Mantine","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"컴포넌트·훅·스타일링 기능을 제공하는 React UI 도구군.","usage":"대시보드·복합 입력 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://mantine.dev/getting-started/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A React toolkit providing components, hooks, and styling capabilities.","usage":"Dashboards and complex input screens.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c8f6b4ca5f59","en":"Fluent UI React","ko":"Fluent UI React","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"Microsoft Fluent 디자인 언어 기반의 React UI 라이브러리.","usage":"Microsoft 계열 경험과 업무 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://react.fluentui.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A React interface library based on Microsoft's Fluent design language.","usage":"Microsoft-aligned experiences and business interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-17c7932f4cd6","en":"Carbon React","ko":"Carbon React","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"IBM Carbon 디자인 시스템의 React 구현.","usage":"기업·데이터 중심 업무 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://github.com/carbon-design-system/carbon","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The React implementation of IBM's Carbon design system.","usage":"Enterprise and data-intensive tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-dd0510b10c31","en":"Blueprint","ko":"Blueprint","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"밀도 높은 데스크톱형 웹 앱을 위한 UI 컴포넌트 모음.","usage":"데이터 탐색·관리 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://blueprintjs.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A component collection for dense, desktop-style web applications.","usage":"Data exploration and administration tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-cb0a41091d6f","en":"PrimeReact","ko":"PrimeReact","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"표·폼·메뉴 등 다양한 React 컴포넌트를 제공하는 UI 라이브러리.","usage":"업무용 화면과 대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://primereact.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A React interface library offering tables, forms, menus, and other components.","usage":"Business screens and dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d622c34fb929","en":"React Bootstrap","ko":"React Bootstrap","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"Bootstrap 스타일을 React 컴포넌트로 제공하는 구현.","usage":"Bootstrap 디자인의 React 프로젝트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / Bootstrap","aliases":"","source_url":"https://react-bootstrap.github.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An implementation presenting Bootstrap styling through React components.","usage":"React projects using Bootstrap design.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9bd81b097171","en":"Base UI","ko":"Base UI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"사용자가 외형을 구성할 수 있는 저수준 무스타일 UI 컴포넌트.","usage":"자체 React 컴포넌트 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://base-ui.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Low-level, unstyled interface components whose appearance is defined by the application.","usage":"Custom React component systems.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-cdc00aa56354","en":"Ark UI","ko":"Ark UI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"상태 기계 기반의 무스타일 UI 프리미티브 도구군.","usage":"여러 프레임워크의 맞춤 디자인 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / Vue / Solid / Svelte","aliases":"","source_url":"https://ark-ui.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A family of unstyled UI primitives based on state machines.","usage":"Custom design systems across multiple frameworks.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e28337b056c2","en":"HeroUI","ko":"HeroUI","domain":"웹 라이브러리","category":"React·헤드리스·컴포넌트 시스템","kind":"라이브러리","description":"테마와 접근성 기반 상호작용을 제공하는 React UI 컴포넌트.","usage":"React 제품 화면.","notes":"이전 NextUI 명칭 자료와 현재 문서의 패키지·API를 구분한다.","ecosystem":"React","aliases":"","source_url":"https://www.heroui.com/docs/guide/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"React interface components providing themes and accessible interactions.","usage":"React product screens.","notes":"Distinguish older NextUI material from the packages and APIs in current documentation."}}},{"id":"dar-c6cab34f98e8","en":"Vuetify","ko":"Vuetify","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Material Design 계열의 Vue UI 컴포넌트 프레임워크.","usage":"Vue 기반 제품·관리 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://vuetifyjs.com/en/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Vue component framework in the Material Design family.","usage":"Vue product and administration screens.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4d8bd68f5c46","en":"PrimeVue","ko":"PrimeVue","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"테이블·폼·탐색 등 Vue UI 컴포넌트 모음.","usage":"복합 업무 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://primevue.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of Vue interface components for tables, forms, navigation, and related needs.","usage":"Complex business interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ff161b8f6492","en":"Quasar","ko":"Quasar","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"프레임워크","description":"UI 컴포넌트와 여러 배포 방식의 앱 구성을 지원하는 Vue 프레임워크.","usage":"웹·데스크톱·모바일용 UI 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://quasar.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Vue framework supporting interface components and multiple application deployment targets.","usage":"Interface foundations for web, desktop, and mobile.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c45c8f01bc6b","en":"Element Plus","ko":"Element Plus","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"데스크톱형 Vue UI를 위한 컴포넌트 라이브러리.","usage":"관리자 페이지·폼·테이블.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://element-plus.org/en-US/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A component library for desktop-style Vue interfaces.","usage":"Administration pages, forms, and tables.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-342c9d1426de","en":"Naive UI","ko":"Naive UI","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Vue 기반 컴포넌트와 테마 기능을 제공하는 UI 라이브러리.","usage":"Vue 관리 앱·제품 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue / TypeScript","aliases":"","source_url":"https://www.naiveui.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Vue interface library providing components and theming.","usage":"Vue administration apps and product interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ffd7b274a641","en":"Ant Design Vue","ko":"Ant Design Vue","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Ant Design 계열 디자인과 컴포넌트를 Vue에서 제공하는 구현.","usage":"Vue 업무용 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vue","aliases":"","source_url":"https://antdv.com/docs/vue/introduce","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Vue implementation of Ant Design's design approach and components.","usage":"Vue business interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6d97356403de","en":"Nuxt UI","ko":"Nuxt UI","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Nuxt·Vue용 테마와 컴포넌트를 제공하는 UI 도구군.","usage":"Nuxt 사이트·대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Nuxt / Vue","aliases":"","source_url":"https://ui.nuxt.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing themes and components for Nuxt and Vue.","usage":"Nuxt websites and dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b60843de40c9","en":"Angular Material","ko":"Angular Material","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Material Design 기반 Angular UI 컴포넌트.","usage":"Angular 서비스 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Angular","aliases":"","source_url":"https://material.angular.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Angular interface components based on Material Design.","usage":"Angular service interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8ad436960437","en":"Angular CDK","ko":"Angular CDK","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"오버레이·접근성·드래그 등 공통 UI 동작을 제공하는 도구군.","usage":"자체 Angular UI 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Angular","aliases":"","source_url":"https://material.angular.dev/cdk/categories","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing shared interface behaviors such as overlays, accessibility, and dragging.","usage":"Custom Angular interface systems.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0b31d952dcb7","en":"PrimeNG","ko":"PrimeNG","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"업무 인터페이스용 Angular 컴포넌트 라이브러리.","usage":"대시보드·데이터 입력 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Angular","aliases":"","source_url":"https://primeng.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An Angular component library for business interfaces.","usage":"Dashboards and data-entry screens.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9da10fb5e64d","en":"NG-ZORRO","ko":"NG-ZORRO","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"Ant Design 기반의 Angular UI 구현.","usage":"Angular 관리·기업용 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Angular","aliases":"","source_url":"https://ng.ant.design/docs/introduce/en","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An Angular interface implementation based on Ant Design.","usage":"Angular administration and enterprise interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c8625aa42493","en":"Bits UI","ko":"Bits UI","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"외형을 자유롭게 구성하는 Svelte용 헤드리스 UI 컴포넌트.","usage":"맞춤 Svelte 인터페이스.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Svelte","aliases":"","source_url":"https://bits-ui.com/docs/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Headless Svelte components with freely customizable appearance.","usage":"Custom Svelte interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f788c8c69bd4","en":"Skeleton","ko":"Skeleton","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"라이브러리","description":"테마와 UI 요소를 제공하는 Svelte 중심 UI 도구군.","usage":"Svelte 제품 화면.","notes":"로딩 패턴 Skeleton Screen과 다른 프로젝트 이름이다.","ecosystem":"Svelte / Tailwind CSS","aliases":"","source_url":"https://www.skeleton.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Svelte-centered toolkit providing themes and interface elements.","usage":"Svelte product screens.","notes":"This project name is distinct from the Skeleton Screen loading pattern."}}},{"id":"dar-ed692ab73d48","en":"shadcn-svelte","ko":"shadcn-svelte","domain":"웹 라이브러리","category":"Vue·Angular·Svelte 컴포넌트","kind":"컴포넌트 소스","description":"프로젝트에 가져와 수정하는 Svelte 컴포넌트 코드 모음.","usage":"수정 가능한 Svelte UI 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Svelte","aliases":"","source_url":"https://www.shadcn-svelte.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of Svelte component code intended to be copied into and modified within a project.","usage":"Customizable Svelte interface foundations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b3710b101c5f","en":"GSAP","ko":"GSAP","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 라이브러리","description":"트윈·타임라인과 플러그인으로 복합 애니메이션을 구성하는 도구.","usage":"정교한 웹·SVG·수치 애니메이션.","notes":"각 플러그인과 사용 방식의 현재 이용 조건을 확인한다.","ecosystem":"JavaScript","aliases":"지셉 지삽 그린삭","source_url":"https://gsap.com/docs/v3/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An animation toolkit combining tweens, timelines, and plugins for complex motion.","usage":"Precise web, SVG, and numeric animation.","notes":"Check current terms for each plugin and usage method."}}},{"id":"dar-8413e16fdde5","en":"Motion","ko":"Motion","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 라이브러리","description":"요소·레이아웃·스크롤·제스처 애니메이션을 다루는 라이브러리 제품군.","usage":"웹 UI 전환·인터랙션.","notes":"일반 명사 motion과 제품명을 구분하고 플랫폼별 API를 확인한다.","ecosystem":"JavaScript / React / Vue","aliases":"모션 프레이머모션 Framer Motion","source_url":"https://motion.dev/docs","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A library family for element, layout, scroll, and gesture animation.","usage":"Web interface transitions and interactions.","notes":"Distinguish the generic word motion from the product name, and check platform-specific APIs."}}},{"id":"dar-2c8219d16889","en":"Anime.js","ko":"Anime.js","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 라이브러리","description":"웹 속성·SVG·타임라인 등 다양한 애니메이션을 제어하는 도구.","usage":"UI·로고·복합 웹 모션.","notes":"메이저 버전별 API 차이를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://animejs.com/documentation/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tool controlling animations of web properties, SVG, and timelines.","usage":"Interface, logo, and composite web motion.","notes":"Check API differences between major versions."}}},{"id":"dar-365c14fa6f34","en":"React Spring","ko":"React Spring","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 라이브러리","description":"스프링 기반의 움직임을 React에서 구성하는 라이브러리.","usage":"물리감 있는 UI·인터랙션.","notes":"플랫폼별 패키지와 스프링 파라미터를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://www.react-spring.dev/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A library for spring-based motion in React.","usage":"Physically responsive interfaces and interactions.","notes":"Check platform-specific packages and spring parameters."}}},{"id":"dar-02d7ed1323e5","en":"Lottie Web","ko":"Lottie Web","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 런타임","description":"Lottie 애니메이션 데이터를 웹에서 재생하는 런타임.","usage":"로딩·아이콘·설명 모션.","notes":"제작 도구의 모든 기능이 모든 렌더러에서 재생되는 것은 아니다.","ecosystem":"JavaScript / SVG / Canvas","aliases":"","source_url":"https://github.com/airbnb/lottie-web","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A runtime playing Lottie animation data on the web.","usage":"Loading, icon, and explanatory motion.","notes":"Not every feature in an authoring tool can play in every renderer."}}},{"id":"dar-d9c385355292","en":"Rive Runtimes","ko":"Rive 런타임","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 런타임","description":"Rive에서 만든 인터랙티브 그래픽을 앱에서 재생·제어하는 런타임 제품군.","usage":"상태 기반 아이콘·캐릭터·UI.","notes":"제작 에디터와 런타임을 구분하고 지원 기능을 플랫폼별로 확인한다.","ecosystem":"웹 / 모바일 / 게임","aliases":"","source_url":"https://rive.app/docs/getting-started/introduction","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A family of runtimes for playing and controlling interactive graphics authored in Rive.","usage":"State-driven icons, characters, and interfaces.","notes":"Distinguish the authoring editor from its runtime, and verify supported features for each platform."}}},{"id":"dar-5b74915ccbd1","en":"Popmotion","ko":"Popmotion","domain":"웹 라이브러리","category":"웹 모션·스크롤·효과","kind":"라이브러리","description":"수치 애니메이션·스프링·관성 등을 제공하는 애니메이션 도구.","usage":"세밀한 모션 동작 구현.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://popmotion.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An animation toolkit providing numeric animation, springs, inertia, and related behavior.","usage":"Fine-grained motion behavior.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-686b1eae9912","en":"AutoAnimate","ko":"AutoAnimate","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"애니메이션 라이브러리","description":"자식 요소의 추가·제거·이동에 자동 전환을 적용하는 유틸리티.","usage":"간단한 목록·레이아웃 애니메이션.","notes":"임의의 복잡한 시네마틱 타임라인을 대신하는 도구는 아니다.","ecosystem":"JavaScript / 웹 UI","aliases":"","source_url":"https://auto-animate.formkit.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A utility automatically animating child-element insertion, removal, and movement.","usage":"Simple list and layout animation.","notes":"This is not a replacement for arbitrary complex cinematic timelines."}}},{"id":"dar-0bd05e221a2e","en":"Animate.css","ko":"Animate.css","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"CSS 애니메이션 라이브러리","description":"미리 정의된 등장·퇴장·주의 환기 애니메이션 클래스 모음.","usage":"간단한 웹 모션 프리셋.","notes":"접근성·빈번한 반복·클래스 재실행 처리를 검토한다.","ecosystem":"CSS","aliases":"","source_url":"https://animate.style/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of predefined entrance, exit, and attention-animation classes.","usage":"Simple web animation presets.","notes":"Review accessibility, frequent repetition, and how class-based animations restart."}}},{"id":"dar-f9258b0f7a21","en":"Lenis","ko":"Lenis","domain":"웹 라이브러리","category":"웹 모션·스크롤·효과","kind":"라이브러리","description":"스크롤 입력과 표시를 조율하는 스무스 스크롤 도구.","usage":"스크롤 연출이 필요한 사이트.","notes":"기본 스크롤·키보드·감소된 모션 설정을 해치지 않도록 검증한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://lenis.darkroom.engineering/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A smooth-scrolling tool coordinating scroll input with visual presentation.","usage":"Sites requiring choreographed scrolling.","notes":"Verify that native scrolling, keyboard use, and reduced-motion preferences remain usable."}}},{"id":"dar-a5001243b221","en":"AOS","ko":"AOS","domain":"웹 라이브러리","category":"웹 모션·스크롤·효과","kind":"라이브러리","description":"요소가 스크롤로 나타날 때 지정한 애니메이션을 적용하는 도구.","usage":"콘텐츠 섹션의 등장 연출.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / CSS","aliases":"","source_url":"https://github.com/michalsnik/aos","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool applying specified animations as elements enter view during scrolling.","usage":"Content-section entrance effects.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7cdd6d5bb11e","en":"tsParticles","ko":"tsParticles","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"파티클 라이브러리","description":"웹의 입자·연결선·상호작용형 배경 효과를 구성하는 라이브러리.","usage":"랜딩 페이지·배경·장식 효과.","notes":"게임 엔진의 범용 3D VFX 시스템과 동일한 용도로 보지 않는다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://particles.js.org/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A library building particle, connecting-line, and interactive background effects for the web.","usage":"Landing-page backgrounds and decorative effects.","notes":"Do not treat this as a general-purpose 3D VFX system within a game engine."}}},{"id":"dar-ebb1719568d6","en":"canvas-confetti","ko":"canvas-confetti","domain":"웹 라이브러리","category":"웹 모션·스크롤·효과","kind":"라이브러리","description":"캔버스 기반 색종이 효과를 생성하는 라이브러리.","usage":"완료·축하 피드백.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://github.com/catdad/canvas-confetti","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library generating canvas-based confetti effects.","usage":"Completion and celebration feedback.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-55da1e46c2d0","en":"Typed.js","ko":"Typed.js","domain":"웹 라이브러리","category":"웹 모션·스크롤·효과","kind":"라이브러리","description":"텍스트를 타이핑하듯 표시하는 애니메이션 라이브러리.","usage":"짧은 제목·설명 연출.","notes":"서버 응답을 점진 수신하는 스트리밍과 다른 시각 효과다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/mattboldt/typed.js","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library animating text as though it were being typed.","usage":"Short heading and explanation effects.","notes":"This visual effect differs from progressively receiving a server response."}}},{"id":"dar-768cd0184aa4","en":"Floating UI","ko":"Floating UI","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"기준 요소 주변에 툴팁·메뉴 등 부유 요소를 배치하는 도구.","usage":"오버플로를 피하는 팝오버·드롭다운.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://floating-ui.com/docs/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit positioning floating elements, such as tooltips and menus, around an anchor.","usage":"Popovers and dropdowns that avoid overflowing the viewport.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-28e6f824f040","en":"dnd-kit","ko":"dnd-kit","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"드래그·정렬 인터랙션을 구성하는 도구 모음.","usage":"칸반·순서 편집·드래그 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://dndkit.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for building dragging and sorting interactions.","usage":"Kanban boards, order editors, and drag interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-baf45cba8a10","en":"SortableJS","ko":"SortableJS","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"목록 항목의 드래그 재정렬을 구현하는 라이브러리.","usage":"정렬 가능한 목록·카드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://sortablejs.github.io/Sortable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library implementing drag-to-reorder lists.","usage":"Sortable lists and cards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ce238c9af201","en":"interact.js","ko":"interact.js","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"드래그·크기 변경·제스처·스냅 상호작용을 제공하는 도구.","usage":"편집기·캔버스 도구·자유 배치 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://interactjs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing drag, resize, gesture, and snapping interactions.","usage":"Editors, canvas tools, and free-placement interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-aa5b7c422c31","en":"Swiper","ko":"Swiper","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"터치·슬라이드 인터랙션을 제공하는 캐러셀 도구.","usage":"상품 이미지·슬라이드 콘텐츠.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://swiperjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A carousel toolkit providing touch and sliding interactions.","usage":"Product imagery and slide-based content.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4cbce996ba6c","en":"Embla Carousel","ko":"Embla Carousel","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"동작 중심의 캐러셀 기반을 제공하는 라이브러리.","usage":"맞춤 스타일의 슬라이더.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://www.embla-carousel.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing behavior-focused foundations for carousels.","usage":"Custom-styled sliders.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-540a59423ecb","en":"React Hook Form","ko":"React Hook Form","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"입력 등록·검증·폼 상태를 관리하는 라이브러리.","usage":"복합 폼과 유효성 검사.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://react-hook-form.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library managing input registration, validation, and form state.","usage":"Complex forms and validation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-93263efb86bc","en":"Formik","ko":"Formik","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"폼 값·오류·제출 상태를 관리하는 라이브러리.","usage":"Formik 기반 React 입력 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://formik.org/docs/overview","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library managing form values, errors, and submission state.","usage":"Formik-based React forms.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d89e82857162","en":"Zod","ko":"Zod","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"스키마로 데이터 구조를 정의하고 런타임 검증하는 라이브러리.","usage":"폼·API 입력의 구조 검증.","notes":"UI를 그리는 도구가 아니라 UI에 들어가는 데이터 검증 도구다.","ecosystem":"TypeScript","aliases":"","source_url":"https://zod.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library defining data structures with schemas and validating them at runtime.","usage":"Validating form and API input structures.","notes":"This validates data used by interfaces; it does not render the interface itself."}}},{"id":"dar-0d38463bb6b1","en":"Valibot","ko":"Valibot","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"조합형 스키마와 데이터 검증을 제공하는 라이브러리.","usage":"폼·외부 데이터의 유효성 확인.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"TypeScript","aliases":"","source_url":"https://valibot.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing composable schemas and data validation.","usage":"Validating forms and external data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a0b4cec30041","en":"TanStack Table","ko":"TanStack Table","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"테이블 상태와 로직을 제공하는 헤드리스 테이블 도구.","usage":"직접 디자인하는 데이터 표.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Multi-framework","aliases":"","source_url":"https://tanstack.com/table/latest","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A headless table toolkit supplying table state and logic.","usage":"Custom-designed data tables.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-71ef3033aa71","en":"AG Grid","ko":"AG Grid","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"정렬·편집·그룹 등 데이터 그리드 기능을 제공하는 도구.","usage":"대규모 업무 데이터 화면.","notes":"Community와 Enterprise 기능·라이선스를 구분한다.","ecosystem":"JavaScript / Multi-framework","aliases":"","source_url":"https://www.ag-grid.com/javascript-data-grid/getting-started/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing data-grid features such as sorting, editing, and grouping.","usage":"Large business-data interfaces.","notes":"Distinguish Community and Enterprise features and licenses."}}},{"id":"dar-d24f72253e92","en":"Handsontable","ko":"Handsontable","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"스프레드시트형 셀 편집 인터페이스를 제공하는 데이터 그리드.","usage":"웹 기반 표 편집·입력 업무.","notes":"실제 용도에 맞는 라이선스 조건을 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://handsontable.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A data grid providing spreadsheet-like cell editing.","usage":"Web-based table editing and data entry.","notes":"Check licensing conditions for the intended use."}}},{"id":"dar-236f8279476d","en":"Tabulator","ko":"Tabulator","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"대화형 표·편집·정렬·필터 기능을 제공하는 라이브러리.","usage":"프레임워크 비종속 데이터 테이블.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://tabulator.info/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing interactive tables, editing, sorting, and filtering.","usage":"Framework-independent data tables.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-40665c03525f","en":"TanStack Virtual","ko":"TanStack Virtual","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"긴 목록의 가상화 로직을 제공하는 도구.","usage":"대량 리스트·그리드의 렌더 비용 조정.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Multi-framework","aliases":"","source_url":"https://tanstack.com/virtual/latest","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing virtualization logic for long lists.","usage":"Managing rendering cost in large lists and grids.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6a45f846bf40","en":"React Virtuoso","ko":"React Virtuoso","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"리스트·표 등 가상화된 화면 표시를 제공하는 라이브러리.","usage":"가변 높이 피드·긴 대화 목록.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://virtuoso.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library displaying virtualized lists, tables, and related views.","usage":"Variable-height feeds and long conversations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a77c4546a653","en":"TanStack Query","ko":"TanStack Query","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"서버 데이터 요청·캐시·재조회 상태를 관리하는 도구.","usage":"로딩·오류·갱신 상태가 있는 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Multi-framework","aliases":"","source_url":"https://tanstack.com/query/latest","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit managing server-data requests, caching, and refetch state.","usage":"Applications with loading, error, and refresh states.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-3b600a10b04e","en":"Zustand","ko":"Zustand","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"스토어 기반의 상태 관리 도구.","usage":"UI 공유 상태·간결한 앱 상태 모델.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / JavaScript","aliases":"","source_url":"https://zustand.docs.pmnd.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A store-based state-management toolkit.","usage":"Shared interface state and concise application-state models.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5a02d232913c","en":"XState","ko":"XState","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"상태 기계·상태 차트·액터로 앱 동작을 모델링하는 도구.","usage":"복잡한 워크플로·상태 전이.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"","source_url":"https://stately.ai/docs/xstate","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit modeling application behavior through state machines, statecharts, and actors.","usage":"Complex workflows and state transitions.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8df36555932e","en":"Redux Toolkit","ko":"Redux Toolkit","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"Redux 상태 관리를 위한 표준화된 유틸리티 묶음.","usage":"예측 가능한 전역 상태 처리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / JavaScript","aliases":"","source_url":"https://redux-toolkit.js.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A standardized collection of utilities for Redux state management.","usage":"Predictable global-state handling.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6fd89771b380","en":"FullCalendar","ko":"FullCalendar","domain":"웹 라이브러리","category":"상호작용·폼·테이블·상태","kind":"라이브러리","description":"일·주·월 등 일정 표시와 상호작용을 제공하는 캘린더 도구.","usage":"예약·업무 일정 UI.","notes":"일부 플러그인은 별도 제공 조건이 적용될 수 있다.","ecosystem":"JavaScript","aliases":"","source_url":"https://fullcalendar.io/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A calendar toolkit providing day, week, month, and other interactive schedule views.","usage":"Booking and work-schedule interfaces.","notes":"Some plugins may have separate terms."}}},{"id":"dar-839044a75364","en":"D3.js","ko":"D3.js","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"데이터 변환·스케일·도형 등 시각화 구성에 쓰는 모듈형 도구군.","usage":"맞춤형 데이터 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://d3js.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A modular toolkit for building visualizations with data transformations, scales, and shapes.","usage":"Custom data visualizations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-40db541781cb","en":"Chart.js","ko":"Chart.js","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"대표 차트 유형을 캔버스로 표시하는 라이브러리.","usage":"일반적인 제품 대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://www.chartjs.org/docs/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library rendering common chart types on canvas.","usage":"Conventional product dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-124359c006a2","en":"Apache ECharts","ko":"Apache ECharts","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"다양한 차트와 상호작용을 제공하는 시각화 라이브러리.","usage":"업무·통계 대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://echarts.apache.org/en/index.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization library offering diverse chart types and interactions.","usage":"Business and statistical dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6e2ea63449db","en":"Plotly.js","ko":"Plotly.js","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"선언형 설정으로 대화형 차트·과학 시각화를 만드는 라이브러리.","usage":"분석·탐색형 차트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://plotly.com/javascript/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library building interactive charts and scientific visualizations from declarative configuration.","usage":"Analytical and exploratory charts.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7e30d754006e","en":"Vega","ko":"Vega","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"데이터·시각 부호·상호작용을 선언형 명세로 기술하는 시각화 문법·런타임.","usage":"재사용 가능한 차트 명세.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JSON / JavaScript","aliases":"","source_url":"https://vega.github.io/vega/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization grammar and runtime specifying data, visual marks, and interactions declaratively.","usage":"Reusable chart specifications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-2beaafec02a1","en":"Vega-Lite","ko":"Vega-Lite","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"Vega보다 높은 수준의 간결한 선언형 차트 문법.","usage":"분석 차트·명세 기반 생성.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JSON / JavaScript","aliases":"","source_url":"https://vega.github.io/vega-lite/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A concise, higher-level declarative chart grammar built on Vega.","usage":"Analytical charts and specification-driven generation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a3bac6e5135b","en":"Observable Plot","ko":"Observable Plot","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"마크·변환·스케일을 조합해 탐색형 차트를 만드는 도구.","usage":"분석과 데이터 탐색.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://observablehq.com/plot/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit composing marks, transformations, and scales into exploratory charts.","usage":"Analysis and data exploration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-50babab04994","en":"Recharts","ko":"Recharts","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"React 컴포넌트로 조합하는 차트 라이브러리.","usage":"React 앱의 기본 통계 차트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://recharts.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A chart library composed from React components.","usage":"Basic statistical charts in React applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-af3e0022de16","en":"Nivo","ko":"Nivo","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"다양한 차트 컴포넌트와 테마 구성을 제공하는 라이브러리.","usage":"React 대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://nivo.rocks/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing chart components and theming options.","usage":"React dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fbc9abad9196","en":"visx","ko":"visx","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"저수준 시각화 요소를 React 컴포넌트로 제공하는 도구군.","usage":"맞춤형 React 차트 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://visx.airbnb.tech/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit exposing low-level visualization elements as React components.","usage":"Custom React chart systems.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-62288d53ad1f","en":"Victory","ko":"Victory","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"조합 가능한 데이터 차트 컴포넌트 모음.","usage":"React 기반 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"","source_url":"https://formidable.com/open-source/victory/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of composable data-chart components.","usage":"React-based visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1366229183fb","en":"Highcharts","ko":"Highcharts","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"차트·주식·지도 등 시각화 제품군을 제공하는 라이브러리.","usage":"기업 보고·대화형 차트.","notes":"상업 사용과 제품별 라이선스를 공식 약관에서 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://www.highcharts.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization library family covering charts, financial data, maps, and related uses.","usage":"Enterprise reporting and interactive charts.","notes":"Check official terms for commercial use and product-specific licenses."}}},{"id":"dar-8d562a46204f","en":"ApexCharts","ko":"ApexCharts","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"차트와 대시보드용 상호작용을 제공하는 라이브러리.","usage":"웹 서비스의 통계 차트.","notes":"현재 라이선스·유료 기능 조건을 도입 전에 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://apexcharts.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing charts and dashboard interactions.","usage":"Statistical charts for web services.","notes":"Check current licensing and paid-feature terms before adoption."}}},{"id":"dar-6fb463c75e04","en":"uPlot","ko":"uPlot","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"시계열 등 다량의 연속 데이터를 그리는 차트 도구.","usage":"모니터링·시간축 데이터.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/leeoniya/uPlot","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A chart toolkit for large amounts of continuous data, such as time series.","usage":"Monitoring and time-series data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4edfa7ce0508","en":"vis-timeline","ko":"vis-timeline","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"항목을 시간축에 배치하는 대화형 타임라인 도구.","usage":"이벤트 이력·스케줄 탐색.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://visjs.github.io/vis-timeline/docs/timeline/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An interactive timeline toolkit arranging items along a time axis.","usage":"Exploring event histories and schedules.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-95f304d236c8","en":"VChart","ko":"VChart","domain":"데이터 시각화","category":"웹 차트·시각화 라이브러리","kind":"라이브러리","description":"선언형 명세를 이용해 차트와 상호작용을 구성하는 시각화 도구.","usage":"대시보드·시각화 제품.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://www.visactor.io/vchart","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization toolkit configuring charts and interactions through declarative specifications.","usage":"Dashboards and visualization products.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c9e7ca33807f","en":"Konva","ko":"Konva","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"도형·레이어·이벤트를 갖춘 2D 캔버스 객체 모델을 제공하는 도구.","usage":"상품 편집기·부스 2D 배치·주석 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://konvajs.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing a 2D canvas object model with shapes, layers, and events.","usage":"Product editors, 2D booth layouts, and annotation interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-46df34514eb6","en":"Fabric.js","ko":"Fabric.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"캔버스 객체 편집·선택·직렬화 등을 제공하는 라이브러리.","usage":"디자인 에디터·이미지 조합 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://fabricjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing canvas-object editing, selection, and serialization.","usage":"Design editors and image-composition tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0956b0c4c8ec","en":"Paper.js","ko":"Paper.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"벡터 경로·기하·그리기 기능을 제공하는 그래픽 라이브러리.","usage":"일러스트·벡터 상호작용.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Canvas","aliases":"","source_url":"https://paperjs.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A graphics library for vector paths, geometry, and drawing.","usage":"Illustration and vector interactions.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a146923c29e7","en":"p5.js","ko":"p5.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"그리기·입력·애니메이션을 간단히 실험하는 크리에이티브 코딩 도구.","usage":"생성형 아트·인터랙티브 프로토타입.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://p5js.org/reference/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A creative-coding toolkit for experimenting with drawing, input, and animation.","usage":"Generative art and interactive prototypes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-13de7f54196b","en":"Two.js","ko":"Two.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"2D 도형과 변환을 여러 렌더러로 표현하는 그래픽 라이브러리.","usage":"벡터 애니메이션·도형 기반 콘텐츠.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://two.js.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A graphics library representing 2D shapes and transformations through multiple renderers.","usage":"Vector animation and shape-based content.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ebc45fb556a9","en":"Rough.js","ko":"Rough.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"손으로 그린 듯한 선과 도형을 생성하는 도구.","usage":"화이트보드·스케치형 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://roughjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool generating hand-drawn-looking lines and shapes.","usage":"Whiteboards and sketch-style visualizations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b7c71b52d91f","en":"tldraw SDK","ko":"tldraw SDK","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"SDK","description":"무한 캔버스·도형·상호작용을 구축하는 화이트보드 SDK.","usage":"협업 화이트보드·시각 편집기.","notes":"SDK 배포와 상업 사용 조건을 공식 라이선스에서 확인한다.","ecosystem":"React / Canvas","aliases":"","source_url":"https://tldraw.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A whiteboard SDK for building infinite canvases, shapes, and interactions.","usage":"Collaborative whiteboards and visual editors.","notes":"Check the official license for SDK distribution and commercial use."}}},{"id":"dar-5329715bf5fa","en":"Excalidraw","ko":"Excalidraw","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"도구","description":"손그림 스타일 도형으로 구성하는 화이트보드와 임베드 가능한 편집기.","usage":"아이디어 스케치·흐름 설명.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / Web","aliases":"","source_url":"https://docs.excalidraw.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A whiteboard and embeddable editor using hand-drawn-style shapes.","usage":"Idea sketches and flow explanations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-957b0dbac801","en":"React Flow","ko":"React Flow","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"노드·연결선·선택·줌을 제공하는 노드 편집기 라이브러리.","usage":"워크플로·MCP 도구 흐름·그래프 편집.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React","aliases":"리액트플로우 노드에디터","source_url":"https://reactflow.dev/learn","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A node-editor library providing nodes, edges, selection, and zooming.","usage":"Workflow, MCP tool-flow, and graph editing.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f2f1329c85c5","en":"Svelte Flow","ko":"Svelte Flow","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"Svelte 환경에서 노드 기반 화면을 만드는 라이브러리.","usage":"워크플로·관계 편집기.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Svelte","aliases":"","source_url":"https://svelteflow.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library for building node-based interfaces in Svelte.","usage":"Workflow and relationship editors.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d5465098beb1","en":"Cytoscape.js","ko":"Cytoscape.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"그래프 데이터의 표시·레이아웃·분석을 제공하는 도구.","usage":"네트워크·관계·온톨로지 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://js.cytoscape.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for displaying, laying out, and analyzing graph data.","usage":"Network, relationship, and ontology visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0e5d18ad2184","en":"Sigma.js","ko":"Sigma.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"네트워크 그래프를 GPU 기반으로 표시하는 도구.","usage":"큰 관계 그래프의 탐색.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebGL","aliases":"","source_url":"https://www.sigmajs.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit displaying network graphs using GPU rendering.","usage":"Exploring large relationship graphs.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c25629f5f4a6","en":"Graphology","ko":"Graphology","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"그래프 데이터 구조와 관련 연산을 제공하는 라이브러리.","usage":"관계 데이터 모델·레이아웃 전처리.","notes":"표시용 렌더러와 구분되는 그래프 데이터 처리 도구다.","ecosystem":"JavaScript","aliases":"","source_url":"https://graphology.github.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing graph data structures and associated operations.","usage":"Graph data models and layout preprocessing.","notes":"This processes graph data rather than rendering it for display."}}},{"id":"dar-864eed14dc27","en":"ELK.js","ko":"ELK.js","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"복잡한 그래프의 자동 배치를 계산하는 레이아웃 엔진.","usage":"노드·다이어그램 정렬.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/kieler/elkjs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A layout engine computing automatic arrangements for complex graphs.","usage":"Arranging nodes and diagrams.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c98ce596a895","en":"Dagre","ko":"Dagre","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"방향 그래프를 계층적으로 배치하는 레이아웃 도구.","usage":"워크플로·의존 관계 다이어그램.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/dagrejs/dagre","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A layout tool arranging directed graphs hierarchically.","usage":"Workflow and dependency diagrams.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7339e9a52f7a","en":"Mermaid","ko":"Mermaid","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"텍스트 문법에서 순서도·시퀀스·관계도 등을 생성하는 도구.","usage":"문서 안의 재현 가능한 다이어그램.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Text / JavaScript","aliases":"","source_url":"https://mermaid.js.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool generating flowcharts, sequence diagrams, relationship diagrams, and more from text syntax.","usage":"Reproducible diagrams inside documentation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-301beb003f31","en":"JointJS","ko":"JointJS","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"상호작용 다이어그램과 연결된 도형을 만드는 도구.","usage":"프로세스 모델러·다이어그램 편집기.","notes":"오픈소스 코어와 상용 제품 범위를 구분한다.","ecosystem":"JavaScript / SVG","aliases":"","source_url":"https://docs.jointjs.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for interactive diagrams and connected shapes.","usage":"Process modelers and diagram editors.","notes":"Distinguish the open-source core from commercial products."}}},{"id":"dar-d973c61dac07","en":"Tiptap","ko":"Tiptap","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"ProseMirror 기반의 확장 가능한 리치 텍스트 편집기 도구군.","usage":"문서·콘텐츠 편집 UI.","notes":"코어 확장과 유료·호스팅 기능의 범위를 구분한다.","ecosystem":"JavaScript / ProseMirror","aliases":"","source_url":"https://tiptap.dev/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An extensible rich-text editor toolkit based on ProseMirror.","usage":"Document and content-editing interfaces.","notes":"Distinguish core extensions from paid and hosted features."}}},{"id":"dar-087b68500621","en":"ProseMirror","ko":"ProseMirror","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"문서 스키마·트랜잭션·편집 상태를 제공하는 리치 텍스트 기반.","usage":"맞춤 문서 편집기.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://prosemirror.net/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A rich-text editing foundation providing document schemas, transactions, and editor state.","usage":"Custom document editors.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-89d16ad67e3c","en":"Lexical","ko":"Lexical","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"편집 상태와 확장 구조를 제공하는 텍스트 에디터 프레임워크.","usage":"맞춤 리치 텍스트 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / React","aliases":"","source_url":"https://lexical.dev/docs/intro","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A text-editor framework providing editor state and an extension architecture.","usage":"Custom rich-text interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4ae8ff49f564","en":"Monaco Editor","ko":"Monaco Editor","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"코드 편집·언어 지원 기능을 제공하는 웹 코드 에디터.","usage":"웹 IDE·스크립트 편집 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://microsoft.github.io/monaco-editor/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web code editor with code-editing and language-support capabilities.","usage":"Web IDEs and script editors.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-94332c0f7186","en":"CodeMirror","ko":"CodeMirror","domain":"웹 라이브러리","category":"캔버스·편집기·다이어그램","kind":"라이브러리","description":"확장 가능한 웹 코드·텍스트 편집기.","usage":"임베드 코드 편집·쿼리 입력.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://codemirror.net/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An extensible web code and text editor.","usage":"Embedded code editors and query inputs.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-21d15a90c826","en":"Tkinter","ko":"Tkinter","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Python에서 Tcl/Tk 창과 위젯을 사용하는 표준 인터페이스.","usage":"작은 업무 도구·기본 데스크톱 GUI.","notes":"표준 문서에 포함되지만 배포판에 따라 Tk 패키지를 별도로 설치해야 한다.","ecosystem":"Python / Tcl-Tk","aliases":"티킨터 티케인터 tkinter 파이썬 파이썬GUI Python GUI","source_url":"https://docs.python.org/3/library/tkinter.html","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Python's standard interface to Tcl/Tk windows and widgets.","usage":"Small business tools and basic desktop interfaces.","notes":"Although covered in the standard documentation, some distributions require a separate Tk package installation."}}},{"id":"dar-b7d5bb249fdb","en":"tkinter.ttk","ko":"tkinter.ttk","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Tk의 테마 위젯을 Python에서 사용하는 모듈.","usage":"트리뷰·탭·스타일 가능한 Tk 인터페이스.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Tcl-Tk","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.python.org/3/library/tkinter.ttk.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python module exposing Tk's themed widgets.","usage":"Treeviews, tabs, and themeable Tk interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-088489268656","en":"CustomTkinter","ko":"CustomTkinter","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Tkinter 기반으로 현대적인 외형과 테마 위젯을 제공하는 라이브러리.","usage":"간단한 사내 데스크톱 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Tkinter","aliases":"커스텀티킨터 커스텀 Tkinter 파이썬 파이썬GUI Python GUI","source_url":"https://customtkinter.tomschimansky.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Tkinter-based library offering modern styling and themed widgets.","usage":"Simple internal desktop tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a25b1dfd047a","en":"ttkbootstrap","ko":"ttkbootstrap","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"ttk 위젯에 테마와 스타일을 제공하는 라이브러리.","usage":"기존 Tkinter 앱의 외형 정리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Tkinter","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://ttkbootstrap.readthedocs.io/en/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library supplying themes and styles for ttk widgets.","usage":"Refreshing the appearance of existing Tkinter apps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4a38e7a401b5","en":"PySide6","ko":"PySide6","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Qt 6 기능을 Python에서 사용하는 Qt 공식 바인딩.","usage":"도킹 패널·복합 데스크톱·3D 도구 UI.","notes":"Qt 모듈·배포 방식에 따라 적용되는 라이선스 조건을 확인한다. PyQt와 동일한 조건이 아니다.","ecosystem":"Python / Qt","aliases":"파이사이드 파이사이드6 Qt for Python 큐티 파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Qt's official Python bindings for Qt 6.","usage":"Docking panels, complex desktop apps, and 3D-tool interfaces.","notes":"Licensing depends on the Qt modules and distribution method. It is not identical to PyQt licensing."}}},{"id":"dar-a8abf457a05a","en":"PyQt6","ko":"PyQt6","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Riverbank에서 제공하는 Qt 6용 Python 바인딩.","usage":"Qt 기반 전문 데스크톱 앱.","notes":"공식 페이지는 GPLv3·상용 이중 라이선스를 안내한다. LGPL인 것으로 오인하지 않는다.","ecosystem":"Python / Qt","aliases":"파이큐티 파이큐티6 큐티 파이썬 파이썬GUI Python GUI","source_url":"https://www.riverbankcomputing.com/software/pyqt/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Riverbank's Python bindings for Qt 6.","usage":"Professional Qt-based desktop applications.","notes":"The official page describes GPLv3 and commercial dual licensing. Do not mistake it for LGPL licensing."}}},{"id":"dar-5509b027992a","en":"wxPython","ko":"wxPython","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"wxWidgets를 통해 운영체제 네이티브 GUI를 구성하는 Python 툴킷.","usage":"네이티브 느낌의 업무용 데스크톱 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / wxWidgets","aliases":"더블유엑스파이썬 파이썬 파이썬GUI Python GUI","source_url":"https://www.wxpython.org/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Python toolkit building operating-system-native interfaces through wxWidgets.","usage":"Native-feeling business desktop applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-00ebc80363e8","en":"Kivy","ko":"Kivy","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"프레임워크","description":"자체 그래픽·입력·위젯 체계로 여러 플랫폼 UI를 구성하는 프레임워크.","usage":"터치 중심 UI·크로스플랫폼 앱.","notes":"대상 플랫폼 패키징·의존 라이브러리 지원을 확인한다.","ecosystem":"Python","aliases":"키비 파이썬 파이썬GUI Python GUI","source_url":"https://kivy.org/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A cross-platform interface framework with its own graphics, input, and widget systems.","usage":"Touch-oriented and cross-platform applications.","notes":"Check target-platform packaging and dependency support."}}},{"id":"dar-95b8f87a63a4","en":"KivyMD","ko":"KivyMD","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"Kivy에서 Material 계열 UI 요소를 제공하는 컴포넌트 도구.","usage":"Kivy 앱의 테마·컴포넌트 구성.","notes":"Kivy·KivyMD 버전 조합과 개발 버전 문서를 구분한다.","ecosystem":"Python / Kivy","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://kivymd.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A component toolkit providing Material-style interface elements for Kivy.","usage":"Themes and components in Kivy apps.","notes":"Distinguish supported Kivy and KivyMD version combinations from development-version documentation."}}},{"id":"dar-826d7621c277","en":"Dear PyGui","ko":"Dear PyGui","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"GPU 기반 GUI·플롯·테이블 등을 제공하는 Python 툴킷.","usage":"실시간 모니터링·엔지니어링·툴 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Dear ImGui","aliases":"디어파이GUI 파이썬 파이썬GUI Python GUI","source_url":"https://dearpygui.readthedocs.io/en/latest/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Python toolkit providing GPU-based interfaces, plots, tables, and related elements.","usage":"Real-time monitoring, engineering, and tool interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d378f404bd79","en":"Toga","ko":"Toga","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"여러 플랫폼의 네이티브 위젯을 활용하는 Python GUI 툴킷.","usage":"BeeWare 기반 데스크톱·모바일 앱.","notes":"지원 위젯과 기능은 플랫폼별로 다르다.","ecosystem":"Python / BeeWare","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://toga.readthedocs.io/en/stable/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Python interface toolkit using native widgets across multiple platforms.","usage":"BeeWare-based desktop and mobile apps.","notes":"Supported widgets and features vary by platform."}}},{"id":"dar-b8a5d5a8fcd7","en":"pywebview","ko":"pywebview","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"웹 콘텐츠를 네이티브 창에 표시하고 Python과 통신하는 웹뷰 래퍼.","usage":"Python 백엔드와 웹 UI 결합.","notes":"OS 웹뷰 차이와 브리지에 노출하는 API의 권한을 관리한다.","ecosystem":"Python / HTML / CSS","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pywebview.flowrl.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A webview wrapper displaying web content in a native window and communicating with Python.","usage":"Combining Python back ends with web interfaces.","notes":"Manage operating-system webview differences and permissions for APIs exposed through the bridge."}}},{"id":"dar-2d307e876c15","en":"PyGObject","ko":"PyGObject","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"GObject 기반 라이브러리를 Python에서 사용하는 바인딩.","usage":"GTK 데스크톱·Linux 중심 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / GTK","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pygobject.gnome.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Python bindings for GObject-based libraries.","usage":"GTK desktop and Linux-focused tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-13fcac5b060b","en":"PySimpleGUI","ko":"PySimpleGUI","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"라이브러리","description":"기존 GUI 툴킷을 간결한 레이아웃·이벤트 API로 다루는 도구.","usage":"기존 프로젝트 이해·간단한 GUI 참고.","notes":"배포·라이선스·지원 정책의 변경 이력이 있으므로 과거 예제만 보고 신규 도입하지 않는다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.pysimplegui.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A toolkit wrapping existing GUI toolkits with concise layout and event APIs.","usage":"Understanding existing projects and referencing simple GUI patterns.","notes":"Distribution, licensing, and support policies have changed over time; do not adopt it based only on old examples."}}},{"id":"dar-6935e0b9b5e2","en":"PyForms","ko":"PyForms","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"프레임워크","description":"컨트롤과 폼 구조를 이용해 Python UI를 구성하는 프레임워크 계열.","usage":"기존 폼 기반 Python 도구 검토.","notes":"패키지별 지원 환경과 유지보수 상태를 별도로 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pyforms.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework family building Python interfaces from controls and forms.","usage":"Evaluating existing form-based Python tools.","notes":"Check supported environments and maintenance status for each package."}}},{"id":"dar-9f8de2dd77f7","en":"Enaml","ko":"Enaml","domain":"Python·데스크톱","category":"Python 네이티브·데스크톱 GUI","kind":"프레임워크","description":"선언형 UI 문법과 반응적 객체 연결을 제공하는 GUI 도구.","usage":"선언형 Python 데스크톱 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://enaml.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A GUI toolkit providing declarative interface syntax and reactive object connections.","usage":"Declarative Python desktop interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-db419d036741","en":"Flet","ko":"Flet","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"Python 코드로 웹·데스크톱·모바일용 UI를 구성하는 앱 프레임워크.","usage":"Python 중심 크로스플랫폼 제품 UI.","notes":"패키징 방식과 대상 환경의 Python 의존성 지원을 확인한다.","ecosystem":"Python / Flutter","aliases":"플렛 파이썬 파이썬GUI Python GUI","source_url":"https://flet.dev/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An application framework building web, desktop, and mobile interfaces from Python code.","usage":"Python-centered cross-platform product interfaces.","notes":"Check packaging methods and Python dependency support in the target environment."}}},{"id":"dar-ff482245a6a4","en":"NiceGUI","ko":"NiceGUI","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"Python 코드에서 웹 기반 화면·이벤트를 구성하는 UI 프레임워크.","usage":"사내 웹 도구·제어판·시각화 앱.","notes":"네이티브 위젯 툴킷과 다르다. 서버·클라이언트 통신과 배포 방식을 검토한다.","ecosystem":"Python / Web","aliases":"나이스GUI 나이스지유아이 파이썬 파이썬GUI Python GUI","source_url":"https://github.com/zauberzeug/nicegui","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface framework defining web-based screens and events in Python.","usage":"Internal web tools, control panels, and visualization apps.","notes":"This is not a native widget toolkit. Review server-client communication and deployment architecture."}}},{"id":"dar-3ea16dabea8e","en":"Streamlit","ko":"Streamlit","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"Python 스크립트 중심으로 데이터 앱과 위젯을 구성하는 프레임워크.","usage":"분석 도구·모델 시연·사내 대시보드.","notes":"실행·캐시·세션 상태 모델을 이해하고 여러 사용자 동시 사용을 검증한다.","ecosystem":"Python / Web","aliases":"스트림릿 파이썬 파이썬GUI Python GUI","source_url":"https://docs.streamlit.io/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A framework building data applications and widgets around Python scripts.","usage":"Analytical tools, model demonstrations, and internal dashboards.","notes":"Understand execution, caching, and session-state models, and test concurrent users."}}},{"id":"dar-403b813ab9e1","en":"Gradio","ko":"Gradio","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"함수·모델에 입력·출력 UI를 연결하는 웹 인터페이스 도구.","usage":"AI 모델 시연·이미지·음성·채팅 UI.","notes":"외부 공유 기능을 쓰기 전에 인증·개인정보·파일 접근을 확인한다.","ecosystem":"Python / Web","aliases":"그라디오 파이썬 파이썬GUI Python GUI","source_url":"https://www.gradio.app/docs","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A web-interface toolkit connecting functions or models to input and output controls.","usage":"AI-model demos and image, speech, and chat interfaces.","notes":"Check authentication, personal-data handling, and file access before enabling external sharing."}}},{"id":"dar-3220410ab931","en":"Dash","ko":"Dash","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"컴포넌트와 콜백으로 대화형 분석 웹 앱을 만드는 프레임워크.","usage":"Plotly 차트 중심 대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Web","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://dash.plotly.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework building interactive analytical web applications from components and callbacks.","usage":"Dashboards centered on Plotly charts.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ca2d272f5711","en":"Panel","ko":"Panel","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"Python의 위젯·차트·레이아웃을 연결하는 데이터 앱 도구.","usage":"여러 시각화 도구를 묶은 분석 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / HoloViz","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://panel.holoviz.org/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A data-application toolkit connecting Python widgets, charts, and layouts.","usage":"Analytical apps combining multiple visualization tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ab4aa97fbc6d","en":"Reflex","ko":"Reflex","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"Python에서 UI·상태·이벤트를 정의하는 웹 애플리케이션 프레임워크.","usage":"Python 중심 웹 제품·내부 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Web","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://reflex.dev/docs/getting-started/introduction/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A web application framework defining interfaces, state, and events in Python.","usage":"Python-centered web products and internal tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b6acb867f502","en":"Solara","ko":"Solara","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"반응형 컴포넌트 모델로 Python 웹 앱을 만드는 도구.","usage":"대화형 데이터 앱·노트북 연계.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Web","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://solara.dev/documentation","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit building Python web applications with a reactive component model.","usage":"Interactive data apps and notebook integration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ddbbc4cdb31f","en":"Shiny for Python","ko":"Shiny for Python","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"반응형 계산과 UI를 연결하는 데이터 앱 프레임워크.","usage":"Python 분석 결과의 웹 앱화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Web","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://shiny.posit.co/py/docs/overview.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A data-application framework connecting reactive computation with interface elements.","usage":"Turning Python analysis into a web application.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-16a8f89154a1","en":"ipywidgets","ko":"ipywidgets","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"노트북에서 슬라이더·선택 등 대화형 위젯을 제공하는 도구.","usage":"분석 노트북의 입력 UI.","notes":"데스크톱 창 툴킷이 아니라 노트북 위젯 도구다.","ecosystem":"Python / Jupyter","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://ipywidgets.readthedocs.io/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing interactive notebook widgets such as sliders and selection controls.","usage":"Input interfaces for analytical notebooks.","notes":"This is a notebook widget tool, not a desktop window toolkit."}}},{"id":"dar-6278754d7cbc","en":"Voila","ko":"Voila","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"도구","description":"노트북과 위젯을 독립된 웹 앱 형태로 제공하는 도구.","usage":"노트북 기반 분석 앱 공유.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Jupyter","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://voila.readthedocs.io/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool presenting notebooks and widgets as standalone web applications.","usage":"Sharing notebook-based analytical apps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-75fad5701701","en":"Textual","ko":"Textual","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"프레임워크","description":"터미널에서 레이아웃·위젯·이벤트를 갖춘 앱을 만드는 프레임워크.","usage":"운영 콘솔·터미널 대시보드.","notes":"TUI 중심 도구다. Textual CSS는 웹 브라우저 CSS와 동일하지 않다.","ecosystem":"Python / Terminal","aliases":"텍스추얼 파이썬 파이썬GUI Python GUI","source_url":"https://textual.textualize.io/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A framework building terminal applications with layouts, widgets, and events.","usage":"Operations consoles and terminal dashboards.","notes":"This focuses on terminal interfaces. Textual CSS is not identical to web-browser CSS."}}},{"id":"dar-96b8dea92454","en":"Rich","ko":"Rich","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"터미널의 색상·표·진행 표시·문법 강조를 구성하는 도구.","usage":"CLI 출력·로그·진행 상황.","notes":"완전한 GUI 툴킷과 구분한다.","ecosystem":"Python / Terminal","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://rich.readthedocs.io/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for terminal colors, tables, progress displays, and syntax highlighting.","usage":"Command-line output, logs, and progress.","notes":"Distinguish this from a complete GUI toolkit."}}},{"id":"dar-25a9af913863","en":"Urwid","ko":"Urwid","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"터미널 위젯·레이아웃·이벤트 처리를 제공하는 도구.","usage":"텍스트 기반 대화형 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Terminal","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://urwid.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing terminal widgets, layouts, and event handling.","usage":"Interactive text-based applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1d53b4130dce","en":"prompt_toolkit","ko":"prompt_toolkit","domain":"Python·데스크톱","category":"Python 웹 GUI·데이터 앱·TUI","kind":"라이브러리","description":"고급 입력·자동완성·키 바인딩·터미널 UI 기능을 제공하는 도구.","usage":"CLI 셸·대화형 입력기.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Terminal","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://python-prompt-toolkit.readthedocs.io/en/master/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing advanced input, completion, key bindings, and terminal-interface capabilities.","usage":"Command-line shells and interactive input.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7beace348e67","en":"Matplotlib","ko":"Matplotlib","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"정적·대화형 차트와 출판용 그래프를 구성하는 시각화 라이브러리.","usage":"보고서·통계 그래프·과학 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://matplotlib.org/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization library for static and interactive charts and publication-quality figures.","usage":"Reports, statistical charts, and scientific visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b53b9cc22196","en":"Seaborn","ko":"Seaborn","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"통계 데이터 관계를 표현하는 고수준 시각화 도구.","usage":"통계 탐색·범주형·분포 차트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Matplotlib","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://seaborn.pydata.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A high-level visualization toolkit for relationships in statistical data.","usage":"Statistical exploration, categorical charts, and distributions.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1ff5ee84d737","en":"Plotly Python","ko":"Plotly Python","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"대화형 차트 명세를 Python에서 구성하는 시각화 도구.","usage":"분석·웹 차트·대시보드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://plotly.com/python/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python toolkit for defining interactive chart specifications.","usage":"Analysis, web charts, and dashboards.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-dd2e81a2a132","en":"Altair","ko":"Altair","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"Vega-Lite 차트 문법을 Python에서 선언적으로 사용하는 도구.","usage":"간결한 통계 차트 정의.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Vega-Lite","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://altair-viz.github.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python toolkit for declaratively using the Vega-Lite chart grammar.","usage":"Concise statistical-chart definitions.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fe26f5ac15fa","en":"Bokeh","ko":"Bokeh","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"브라우저 기반 대화형 시각화를 Python에서 만드는 도구.","usage":"상호작용 플롯·데이터 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Web","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.bokeh.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit creating browser-based interactive visualizations from Python.","usage":"Interactive plots and data applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-bb3f1f0d788a","en":"HoloViews","ko":"HoloViews","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"데이터와 의미를 중심으로 시각화를 조합하는 도구.","usage":"과학 데이터 탐색·차트 연결.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://holoviews.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit composing visualizations around data and its meaning.","usage":"Scientific-data exploration and linked charts.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f6fd90512f90","en":"Datashader","ko":"Datashader","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"많은 데이터를 화면 픽셀 단위로 집계하여 시각화하는 파이프라인.","usage":"대량 점·선 데이터의 밀도 표현.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://datashader.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visualization pipeline aggregating large datasets into screen pixels.","usage":"Density representations of large point and line datasets.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e9a458665c95","en":"PyQtGraph","ko":"PyQtGraph","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"Qt와 NumPy 기반의 대화형 과학 그래픽·GUI 라이브러리.","usage":"실시간 계측·이미지·신호 표시.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Qt","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.pyqtgraph.org/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interactive scientific graphics and GUI library based on Qt and NumPy.","usage":"Real-time instrumentation, images, and signals.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a75f5f50cb19","en":"VisPy","ko":"VisPy","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"GPU를 활용하는 과학 시각화 라이브러리.","usage":"대량·고속 과학 그래픽.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / OpenGL","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://vispy.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A GPU-based scientific visualization library.","usage":"Large-scale or high-speed scientific graphics.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9e458c6f23c5","en":"PyVista","ko":"PyVista","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"VTK 기반의 3D 메시·볼륨 시각화를 다루는 Python 인터페이스.","usage":"과학·공학 3D 데이터 검토.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / VTK","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.pyvista.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python interface to VTK-based visualization of 3D meshes and volumes.","usage":"Reviewing scientific and engineering 3D data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1e5f8c66e50b","en":"VTK","ko":"VTK","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"3D 그래픽·이미지·과학 시각화를 처리하는 도구군.","usage":"볼륨·메시·공학 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C++ / Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://vtk.org/documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for 3D graphics, image processing, and scientific visualization.","usage":"Volume, mesh, and engineering visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-811231d26992","en":"Open3D","ko":"Open3D","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"포인트클라우드·메시 등 3D 데이터의 처리·시각화를 제공하는 도구.","usage":"3D 스캔·기하 처리·재구성.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / C++","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.open3d.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for processing and visualizing 3D data such as point clouds and meshes.","usage":"3D scanning, geometry processing, and reconstruction.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b6b93a5af358","en":"Pillow","ko":"Pillow","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"이미지 파일 읽기·크기 변경·합성·필터 등을 제공하는 도구.","usage":"썸네일·이미지 전처리·자동 편집.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pillow.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An image toolkit for reading, resizing, compositing, filtering, and related operations.","usage":"Thumbnails, image preprocessing, and automated editing.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-83b53318a327","en":"OpenCV","ko":"OpenCV","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"영상·이미지 처리와 컴퓨터 비전 기능을 제공하는 도구군.","usage":"이미지 분석·카메라·영상 전처리.","notes":"범용 GUI 디자인 라이브러리와는 목적이 다르다.","ecosystem":"Python / C++","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.opencv.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for image and video processing and computer vision.","usage":"Image analysis, camera workflows, and video preprocessing.","notes":"Its purpose differs from a general-purpose GUI design library."}}},{"id":"dar-80b095b06d0e","en":"Manim","ko":"Manim","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 라이브러리","description":"코드로 수학·도형·설명 애니메이션을 제작하는 라이브러리.","usage":"교육·기술 설명 영상.","notes":"일반 데스크톱 GUI 위젯이나 실시간 앱 인터랙션용 라이브러리와는 목적이 다르다.","ecosystem":"Python / 영상 렌더링","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.manim.community/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A library creating mathematical, geometric, and explanatory animations through code.","usage":"Educational and technical explanation videos.","notes":"Its purpose differs from a conventional desktop widget or real-time app interaction library."}}},{"id":"dar-61a7b4ad7608","en":"PyCairo","ko":"PyCairo","domain":"데이터 시각화","category":"Python 시각화·이미지·3D","kind":"라이브러리","description":"Cairo의 2D 벡터 그리기 기능을 Python에서 사용하는 바인딩.","usage":"벡터 그래픽·인쇄용 드로잉.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Cairo","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pycairo.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Python bindings for Cairo's 2D vector-drawing capabilities.","usage":"Vector graphics and print-oriented drawing.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c8849f0f180e","en":"Electron","ko":"Electron","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"Chromium·Node.js를 포함해 웹 기술로 데스크톱 앱을 구성하는 프레임워크.","usage":"웹 UI를 활용한 Windows·macOS·Linux 앱.","notes":"메인·렌더러 권한 분리와 보안 업데이트를 설계한다.","ecosystem":"JavaScript / HTML / CSS","aliases":"일렉트론","source_url":"https://www.electronjs.org/docs/latest/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A framework building desktop applications with web technologies, Chromium, and Node.js.","usage":"Windows, macOS, and Linux applications with web interfaces.","notes":"Design main-process and renderer permission separation and security updates."}}},{"id":"dar-e211febec0df","en":"Tauri","ko":"Tauri","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"OS 웹뷰와 시스템 코드를 연결해 앱을 만드는 프레임워크.","usage":"웹 UI 기반 데스크톱·모바일 앱.","notes":"웹뷰별 호환성과 권한 정책을 별도로 확인한다.","ecosystem":"Rust / Web","aliases":"타우리","source_url":"https://tauri.app/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A framework connecting an operating-system webview with system code to build applications.","usage":"Desktop and mobile applications based on web interfaces.","notes":"Check webview-specific compatibility and permission policies separately."}}},{"id":"dar-c01de86efba7","en":"Wails","ko":"Wails","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"Go 앱 로직에 웹 프런트엔드를 연결하는 데스크톱 프레임워크.","usage":"Go 기반 데스크톱 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Go / Web","aliases":"","source_url":"https://wails.io/docs/introduction","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A desktop framework connecting Go application logic to a web front end.","usage":"Go-based desktop tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0aa9555b249e","en":"Neutralinojs","ko":"Neutralinojs","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"웹 기술과 OS 웹뷰를 사용하는 데스크톱 앱 프레임워크.","usage":"웹 기반 데스크톱 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Webview","aliases":"","source_url":"https://neutralino.js.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A desktop application framework using web technologies and an operating-system webview.","usage":"Web-based desktop tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-74f02880255a","en":"Flutter","ko":"Flutter","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"위젯·렌더링 체계로 여러 플랫폼 UI를 만드는 프레임워크.","usage":"모바일·데스크톱·웹 제품 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Dart","aliases":"플러터","source_url":"https://docs.flutter.dev/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A framework building cross-platform interfaces through its widget and rendering systems.","usage":"Mobile, desktop, and web product interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ede54132edfe","en":"React Native","ko":"React Native","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"React 컴포넌트 모델로 네이티브 앱 UI를 구성하는 프레임워크.","usage":"모바일 앱·공유 React 개발 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React / JavaScript","aliases":"","source_url":"https://reactnative.dev/docs/getting-started","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework building native application interfaces with React's component model.","usage":"Mobile applications and shared React development.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-963d15347c9f","en":"Expo","ko":"Expo","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"React Native 앱 개발·빌드·배포를 돕는 도구와 서비스 체계.","usage":"모바일 앱 개발 흐름 구성.","notes":"오픈소스 도구와 호스팅·빌드 서비스 조건을 구분한다.","ecosystem":"React Native","aliases":"","source_url":"https://docs.expo.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of tools and services supporting React Native development, builds, and distribution.","usage":"Organizing mobile-application development workflows.","notes":"Distinguish open-source tools from hosting and build-service terms."}}},{"id":"dar-3b453d1c32e2","en":"Ionic","ko":"Ionic","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"웹 기술 기반의 모바일 스타일 컴포넌트와 UI 체계를 제공하는 도구.","usage":"하이브리드 앱·웹 UI 공유.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web Components / Web","aliases":"","source_url":"https://ionicframework.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing mobile-style components and interface conventions through web technologies.","usage":"Hybrid applications and shared web interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-2d5282892204","en":"Capacitor","ko":"Capacitor","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"런타임","description":"웹 앱에서 모바일 네이티브 기능을 호출하도록 연결하는 런타임.","usage":"웹 앱의 네이티브 컨테이너화.","notes":"UI 컴포넌트 라이브러리 자체가 아니라 앱 런타임 계층이다.","ecosystem":"Web / Native","aliases":"","source_url":"https://capacitorjs.com/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A runtime connecting web applications to native mobile capabilities.","usage":"Packaging web applications in native containers.","notes":"This is an application runtime layer rather than a UI component library."}}},{"id":"dar-c203aa06e299","en":"SwiftUI","ko":"SwiftUI","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"선언형 뷰와 상태 모델로 Apple 플랫폼 UI를 구성하는 프레임워크.","usage":"macOS·iOS 등 Apple 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Swift / Apple","aliases":"","source_url":"https://developer.apple.com/documentation/swiftui","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework building Apple-platform interfaces from declarative views and state.","usage":"Apple applications for macOS, iOS, and related platforms.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6fa205885c08","en":"AppKit","ko":"AppKit","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"macOS 창·뷰·메뉴·이벤트 등의 네이티브 UI 프레임워크.","usage":"세밀한 macOS 데스크톱 동작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Swift / Objective-C / macOS","aliases":"","source_url":"https://developer.apple.com/documentation/appkit","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The native macOS framework for windows, views, menus, events, and related interface behavior.","usage":"Detailed native macOS desktop behavior.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-44a6d5bf068f","en":"UIKit","ko":"UIKit","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"iOS 계열 화면·뷰·입력·앱 이벤트를 제공하는 프레임워크.","usage":"UIKit 기반 모바일 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Swift / Objective-C / iOS","aliases":" 애플 iOS 네이티브","source_url":"https://developer.apple.com/documentation/uikit","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework providing screens, views, input, and application events for iOS-family platforms.","usage":"UIKit-based mobile interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e3ba69e080da","en":"Jetpack Compose","ko":"Jetpack Compose","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"상태와 선언형 함수로 Android UI를 구성하는 툴킷.","usage":"Android 네이티브 화면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Kotlin / Android","aliases":"","source_url":"https://developer.android.com/compose","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit building Android interfaces from state and declarative functions.","usage":"Native Android screens.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c6e080432ff3","en":"Compose Multiplatform","ko":"Compose Multiplatform","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"Compose 기반 UI 코드를 여러 플랫폼에서 활용하는 프레임워크.","usage":"Kotlin 중심 멀티플랫폼 UI.","notes":"플랫폼별 API·완성도·지원 조건을 확인한다.","ecosystem":"Kotlin","aliases":"","source_url":"https://www.jetbrains.com/compose-multiplatform/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework reusing Compose-based interface code across multiple platforms.","usage":"Kotlin-centered cross-platform interfaces.","notes":"Check platform-specific APIs, completeness, and support conditions."}}},{"id":"dar-133444dc527b","en":".NET MAUI","ko":".NET MAUI","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"공유 코드로 여러 플랫폼 앱 UI를 구성하는 .NET 프레임워크.","usage":".NET 기반 모바일·데스크톱 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C# / XAML","aliases":"","source_url":"https://learn.microsoft.com/dotnet/maui/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A .NET framework building cross-platform application interfaces from shared code.","usage":".NET-based mobile and desktop applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-06a5a7ead3b4","en":"Avalonia","ko":"Avalonia","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"XAML과 자체 렌더링 기반의 멀티플랫폼 UI 프레임워크.","usage":".NET 데스크톱·멀티플랫폼 도구.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C# / XAML","aliases":"","source_url":"https://docs.avaloniaui.net/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A cross-platform interface framework based on XAML and its own rendering system.","usage":".NET desktop and cross-platform tools.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e8064f63b974","en":"WPF","ko":"WPF","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"XAML·데이터 바인딩 기반의 Windows 데스크톱 UI 프레임워크.","usage":"Windows 업무용 애플리케이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C# / XAML / Windows","aliases":"","source_url":"https://learn.microsoft.com/dotnet/desktop/wpf/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Windows desktop interface framework based on XAML and data binding.","usage":"Windows business applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-80c7bbe04809","en":"WinUI","ko":"WinUI","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"Windows용 현대적인 네이티브 UI 컨트롤과 스타일 체계.","usage":"Windows 앱 인터페이스.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C# / C++ / Windows","aliases":"","source_url":"https://learn.microsoft.com/windows/apps/winui/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system of modern native Windows interface controls and styles.","usage":"Windows application interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9041ec4df732","en":"Qt","ko":"Qt","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"창·위젯·그래픽·플랫폼 기능을 제공하는 크로스플랫폼 앱 프레임워크.","usage":"전문 데스크톱·임베디드 GUI.","notes":"오픈소스·상용 및 모듈별 라이선스 조건을 확인한다.","ecosystem":"C++ / QML","aliases":"","source_url":"https://doc.qt.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A cross-platform application framework providing windows, widgets, graphics, and platform capabilities.","usage":"Professional desktop and embedded interfaces.","notes":"Check open-source, commercial, and module-specific licenses."}}},{"id":"dar-3e5af3884a04","en":"GTK","ko":"GTK","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"데스크톱 애플리케이션용 위젯과 UI 기반을 제공하는 툴킷.","usage":"Linux·GNOME 계열 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C / GObject","aliases":"","source_url":"https://docs.gtk.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing widgets and interface foundations for desktop applications.","usage":"Linux and GNOME-family applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9669ae841fd5","en":"Dear ImGui","ko":"Dear ImGui","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"즉시형 모델의 GUI를 구현하는 라이브러리.","usage":"게임 엔진 도구·디버그 패널.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C++","aliases":"","source_url":"https://github.com/ocornut/imgui","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library implementing an immediate-mode graphical interface.","usage":"Game-engine tools and debug panels.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b5a7137e944d","en":"Slint","ko":"Slint","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"프레임워크","description":"선언형 문법과 여러 언어 연동을 제공하는 UI 툴킷.","usage":"데스크톱·임베디드 UI.","notes":"제품·배포 목적별 라이선스 조건을 확인한다.","ecosystem":"Rust / C++","aliases":"","source_url":"https://slint.dev/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An interface toolkit offering declarative syntax and integration with multiple programming languages.","usage":"Desktop and embedded interfaces.","notes":"Check licensing for each product and distribution purpose."}}},{"id":"dar-cfd2a639eec9","en":"egui","ko":"egui","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"즉시형 GUI를 제공하는 Rust UI 라이브러리.","usage":"툴·프로토타입·디버그 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Rust","aliases":"","source_url":"https://www.egui.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Rust library providing an immediate-mode graphical interface.","usage":"Tools, prototypes, and debug interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4c49a5d33038","en":"Iced","ko":"Iced","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"메시지·상태 갱신 중심의 선언형 GUI 라이브러리.","usage":"Rust 데스크톱 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Rust","aliases":"","source_url":"https://iced.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A declarative GUI library centered on messages and state updates.","usage":"Rust desktop applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7bdd617f262a","en":"Fyne","ko":"Fyne","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"위젯과 테마를 제공하는 Go GUI 툴킷.","usage":"Go 기반 데스크톱·모바일 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Go","aliases":"","source_url":"https://docs.fyne.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Go GUI toolkit providing widgets and themes.","usage":"Go-based desktop and mobile interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f6cb9d7b4c57","en":"LVGL","ko":"LVGL","domain":"네이티브·모바일","category":"데스크톱·모바일 UI 툴킷","kind":"라이브러리","description":"임베디드 화면용 위젯·입력·렌더링 기능을 제공하는 GUI 라이브러리.","usage":"소형 장치·터치 패널 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C / Embedded","aliases":"","source_url":"https://docs.lvgl.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A GUI library providing widgets, input, and rendering for embedded displays.","usage":"Small devices and touch-panel interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f99a2a3f6f7a","en":"Godot","ko":"Godot","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"씬·노드·에디터를 중심으로 2D·3D 게임을 제작하는 엔진.","usage":"인디 게임·도구·2D 및 3D 인터랙티브 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"GDScript / C# / C++","aliases":"고도 고닷","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An engine for creating 2D and 3D games around scenes, nodes, and an editor.","usage":"Indie games, tools, and 2D or 3D interactive apps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-cd07e2ad30a9","en":"Unity","ko":"Unity","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"에디터·컴포넌트·자산 파이프라인을 제공하는 게임 엔진.","usage":"2D·3D·모바일·시뮬레이션.","notes":"현재 플랜·배포 대상·수익 관련 조건은 공식 약관을 별도 확인한다.","ecosystem":"C#","aliases":"유니티","source_url":"https://docs.unity3d.com/Manual/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A game engine providing an editor, components, and an asset pipeline.","usage":"2D, 3D, mobile, and simulation projects.","notes":"Check official terms separately for current plans, deployment targets, and revenue-related conditions."}}},{"id":"dar-1396add38426","en":"Unreal Engine","ko":"Unreal Engine","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"3D 제작·렌더링·월드·게임 로직을 통합한 엔진.","usage":"고품질 3D·대규모 월드·시각화.","notes":"용도·배포 방식별 라이선스 조건을 확인한다.","ecosystem":"C++ / Blueprint","aliases":"언리얼 언리얼엔진","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An engine integrating 3D authoring, rendering, worlds, and game logic.","usage":"High-quality 3D, large worlds, and visualization.","notes":"Check licensing for the use case and distribution method."}}},{"id":"dar-4fdb0b9d1299","en":"Phaser","ko":"Phaser","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"프레임워크","description":"브라우저 2D 게임의 장면·입력·렌더링·물리 기능을 제공하는 도구.","usage":"웹 2D 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / TypeScript","aliases":"페이저","source_url":"https://docs.phaser.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing scenes, input, rendering, and physics for browser-based 2D games.","usage":"Browser-based 2D games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e96d9cc4732e","en":"PixiJS","ko":"PixiJS","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"라이브러리","description":"스프라이트·그래픽·텍스트 등을 GPU로 그리는 2D 렌더링 도구.","usage":"2D 게임 화면·대화형 그래픽.","notes":"완성된 게임 규칙·물리·에디터를 모두 제공하는 종합 엔진과 구분한다.","ecosystem":"JavaScript / WebGL / WebGPU","aliases":"픽시 픽시JS","source_url":"https://pixijs.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A 2D rendering toolkit drawing sprites, graphics, and text with the GPU.","usage":"2D game presentation and interactive graphics.","notes":"Distinguish this from a comprehensive engine providing complete game rules, physics, and an editor."}}},{"id":"dar-c41e0011d030","en":"PlayCanvas","ko":"PlayCanvas","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"웹 기반 실시간 3D 엔진과 제작 도구.","usage":"브라우저 3D·인터랙티브 제품.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Web","aliases":"","source_url":"https://developer.playcanvas.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web-based real-time 3D engine and authoring environment.","usage":"Browser 3D and interactive products.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-31e7e95d4d29","en":"Defold","ko":"Defold","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"게임 제작·빌드·배포를 위한 에디터와 런타임 엔진.","usage":"2D 중심 멀티플랫폼 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Lua","aliases":"","source_url":"https://defold.com/manuals/introduction/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An editor and runtime engine for creating, building, and distributing games.","usage":"Primarily 2D cross-platform games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fe02bd1aaaa0","en":"GameMaker","ko":"GameMaker","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"2D 게임 제작을 위한 에디터·스크립트·자산 체계를 제공하는 도구.","usage":"2D 게임 제작.","notes":"배포 대상과 현재 라이선스 조건을 확인한다.","ecosystem":"GML","aliases":"","source_url":"https://manual.gamemaker.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing an editor, scripting, and asset systems for 2D game creation.","usage":"2D game creation.","notes":"Check deployment targets and current licensing."}}},{"id":"dar-1de5fafcf902","en":"Construct","ko":"Construct","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"이벤트 시트 중심으로 게임을 구성하는 제작 도구.","usage":"시각적 로직 중심 2D 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Visual events / JavaScript","aliases":"","source_url":"https://www.construct.net/en/make-games/manuals/construct-3","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A game-authoring tool centered on event sheets.","usage":"2D games built around visual logic.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-eb9b8e926df7","en":"GDevelop","ko":"GDevelop","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"이벤트 기반 시각적 제작과 확장을 제공하는 게임 도구.","usage":"코드 부담이 적은 2D 게임 제작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Visual events / JavaScript","aliases":"","source_url":"https://wiki.gdevelop.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A game-authoring tool providing event-based visual development and extensions.","usage":"2D game creation with reduced coding requirements.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-90bdde9f674c","en":"Cocos Creator","ko":"Cocos Creator","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"에디터·씬·컴포넌트 기반으로 게임을 만드는 제작 환경.","usage":"2D·3D·웹·모바일 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"TypeScript","aliases":"","source_url":"https://docs.cocos.com/creator/manual/en/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An editor-based environment creating games from scenes and components.","usage":"2D, 3D, web, and mobile games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-cf46d06d0adc","en":"LÖVE","ko":"LÖVE","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"프레임워크","description":"2D 그래픽·입력·소리 등 게임 기능을 제공하는 Lua 프레임워크.","usage":"코드 중심 2D 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Lua","aliases":"","source_url":"https://love2d.org/wiki/Main_Page","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Lua framework providing 2D graphics, input, audio, and other game capabilities.","usage":"Code-oriented 2D games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-aa8b159e1160","en":"MonoGame","ko":"MonoGame","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"프레임워크","description":"렌더링·입력·오디오 등을 제공하는 코드 중심 게임 프레임워크.","usage":"맞춤 2D·3D 게임 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C#","aliases":"","source_url":"https://docs.monogame.net/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A code-oriented game framework providing rendering, input, audio, and related features.","usage":"Custom foundations for 2D and 3D games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-3dc525af132b","en":"libGDX","ko":"libGDX","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"프레임워크","description":"2D·3D·입력·오디오 등을 제공하는 게임 개발 프레임워크.","usage":"Java 기반 멀티플랫폼 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Java","aliases":"","source_url":"https://libgdx.com/wiki/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A game framework providing 2D and 3D graphics, input, audio, and related capabilities.","usage":"Java-based cross-platform games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-7106f87ae91f","en":"Bevy","ko":"Bevy","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"ECS 기반의 모듈형 게임 엔진.","usage":"Rust 게임·시뮬레이션.","notes":"릴리스별 API 변화와 에디터·플러그인 생태계를 확인한다.","ecosystem":"Rust","aliases":"","source_url":"https://bevyengine.org/learn/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A modular game engine based on an entity-component-system architecture.","usage":"Rust games and simulations.","notes":"Check release-specific API changes and the editor and plugin ecosystem."}}},{"id":"dar-509df45debe2","en":"Pygame","ko":"Pygame","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"라이브러리","description":"2D 그래픽·입력·오디오 등 게임용 모듈을 제공하는 도구.","usage":"Python 게임·학습·프로토타입.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.pygame.org/docs/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A toolkit providing modules for 2D graphics, input, audio, and game development.","usage":"Python games, learning, and prototypes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-bc5549790d65","en":"pygame-ce","ko":"pygame-ce","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"라이브러리","description":"Pygame 계열 API의 커뮤니티 에디션 구현.","usage":"Python 2D 게임·기존 Pygame 프로젝트.","notes":"pygame 패키지와 설치 충돌·기능 차이를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pyga.me/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A community-edition implementation of the Pygame API family.","usage":"Python 2D games and existing Pygame projects.","notes":"Check installation conflicts and feature differences with the pygame package."}}},{"id":"dar-0055ddf4934f","en":"Arcade","ko":"Arcade","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"라이브러리","description":"스프라이트·타일맵·그래픽 기능을 제공하는 2D 게임 라이브러리.","usage":"Python 2D 게임.","notes":"latest 문서가 개발 버전일 수 있으므로 설치 버전과 맞춘다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://api.arcade.academy/en/latest/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A 2D game library providing sprites, tilemaps, and graphics capabilities.","usage":"Python 2D games.","notes":"The latest documentation may describe a development version; match it to the installed version."}}},{"id":"dar-36451c09cbbb","en":"Panda3D","ko":"Panda3D","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"실시간 3D 렌더링과 게임·시뮬레이션 기능을 제공하는 엔진.","usage":"Python 중심 3D 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / C++","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://docs.panda3d.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An engine providing real-time 3D rendering and game or simulation functionality.","usage":"Python-centered 3D applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5ef5e921b7e4","en":"Ursina","ko":"Ursina","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"Panda3D 기반으로 간단한 3D 게임 제작 API를 제공하는 도구.","usage":"Python 3D 프로토타입.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.ursinaengine.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit offering a simplified 3D game API on top of Panda3D.","usage":"Python 3D prototypes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c43c584699b7","en":"Ren'Py","ko":"Ren'Py","domain":"게임 구현","category":"게임 엔진·2D 프레임워크","kind":"엔진","description":"대사·선택·이미지·분기를 중심으로 비주얼 노벨을 제작하는 엔진.","usage":"대화·내러티브 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Script","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://www.renpy.org/doc/html/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual-novel engine centered on dialogue, choices, images, and branching.","usage":"Dialogue and narrative games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8dd01192ecc4","en":"Rapier","ko":"Rapier","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"강체·충돌 등 2D·3D 물리 시뮬레이션을 제공하는 엔진.","usage":"게임·웹 물리·시뮬레이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Rust / JavaScript","aliases":"","source_url":"https://rapier.rs/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An engine providing 2D and 3D rigid-body physics and collision simulation.","usage":"Game and web physics and simulation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d61545f463f7","en":"Matter.js","ko":"Matter.js","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"2D 강체 물리와 제약을 제공하는 라이브러리.","usage":"브라우저 2D 물리 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://brm.io/matter-js/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing 2D rigid-body physics and constraints.","usage":"Browser-based 2D physics games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c109fe8c0157","en":"Box2D","ko":"Box2D","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"강체·접촉·조인트를 제공하는 2D 물리 엔진.","usage":"2D 게임·물리 시뮬레이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C","aliases":"","source_url":"https://box2d.org/documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 2D physics engine providing rigid bodies, contacts, and joints.","usage":"2D games and physics simulation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b25e0f1ae533","en":"Planck.js","ko":"Planck.js","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"Box2D 계열의 2D 물리를 웹에서 다루는 구현.","usage":"브라우저 2D 물리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://piqnt.com/planck.js/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web implementation of Box2D-family 2D physics.","usage":"Browser-based 2D physics.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-14a53079ea0f","en":"cannon-es","ko":"cannon-es","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"웹에서 사용할 수 있는 3D 강체 물리 라이브러리.","usage":"Three.js와 결합한 물리 장면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/pmndrs/cannon-es","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D rigid-body physics library for the web.","usage":"Physics scenes integrated with Three.js.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-71e6c5daaa58","en":"Ammo.js","ko":"Ammo.js","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"Bullet 물리 엔진을 웹 환경에서 사용하는 이식체.","usage":"웹 3D 물리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebAssembly","aliases":"","source_url":"https://github.com/kripken/ammo.js","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A port of the Bullet physics engine to web environments.","usage":"Web-based 3D physics.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-94121fc74763","en":"Jolt Physics","ko":"Jolt Physics","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"게임과 실시간 앱용 물리 시뮬레이션 라이브러리.","usage":"3D 물리·게임 엔진 통합.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C++","aliases":"","source_url":"https://github.com/jrouwe/JoltPhysics","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A physics simulation library for games and real-time applications.","usage":"3D physics and game-engine integration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-87a8b6449277","en":"Recast / Detour","ko":"Recast / Detour","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"내비게이션 메시 생성과 경로 탐색을 제공하는 도구군.","usage":"게임 AI 이동·길찾기.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C++","aliases":"","source_url":"https://recastnav.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for navigation-mesh generation and pathfinding.","usage":"AI movement and pathfinding in games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-96b2c91bb2c5","en":"RmlUi","ko":"RmlUi","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"HTML·CSS와 유사한 문서·스타일로 게임 UI를 만드는 라이브러리.","usage":"게임·네이티브 앱의 문서형 UI.","notes":"웹 브라우저 전체와 동일한 기능을 제공하는 것은 아니다.","ecosystem":"C++","aliases":"","source_url":"https://mikke89.github.io/RmlUiDoc/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library building game interfaces with HTML- and CSS-like documents and styling.","usage":"Document-style interfaces in games and native apps.","notes":"This does not provide every feature of a full web browser."}}},{"id":"dar-60c320d71a6f","en":"NoesisGUI","ko":"NoesisGUI","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"XAML 기반의 게임·실시간 애플리케이션 UI 미들웨어.","usage":"고해상도 게임 UI.","notes":"상용 제품의 적용 조건과 엔진 통합 지원을 확인한다.","ecosystem":"C++ / XAML","aliases":"","source_url":"https://www.noesisengine.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"XAML-based interface middleware for games and real-time applications.","usage":"High-resolution game interfaces.","notes":"Check commercial-product terms and engine integration support."}}},{"id":"dar-1c8990ef76f9","en":"Unity UI Toolkit","ko":"Unity UI Toolkit","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"프레임워크","description":"Unity에서 문서·스타일·시각 트리 기반 UI를 구성하는 시스템.","usage":"에디터 툴·게임 UI.","notes":"USS는 웹 CSS와 완전히 동일하지 않다.","ecosystem":"Unity / C# / UXML / USS","aliases":"","source_url":"https://docs.unity3d.com/Manual/UIElements.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Unity interface system based on documents, styles, and visual trees.","usage":"Editor tools and game interfaces.","notes":"USS is not exactly the same as web CSS."}}},{"id":"dar-83f2ed44af01","en":"Unreal UMG","ko":"Unreal UMG","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"프레임워크","description":"위젯과 에디터로 Unreal UI를 만드는 시스템.","usage":"HUD·메뉴·게임 UI.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Unreal / Blueprint / C++","aliases":"","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/umg-ui-designer-for-unreal-engine","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A system for building Unreal interfaces through widgets and an editor.","usage":"HUDs, menus, and game interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ae6d5d64a2af","en":"ink","ko":"ink","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"라이브러리","description":"분기·선택·변수를 이용해 대화형 이야기를 기술하는 언어·런타임.","usage":"내러티브·분기 대화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Narrative / C#","aliases":"","source_url":"https://www.inklestudios.com/ink/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A language and runtime for interactive stories using branches, choices, and variables.","usage":"Narrative and branching dialogue.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-963785f0579b","en":"Yarn Spinner","ko":"Yarn Spinner","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"도구","description":"대화·명령·상태 분기를 구성하고 게임과 연결하는 도구.","usage":"NPC 대화·스토리 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Narrative","aliases":"","source_url":"https://docs.yarnspinner.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit composing dialogue, commands, and state-dependent branches and connecting them to games.","usage":"NPC dialogue and story-focused games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8945684559ba","en":"Twine","ko":"Twine","domain":"게임 구현","category":"물리·게임 UI·내러티브 도구","kind":"도구","description":"노드로 연결된 하이퍼텍스트형 이야기를 제작하는 도구.","usage":"분기 서사·텍스트 게임.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"HTML / Narrative","aliases":"","source_url":"https://twinery.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool for creating hypertext stories from connected nodes.","usage":"Branching narratives and text games.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-4304a3ae36f2","en":"Three.js","ko":"Three.js","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"장면·카메라·재질·기하 등으로 웹 3D를 구성하는 라이브러리.","usage":"3D 상품 뷰어·부스 배치·인터랙티브 웹.","notes":"WebGL·WebGPU 렌더러와 기능별 지원 차이를 확인한다.","ecosystem":"JavaScript / WebGL / WebGPU","aliases":"쓰리제이에스 쓰리JS threejs","source_url":"https://threejs.org/docs/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A library building web 3D with scenes, cameras, materials, and geometry.","usage":"3D product viewers, booth layout tools, and interactive websites.","notes":"Check feature differences between WebGL and WebGPU renderers."}}},{"id":"dar-dc9e2265f423","en":"Babylon.js","ko":"Babylon.js","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"엔진","description":"실시간 3D·재질·애니메이션·도구 기능을 제공하는 웹 엔진.","usage":"웹 3D 앱·게임·제품 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebGL / WebGPU","aliases":"","source_url":"https://doc.babylonjs.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A web engine providing real-time 3D, materials, animation, and supporting tools.","usage":"Web 3D applications, games, and product visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-549d294d2dfc","en":"React Three Fiber","ko":"React Three Fiber","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"Three.js 장면을 React 컴포넌트 모델로 구성하는 렌더러.","usage":"React 기반 3D 편집기·뷰어.","notes":"Three.js 자체를 대체하는 별도 3D 엔진은 아니다.","ecosystem":"React / Three.js","aliases":"리액트쓰리파이버 R3F","source_url":"https://r3f.docs.pmnd.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A renderer composing Three.js scenes through React's component model.","usage":"React-based 3D editors and viewers.","notes":"This is not an independent 3D engine replacing Three.js."}}},{"id":"dar-2f5a68e522bc","en":"Drei","ko":"Drei","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"컨트롤·환경·텍스트 등 자주 쓰는 R3F 보조 기능 모음.","usage":"3D 제품·씬 UI 구현 보조.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React Three Fiber","aliases":"","source_url":"https://drei.docs.pmnd.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of common React Three Fiber helpers for controls, environments, text, and more.","usage":"Helpers for 3D product and scene interfaces.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-31c7ecec3a24","en":"React Three Rapier","ko":"React Three Rapier","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"R3F 장면에 Rapier 물리 상태를 연결하는 도구.","usage":"React 기반 물리 3D 장면.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"React Three Fiber / Rapier","aliases":"","source_url":"https://pmndrs.github.io/react-three-rapier/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit connecting Rapier physics state to React Three Fiber scenes.","usage":"React-based 3D physics scenes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-33a6d95b18eb","en":"postprocessing","ko":"postprocessing","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"Three.js 렌더링에 합성·화면 효과를 구성하는 도구.","usage":"블룸·색 조정·화면 효과.","notes":"Three.js용 라이브러리의 제품명이다. 일반 렌더링 단계인 Post-processing과 구분한다.","ecosystem":"Three.js","aliases":"","source_url":"https://pmndrs.github.io/postprocessing/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit composing post-processing and screen effects for Three.js rendering.","usage":"Bloom, color adjustments, and screen effects.","notes":"This is a product name for a Three.js library, distinct from the generic post-processing rendering stage."}}},{"id":"dar-eab02703e776","en":"three-mesh-bvh","ko":"three-mesh-bvh","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"메시 BVH를 생성해 레이 교차·공간 질의를 돕는 도구.","usage":"복잡한 모델 선택·충돌 질의.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Three.js","aliases":"","source_url":"https://github.com/gkjohnson/three-mesh-bvh","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit creating mesh BVHs to support ray intersections and spatial queries.","usage":"Complex-model selection and collision queries.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5407559f7105","en":"OGL","ko":"OGL","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"WebGL의 기본 기능을 간결한 추상화로 제공하는 3D 도구.","usage":"맞춤 셰이더·가벼운 그래픽 실험.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebGL","aliases":"","source_url":"https://github.com/oframe/ogl","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D toolkit exposing core WebGL functionality through concise abstractions.","usage":"Custom shaders and lightweight graphics experiments.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6ad5ba16b5df","en":"regl","ko":"regl","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"WebGL 상태와 그리기 명령을 선언형으로 구성하는 도구.","usage":"맞춤 GPU 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebGL","aliases":"","source_url":"https://regl-project.github.io/regl/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit declaring WebGL state and drawing commands.","usage":"Custom GPU visualizations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5ba6b841c895","en":"A-Frame","ko":"A-Frame","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"프레임워크","description":"HTML 기반 엔티티·컴포넌트로 3D·XR 장면을 구성하는 프레임워크.","usage":"웹 VR·공간 프로토타입.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"HTML / Three.js / WebXR","aliases":"","source_url":"https://aframe.io/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A framework constructing 3D and XR scenes with HTML-based entities and components.","usage":"Web VR and spatial prototypes.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ba845359389d","en":"model-viewer","ko":"model-viewer","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"웹 컴포넌트","description":"3D 모델 표시와 제품형 카메라 상호작용을 제공하는 웹 컴포넌트.","usage":"상품 상세페이지의 3D 뷰어.","notes":"AR 등 기능은 기기·브라우저별 지원을 확인한다.","ecosystem":"Web / glTF","aliases":"","source_url":"https://modelviewer.dev/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web component displaying 3D models with product-viewer-style camera interactions.","usage":"3D viewers on product pages.","notes":"Check device and browser support for features such as AR."}}},{"id":"dar-51123ff13fa3","en":"GaussianSplats3D","ko":"GaussianSplats3D","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"가우시안 스플랫 장면을 Three.js 기반으로 표시하는 도구.","usage":"캡처한 공간·스플랫 뷰어.","notes":"스플랫은 일반 메시와 충돌·편집 방식이 다르다.","ecosystem":"Three.js","aliases":"","source_url":"https://github.com/mkkellogg/GaussianSplats3D","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit displaying Gaussian-splat scenes using Three.js.","usage":"Viewers for captured spaces and Gaussian splats.","notes":"Splats differ from ordinary meshes in collision handling and editing."}}},{"id":"dar-0d2d959c481c","en":"wgpu","ko":"wgpu","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"여러 그래픽 백엔드를 추상화하는 GPU API 라이브러리.","usage":"Rust 렌더러·크로스플랫폼 그래픽.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Rust / GPU","aliases":"","source_url":"https://wgpu.rs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A GPU API library abstracting multiple graphics backends.","usage":"Rust renderers and cross-platform graphics.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-2545e7d90f08","en":"ModernGL","ko":"ModernGL","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"OpenGL을 Python에서 비교적 간결하게 사용하는 인터페이스.","usage":"Python 셰이더·GPU 렌더링 실험.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / OpenGL","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://moderngl.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A relatively concise Python interface to OpenGL.","usage":"Python shader and GPU-rendering experiments.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-db4da1e9c564","en":"pyglet","ko":"pyglet","domain":"3D·렌더링","category":"웹 3D·그래픽·XR 라이브러리","kind":"라이브러리","description":"윈도·입력·그래픽·미디어 기능을 제공하는 Python 멀티미디어 라이브러리.","usage":"2D·3D·미디어 앱.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pyglet.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python multimedia library providing windows, input, graphics, and media capabilities.","usage":"2D, 3D, and media applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b4fffc61b8a6","en":"Leaflet","ko":"Leaflet","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"타일·마커·벡터 오버레이를 표시하는 대화형 웹 지도 라이브러리.","usage":"매장·행사·위치 안내 지도.","notes":"라이브러리와 지도 타일 서비스의 비용·이용 조건은 별개다.","ecosystem":"JavaScript","aliases":"리플릿 지리정보 지도디자인 GIS","source_url":"https://leafletjs.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interactive web-map library displaying tiles, markers, and vector overlays.","usage":"Maps for stores, events, and location guidance.","notes":"Library terms and map-tile service costs and terms are separate."}}},{"id":"dar-89cb80569436","en":"OpenLayers","ko":"OpenLayers","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"여러 공간 데이터 형식과 좌표계를 다루는 웹 지도 라이브러리.","usage":"복합 GIS 웹 애플리케이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"지리정보 지도디자인 GIS","source_url":"https://openlayers.org/doc/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A web-map library supporting multiple spatial-data formats and coordinate systems.","usage":"Complex GIS web applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f910c46cb6b6","en":"MapLibre GL JS","ko":"MapLibre GL JS","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"벡터 타일과 스타일 문서를 이용해 브라우저 지도를 그리는 라이브러리.","usage":"맞춤 지도 스타일·벡터 지도.","notes":"기본 지도·타일·지오코딩 공급자는 따로 선택해야 한다.","ecosystem":"TypeScript / WebGL","aliases":"맵리브레 지리정보 지도디자인 GIS","source_url":"https://maplibre.org/maplibre-gl-js/docs/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A library rendering browser maps from vector tiles and style documents.","usage":"Custom map styling and vector maps.","notes":"Choose basemap, tile, and geocoding providers separately."}}},{"id":"dar-76de2f13df5c","en":"Mapbox GL JS","ko":"Mapbox GL JS","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"벡터 지도·스타일·대화형 레이어를 제공하는 지도 라이브러리.","usage":"Mapbox 서비스와 연계한 지도 앱.","notes":"버전별 라이선스·토큰·과금·지도 데이터 조건을 확인한다.","ecosystem":"JavaScript / WebGL","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.mapbox.com/mapbox-gl-js/guides/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A map library providing vector maps, styling, and interactive layers.","usage":"Map applications integrated with Mapbox services.","notes":"Check version-specific licenses, tokens, billing, and map-data conditions."}}},{"id":"dar-71ea1a1b4152","en":"CesiumJS","ko":"CesiumJS","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"지구본과 대규모 지리공간 3D 자료를 표시하는 라이브러리.","usage":"3D 지구·도시·공간 시각화.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / WebGL","aliases":"지리정보 지도디자인 GIS","source_url":"https://cesium.com/learn/cesiumjs-learn/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library displaying globes and large-scale geospatial 3D datasets.","usage":"3D globes, cities, and spatial visualization.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-59ce38d357d3","en":"deck.gl","ko":"deck.gl","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"큰 데이터의 레이어 기반 GPU 시각화를 제공하는 도구.","usage":"지리 공간·궤적·밀집 데이터.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / GPU","aliases":"지리정보 지도디자인 GIS","source_url":"https://deck.gl/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit providing layer-based GPU visualization of large datasets.","usage":"Geospatial, trajectory, and high-density data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ce198efa3e0d","en":"Turf.js","ko":"Turf.js","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"GeoJSON 등의 공간 데이터를 분석·변환하는 도구.","usage":"거리·버퍼·교차 등 지도 연산.","notes":"지도 렌더러가 아니라 공간 분석 라이브러리다.","ecosystem":"JavaScript","aliases":"지리정보 지도디자인 GIS","source_url":"https://turfjs.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit analyzing and transforming spatial data such as GeoJSON.","usage":"Map operations such as distance, buffers, and intersections.","notes":"This is a spatial-analysis library rather than a map renderer."}}},{"id":"dar-ed54bdf4b4b6","en":"D3 Geo","ko":"D3 Geo","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"지도 투영과 지리 도형 경로 생성을 제공하는 D3 모듈.","usage":"맞춤 통계 지도·벡터 지도.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / D3","aliases":"지리정보 지도디자인 GIS","source_url":"https://d3js.org/d3-geo","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A D3 module providing map projections and geographic path generation.","usage":"Custom statistical and vector maps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d86ff4626bc6","en":"PMTiles","ko":"PMTiles","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리·형식","description":"하나의 아카이브에서 범위 요청으로 지도 타일을 제공하는 형식과 도구.","usage":"정적 호스팅 지도 타일 배포.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web / GIS","aliases":"지리정보 지도디자인 GIS","source_url":"https://docs.protomaps.com/pmtiles/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A format and tooling serving map tiles from a single archive through range requests.","usage":"Publishing map tiles on static hosting.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1da43c542abb","en":"Folium","ko":"Folium","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"Python에서 Leaflet 기반 HTML 지도를 구성하는 도구.","usage":"분석 결과를 웹 지도로 출력.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Leaflet","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://python-visualization.github.io/folium/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python toolkit constructing Leaflet-based HTML maps.","usage":"Presenting analysis results as web maps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c737e9048b33","en":"GeoPandas","ko":"GeoPandas","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"기하 열과 공간 연산을 데이터프레임에 결합하는 라이브러리.","usage":"지도 데이터 정리·분석.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / GIS","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://geopandas.org/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library combining geometry columns and spatial operations with dataframes.","usage":"Cleaning and analyzing map data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-1116b8bcbb37","en":"Shapely","ko":"Shapely","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"평면 기하 도형과 공간 관계 연산을 제공하는 라이브러리.","usage":"공간 교차·버퍼·도형 검증.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Geometry","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://shapely.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing planar geometries and spatial relationship operations.","usage":"Spatial intersections, buffers, and geometry validation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-f40c84da4612","en":"Rasterio","ko":"Rasterio","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"지리 래스터 데이터 읽기·쓰기·처리를 제공하는 도구.","usage":"위성·지형·래스터 전처리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / GIS","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://rasterio.readthedocs.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for reading, writing, and processing geospatial raster data.","usage":"Preprocessing satellite, terrain, and raster data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-87c34de6f78b","en":"pyproj","ko":"pyproj","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"좌표 참조 체계와 투영 변환을 Python에서 처리하는 도구.","usage":"좌표 변환·거리 계산 기반.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / PROJ","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://pyproj4.github.io/pyproj/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A Python toolkit for coordinate-reference-system and projection transformations.","usage":"Coordinate transformations and distance calculations.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-b8f8e9c8024c","en":"Cartopy","ko":"Cartopy","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"지도 투영·해안선·지리 데이터를 차트에 결합하는 도구.","usage":"과학·기후·통계 지도.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / Matplotlib","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://scitools.org.uk/cartopy/docs/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit combining map projections, coastlines, and geographic data with charts.","usage":"Scientific, climate, and statistical maps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5da425a6a9d6","en":"GDAL","ko":"GDAL","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"라이브러리","description":"래스터·벡터 지리 데이터 형식을 읽고 변환하는 도구군.","usage":"GIS 파일 변환·전처리 파이프라인.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"C++ / Python / GIS","aliases":"파이썬 파이썬GUI Python GUI 지리정보 지도디자인 GIS","source_url":"https://gdal.org/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit reading and converting raster and vector geospatial formats.","usage":"GIS file conversion and preprocessing pipelines.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-75b4979b62f3","en":"Google Maps JavaScript API","ko":"Google Maps JavaScript API","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"SDK","description":"Google 지도와 장소 등 지도 기능을 웹에 통합하는 API.","usage":"위치 안내·지도 서비스 연동.","notes":"API 키 제한·할당량·과금·데이터 표시 조건을 확인한다.","ecosystem":"JavaScript / Service","aliases":"지리정보 지도디자인 GIS","source_url":"https://developers.google.com/maps/documentation/javascript","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An API integrating Google maps, places, and related map functionality into websites.","usage":"Location guidance and map service integrations.","notes":"Check API-key restrictions, quotas, billing, and data-display conditions."}}},{"id":"dar-81b7b1f2f6fb","en":"Kakao Maps API","ko":"Kakao Maps API","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"SDK","description":"카카오 지도와 관련 기능을 웹·앱에 연결하는 API.","usage":"한국 지역 중심 위치 서비스.","notes":"앱 등록·도메인·현재 정책과 이용 조건을 확인한다.","ecosystem":"JavaScript / Service","aliases":"지리정보 지도디자인 GIS","source_url":"https://apis.map.kakao.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An API connecting Kakao maps and related capabilities to websites or applications.","usage":"Location services focused on South Korea.","notes":"Check app registration, domains, and current policies and terms."}}},{"id":"dar-33862217215e","en":"NAVER Maps API","ko":"NAVER Maps API","domain":"지도·GIS","category":"지도·GIS 라이브러리·SDK","kind":"SDK","description":"네이버 지도 서비스를 웹 등에 통합하는 API.","usage":"한국 지도·위치 안내 서비스.","notes":"Naver Cloud 상품의 현재 인증·과금 조건을 확인한다.","ecosystem":"JavaScript / Service","aliases":"지리정보 지도디자인 GIS","source_url":"https://navermaps.github.io/maps.js.ncp/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An API integrating NAVER map services into websites and related applications.","usage":"Korean maps and location guidance services.","notes":"Check current authentication and billing terms for Naver Cloud products."}}},{"id":"dar-c65e5af53615","en":"Figma","ko":"Figma","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"협업 화면 디자인·컴포넌트·프로토타입을 제작하는 도구.","usage":"UI 설계·디자인 시스템·개발 전달.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web / Desktop","aliases":"피그마","source_url":"https://help.figma.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collaborative tool for screen design, components, and prototypes.","usage":"UI design, design systems, and developer handoff.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-c8ce305b0f4d","en":"Penpot","ko":"Penpot","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"웹 표준 기반 디자인·프로토타입·협업 도구.","usage":"UI 디자인·오픈소스 디자인 협업.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web","aliases":"","source_url":"https://help.penpot.app/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A design, prototyping, and collaboration tool based on web standards.","usage":"UI design and open-source design collaboration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-21b3cf76851d","en":"Sketch","ko":"Sketch","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"벡터 기반 화면·컴포넌트·프로토타입 디자인 도구.","usage":"macOS 중심 UI 디자인.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"macOS","aliases":"","source_url":"https://www.sketch.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A vector-based tool for designing screens, components, and prototypes.","usage":"UI design centered on macOS.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-fd4817a46984","en":"Framer","ko":"Framer","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"시각 편집으로 사이트와 인터랙션을 제작·게시하는 도구.","usage":"마케팅 웹·포트폴리오 제작.","notes":"Motion 라이브러리와 다른 웹 제작 제품이다.","ecosystem":"Web","aliases":"","source_url":"https://www.framer.com/help/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual tool for creating and publishing websites and interactions.","usage":"Marketing websites and portfolios.","notes":"This web-authoring product is different from the Motion library."}}},{"id":"dar-f2d152e7f7e7","en":"Webflow","ko":"Webflow","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"시각 편집으로 웹 레이아웃·콘텐츠·인터랙션을 만드는 도구.","usage":"웹 사이트 제작·운영.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web","aliases":"","source_url":"https://university.webflow.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual tool for authoring web layouts, content, and interactions.","usage":"Website creation and operation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-bcf3c0db17a4","en":"Blender","ko":"Blender","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"모델링·리깅·애니메이션·렌더링·합성을 통합한 3D 제작 도구.","usage":"부스·제품·게임 자산·영상.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"3D / Python","aliases":"블렌더 블랜더 파이썬 파이썬GUI Python GUI","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A 3D authoring tool integrating modeling, rigging, animation, rendering, and compositing.","usage":"Booths, products, game assets, and video.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e66074ad9376","en":"Houdini","ko":"Houdini","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"노드·절차 기반으로 기하·시뮬레이션·이펙트를 제작하는 도구.","usage":"환경 생성·VFX·절차적 자산.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"3D / Procedural","aliases":"","source_url":"https://www.sidefx.com/docs/houdini/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A procedural, node-based tool for geometry, simulation, and effects.","usage":"Environment generation, VFX, and procedural assets.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-66e2571609e9","en":"Substance 3D Painter","ko":"Substance 3D Painter","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"3D 모델 표면에 레이어·마스크로 재질과 텍스처를 제작하는 도구.","usage":"게임·상품 PBR 텍스처.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"3D / Texturing","aliases":"","source_url":"https://helpx.adobe.com/substance-3d-painter/home.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool authoring materials and textures on 3D models through layers and masks.","usage":"PBR textures for games and products.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9ad0dfd3faac","en":"Substance 3D Designer","ko":"Substance 3D Designer","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"노드 그래프로 절차적 재질·텍스처를 생성하는 도구.","usage":"반복 가능한 재질 시스템.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"3D / Procedural materials","aliases":"","source_url":"https://helpx.adobe.com/substance-3d-designer/home.html","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool generating procedural materials and textures with node graphs.","usage":"Repeatable material systems.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a3a19eae30f2","en":"Aseprite","ko":"Aseprite","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"픽셀 아트·스프라이트·프레임 애니메이션을 제작하는 도구.","usage":"2D 게임 자산·픽셀 애니메이션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / Pixel art","aliases":"","source_url":"https://www.aseprite.org/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool creating pixel art, sprites, and frame animation.","usage":"2D game assets and pixel animation.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e32c4e690a41","en":"Krita","ko":"Krita","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"디지털 페인팅·브러시·프레임 애니메이션 도구.","usage":"콘셉트 아트·텍스처·일러스트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / Painting","aliases":"","source_url":"https://docs.krita.org/en/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A digital painting tool with brushes and frame-animation capabilities.","usage":"Concept art, textures, and illustration.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d3cde8799922","en":"Inkscape","ko":"Inkscape","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"SVG 기반의 벡터 편집 도구.","usage":"아이콘·도해·벡터 자산.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / SVG","aliases":"","source_url":"https://inkscape.org/learn/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An SVG-based vector graphics editor.","usage":"Icons, diagrams, and vector assets.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e2b8b53c8f43","en":"GIMP","ko":"GIMP","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"레이어·선택·필터를 이용한 래스터 이미지 편집 도구.","usage":"사진·텍스처·이미지 합성.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / Raster","aliases":"","source_url":"https://docs.gimp.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A raster image editor using layers, selections, and filters.","usage":"Photos, textures, and image compositing.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-d283c4a6d6ae","en":"Tiled","ko":"Tiled","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"타일·오브젝트·속성으로 2D 게임 맵을 제작하는 에디터.","usage":"2D 레벨·타일맵 제작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / Tilemap","aliases":"타일드 타일맵 에디터","source_url":"https://doc.mapeditor.org/en/stable/manual/introduction/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An editor creating 2D game maps from tiles, objects, and properties.","usage":"2D levels and tilemaps.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-8a4211a3d0cd","en":"LDtk","ko":"LDtk","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"타일·엔티티·자동 규칙으로 2D 레벨을 제작하는 에디터.","usage":"2D 게임 레벨 데이터 제작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"2D / Level design","aliases":"레벨디자인툴킷","source_url":"https://ldtk.io/docs/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An editor creating 2D levels with tiles, entities, and automatic rules.","usage":"2D game level data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-eea076bd2165","en":"QGIS","ko":"QGIS","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"공간 데이터의 편집·분석·지도 제작을 지원하는 GIS 앱.","usage":"실제 위치·지리 데이터 지도 제작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Desktop / GIS","aliases":"큐지아이에스","source_url":"https://docs.qgis.org/latest/en/docs/gentle_gis_introduction/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A GIS application for spatial-data editing, analysis, and map creation.","usage":"Mapping real locations and geographic data.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-52baf877557f","en":"Gaea","ko":"Gaea","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"노드·침식 등으로 지형을 생성하는 제작 도구.","usage":"게임·영상의 자연 지형.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Terrain / Procedural","aliases":"","source_url":"https://docs.quadspinner.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A terrain-authoring tool using nodes, erosion, and related processes.","usage":"Natural terrain for games and film.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a0d181326047","en":"World Machine","ko":"World Machine","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"절차적 지형·침식·텍스처 마스크를 생성하는 도구.","usage":"높이맵·게임 지형 제작.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Terrain / Procedural","aliases":"","source_url":"https://help.world-machine.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool generating procedural terrain, erosion, and texture masks.","usage":"Heightmaps and game terrain.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0e09d2154ff7","en":"Spine","ko":"Spine","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"2D 캐릭터를 뼈대·메시 변형으로 애니메이션화하는 도구.","usage":"2D 게임 캐릭터 애니메이션.","notes":"에디터와 런타임의 이용 조건을 함께 확인한다.","ecosystem":"2D / Animation","aliases":"","source_url":"https://esotericsoftware.com/spine-documentation","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool animating 2D characters through skeletons and mesh deformation.","usage":"2D game character animation.","notes":"Check terms for both the editor and runtime."}}},{"id":"dar-1875b482b840","en":"Rive Editor","ko":"Rive Editor","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"벡터 그래픽·애니메이션·상태 기계를 제작하는 도구.","usage":"인터랙티브 UI 그래픽.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Vector / Interactive","aliases":"","source_url":"https://rive.app/docs/editor/fundamentals/overview","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool authoring vector graphics, animations, and state machines.","usage":"Interactive UI graphics.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-458458abd7da","en":"Spline","ko":"Spline","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"시각 편집으로 웹용 3D 장면과 상호작용을 제작하는 도구.","usage":"브랜드 3D·웹 인터랙션.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"3D / Web","aliases":"","source_url":"https://docs.spline.design/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A visual editor creating 3D web scenes and interactions.","usage":"Branded 3D graphics and web interactions.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e1bdc983e1cf","en":"FMOD","ko":"FMOD","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"게임 오디오 이벤트·믹싱·런타임 연결을 구성하는 미들웨어.","usage":"적응형 음악·게임 사운드.","notes":"프로젝트와 배포 조건에 맞는 라이선스를 확인한다.","ecosystem":"Audio / Game","aliases":"","source_url":"https://www.fmod.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Middleware configuring game-audio events, mixing, and runtime integration.","usage":"Adaptive music and game sound.","notes":"Choose licensing appropriate to the project and distribution conditions."}}},{"id":"dar-60d26aa20db2","en":"Wwise","ko":"Wwise","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"상태·이벤트·공간 음향을 구성하는 게임 오디오 미들웨어.","usage":"복합 게임 오디오 파이프라인.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Audio / Game","aliases":"","source_url":"https://www.audiokinetic.com/en/library/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Game-audio middleware organizing states, events, and spatial sound.","usage":"Complex game audio pipelines.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-a08205af977b","en":"Audacity","ko":"Audacity","domain":"제작 도구","category":"디자인·3D·맵 제작 도구","kind":"도구","description":"오디오 녹음·편집·효과 처리를 제공하는 도구.","usage":"효과음 편집·음성 정리.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Audio","aliases":"","source_url":"https://manual.audacityteam.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool providing audio recording, editing, and effects processing.","usage":"Editing sound effects and cleaning up speech.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-0ca9a4d25e9b","en":"Lucide","ko":"Lucide","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"일관된 도형 규칙의 SVG 아이콘과 프레임워크용 패키지를 제공한다.","usage":"웹·앱의 일반 기능 아이콘.","notes":"사용 플랫폼용 패키지·접근성 설정·버전별 이름을 확인한다.","ecosystem":"SVG / 웹 UI","aliases":"","source_url":"https://lucide.dev/guide/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"SVG icons with consistent geometry and packages for multiple frameworks.","usage":"General-purpose icons for web and app interfaces.","notes":"Check platform packages, accessibility settings, and version-specific names."}}},{"id":"dar-94e1efd09c64","en":"Heroicons","ko":"Heroicons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"Tailwind CSS 제작진의 SVG 아이콘 세트와 UI 패키지.","usage":"일반 웹 인터페이스 아이콘.","notes":"Tailwind CSS를 반드시 함께 써야 하는 것은 아니다.","ecosystem":"SVG / React / Vue","aliases":"","source_url":"https://heroicons.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An SVG icon set and interface packages from the Tailwind CSS team.","usage":"General web interface icons.","notes":"Tailwind CSS is not necessarily required."}}},{"id":"dar-a0d6ffdab3aa","en":"Phosphor Icons","ko":"Phosphor Icons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"여러 굵기와 스타일로 구성된 아이콘 제품군.","usage":"시각적 무게를 조절하는 UI.","notes":"사용 패키지의 지원 스타일·구현 방식을 별도 확인한다.","ecosystem":"SVG / 웹 UI","aliases":"","source_url":"https://phosphoricons.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 사이트 확인·본문 일부 제한","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon family offering multiple weights and styles.","usage":"Interfaces with adjustable visual weight.","notes":"Check the styles and implementation methods supported by the selected package."}}},{"id":"dar-7196cf354f03","en":"Tabler Icons","ko":"Tabler Icons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"선형·채움 스타일 등으로 제공되는 UI 아이콘 세트.","usage":"대시보드·업무 도구.","notes":"원하는 프레임워크용 패키지와 현재 아이콘 이름을 확인한다.","ecosystem":"SVG / 웹 UI","aliases":"","source_url":"https://tabler.io/icons","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface icon set including outline and filled styles.","usage":"Dashboards and business tools.","notes":"Check the package for the intended framework and current icon names."}}},{"id":"dar-6b85273d50c8","en":"Material Symbols","ko":"Material Symbols","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"자산","description":"Google Material 계열의 가변 축 아이콘 모음.","usage":"Material 스타일 아이콘.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Font / SVG","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Google's Material-family icon collection with variable axes.","usage":"Material-style icons.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-ef2a785d46b9","en":"Font Awesome","ko":"Font Awesome","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"여러 스타일·브랜드·UI 아이콘과 통합 도구를 제공하는 제품군.","usage":"웹사이트·업무 UI.","notes":"무료·유료 범위와 선택한 자산의 이용 조건을 확인한다.","ecosystem":"SVG / 글꼴 / 웹 UI","aliases":"","source_url":"https://fontawesome.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A product family providing interface and brand icons in multiple styles and integration tools.","usage":"Websites and business interfaces.","notes":"Check free and paid coverage and the selected assets' usage terms."}}},{"id":"dar-b9e15ffa019a","en":"Iconify","ko":"Iconify","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 도구·런타임","description":"여러 아이콘 세트를 공통 데이터·컴포넌트 방식으로 사용하는 생태계.","usage":"통합 검색·여러 아이콘 세트 사용.","notes":"모든 포함 세트가 같은 라이선스인 것은 아니다. 원격 로딩 여부도 확인한다.","ecosystem":"SVG / 웹 UI","aliases":"","source_url":"https://iconify.design/docs/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"An ecosystem using multiple icon sets through shared data and component interfaces.","usage":"Unified search across multiple icon sets.","notes":"Included sets do not all have the same license. Also check whether icons load remotely."}}},{"id":"dar-825249820727","en":"Storybook","ko":"Storybook","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"컴포넌트를 독립적으로 표시·문서화·검수하는 개발 도구.","usage":"디자인 시스템·UI 상태 카탈로그.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Web components","aliases":"","source_url":"https://storybook.js.org/docs","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A development tool for displaying, documenting, and reviewing components independently.","usage":"Design systems and UI state catalogs.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-9641eb4bc504","en":"Playwright","ko":"Playwright","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"브라우저를 자동 제어해 동작·스크린샷 등을 검증하는 도구.","usage":"UI 기능·반응형·회귀 테스트.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://playwright.dev/docs/intro","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A browser-automation toolkit for testing behavior, screenshots, and related outputs.","usage":"UI functionality, responsiveness, and regression tests.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-85e3f4e301b7","en":"Cypress","ko":"Cypress","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"브라우저 앱의 엔드투엔드·컴포넌트 테스트를 구성하는 도구.","usage":"웹 UI 자동 검수.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript","aliases":"","source_url":"https://docs.cypress.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit for end-to-end and component testing of browser applications.","usage":"Automated web UI checks.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-22e1a69bb24c","en":"axe-core","ko":"axe-core","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"라이브러리","description":"자동으로 검출 가능한 접근성 문제를 검사하는 엔진.","usage":"접근성 테스트 자동화.","notes":"자동 검사 통과가 접근성 전체의 충족을 의미하지 않는다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/dequelabs/axe-core","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An engine checking accessibility issues that can be detected automatically.","usage":"Automated accessibility testing.","notes":"Passing automated checks does not establish complete accessibility conformance."}}},{"id":"dar-d5ff2aa0fd04","en":"Testing Library","ko":"Testing Library","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"라이브러리","description":"사용자 관점의 요소 조회와 UI 테스트를 돕는 도구군.","usage":"컴포넌트 동작 검증.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Multi-framework","aliases":"","source_url":"https://testing-library.com/docs/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A toolkit supporting interface tests and element queries from a user's perspective.","usage":"Validating component behavior.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-6d60b674913b","en":"Lighthouse","ko":"Lighthouse","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"웹 성능·접근성 등 자동 점검을 실행하는 도구.","usage":"사이트 품질 진단의 출발점.","notes":"점수 하나로 실제 사용 경험이나 표준 준수를 확정하지 않는다.","ecosystem":"Web / Chrome","aliases":"","source_url":"https://developer.chrome.com/docs/lighthouse/overview/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool performing automated checks of web performance, accessibility, and related qualities.","usage":"A starting point for website quality assessments.","notes":"A single score does not establish actual user experience or standards conformance."}}},{"id":"dar-97614910546f","en":"Vite","ko":"Vite","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"개발 서버와 웹 자산 빌드를 제공하는 프런트엔드 도구.","usage":"웹 UI 개발·배포 빌드.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"JavaScript / Web","aliases":"","source_url":"https://vite.dev/guide/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A front-end toolkit providing a development server and web-asset builds.","usage":"Web UI development and deployment builds.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-5f0212390e2a","en":"PyInstaller","ko":"PyInstaller","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"Python 앱과 의존 파일을 실행 배포물로 묶는 도구.","usage":"Python GUI 배포.","notes":"대상 운영체제에서의 빌드·서명·의존 파일 포함을 검증한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://pyinstaller.org/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool bundling Python applications and dependencies into executable distributions.","usage":"Distributing Python GUI applications.","notes":"Validate builds, signing, and bundled dependencies on the target operating system."}}},{"id":"dar-f7eb9e3203be","en":"Nuitka","ko":"Nuitka","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"Python 프로그램을 컴파일하고 배포 형태로 구성하는 도구.","usage":"Python GUI 배포·실행 구성.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://nuitka.net/user-documentation/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool compiling Python programs and preparing them for distribution.","usage":"Packaging and execution setup for Python GUI applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e4c6db1056d9","en":"Briefcase","ko":"Briefcase","domain":"제작 도구","category":"아이콘·자산·검수·빌드 도구","kind":"도구","description":"Python 앱을 플랫폼별 앱 프로젝트·패키지로 구성하는 도구.","usage":"BeeWare 앱 배포.","notes":"도입 전 공식 문서에서 지원 버전·배포 플랫폼·라이선스·유지보수 상태를 확인한다.","ecosystem":"Python / BeeWare","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://briefcase.readthedocs.io/en/stable/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool packaging Python applications as platform-specific application projects and packages.","usage":"Distributing BeeWare applications.","notes":"Before adoption, check official documentation for supported versions, distribution platforms, licensing, and maintenance status."}}},{"id":"dar-e2751e340278","en":"Apple Human Interface Guidelines","ko":"Apple Human Interface Guidelines","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Apple 플랫폼의 인터페이스·입력·컴포넌트 설계 지침.","usage":"iOS·macOS 네이티브 경험 검토.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Apple / UI","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Apple's guidance for interface, input, and component design across its platforms.","usage":"Reviewing native iOS and macOS experiences.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-1a0de65826dc","en":"Material Design","ko":"Material Design","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"컴포넌트·색·타입·모션 등의 디자인 가이드 체계.","usage":"Android·Material 계열 제품 설계.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Google / UI","aliases":"","source_url":"https://m3.material.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A design-guidance system covering components, color, type, motion, and related topics.","usage":"Designing Android and Material-based products.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-c4e30d805d8a","en":"IBM Carbon Design System","ko":"IBM Carbon Design System","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"컴포넌트·패턴·토큰과 구현을 제공하는 디자인 시스템.","usage":"데이터·기업용 UI 기준.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Enterprise / UI","aliases":"","source_url":"https://carbondesignsystem.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A design system providing components, patterns, tokens, and implementations.","usage":"Guidelines for data-intensive and enterprise interfaces.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-5eead3b74cec","en":"Microsoft Fluent 2","ko":"Microsoft Fluent 2","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Microsoft의 컴포넌트·시각 언어·상호작용 가이드.","usage":"업무·멀티플랫폼 제품 UI.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Microsoft / UI","aliases":"","source_url":"https://fluent2.microsoft.design/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Microsoft's guidance for components, visual language, and interactions.","usage":"Business and cross-platform product interfaces.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-bb1d665ef15c","en":"Atlassian Design System","ko":"Atlassian Design System","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"협업·업무 제품용 디자인 가이드와 컴포넌트 문서.","usage":"SaaS·작업 관리 UX.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"SaaS / UI","aliases":"","source_url":"https://atlassian.design/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Design guidance and component documentation for collaboration and business products.","usage":"SaaS and task-management experiences.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-c39373a3d3e5","en":"Adobe Spectrum","ko":"Adobe Spectrum","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Adobe 제품의 디자인 원칙·컴포넌트·접근성 가이드.","usage":"편집 도구·전문 앱 UI.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Adobe / UI","aliases":"","source_url":"https://spectrum.adobe.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Adobe's guidance for product design principles, components, and accessibility.","usage":"Editing tools and professional application interfaces.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-f91095423a45","en":"Shopify Polaris","ko":"Shopify Polaris","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Shopify 생태계의 관리·커머스 UI 설계 자료.","usage":"판매자 업무·관리 경험.","notes":"현재 플랫폼·앱 유형에 해당하는 문서와 지원 경로를 확인한다.","ecosystem":"Commerce / UI","aliases":"","source_url":"https://polaris.shopify.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Resources for administrative and commerce interface design in the Shopify ecosystem.","usage":"Merchant workflows and management experiences.","notes":"Check documentation and support paths for the current platform and application type."}}},{"id":"dar-285cafa14c6a","en":"GOV.UK Design System","ko":"GOV.UK Design System","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"공공서비스의 폼·컴포넌트·패턴 설계 지침.","usage":"이해하기 쉬운 신청·입력 흐름.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Public services / UI","aliases":"","source_url":"https://design-system.service.gov.uk/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Guidance for forms, components, and patterns in public services.","usage":"Clear application and data-entry flows.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-ce29164d749d","en":"USWDS","ko":"USWDS","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"미국 정부 웹 디자인 시스템의 컴포넌트와 가이드.","usage":"정보 제공·공공 웹 UI.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Public services / UI","aliases":"","source_url":"https://designsystem.digital.gov/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Components and guidance from the United States Web Design System.","usage":"Informational and public-service web interfaces.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-83faac8fb3aa","en":"WAI-ARIA APG","ko":"WAI-ARIA APG","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"웹 위젯의 역할·상태·키보드 패턴을 설명하는 W3C 실무 가이드.","usage":"접근성 상호작용 검증.","notes":"예제 적용만으로 WCAG 준수가 자동 보장되지는 않는다.","ecosystem":"Accessibility / Web","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/patterns/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"W3C practical guidance explaining widget roles, states, and keyboard-interaction patterns.","usage":"Validating accessible interaction behavior.","notes":"Applying an example does not automatically guarantee WCAG conformance."}}},{"id":"dar-da5c539693b8","en":"MDN Web Docs","ko":"MDN Web Docs","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"웹 기술의 문법·기능·호환성 정보를 제공하는 문서.","usage":"CSS·HTML·브라우저 API 확인.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Web / CSS / JavaScript","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Documentation of web technology syntax, capabilities, and compatibility.","usage":"Checking CSS, HTML, and browser APIs.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-5362ba881cd7","en":"web.dev","ko":"web.dev","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"웹 성능·접근성·현대 웹 구현에 관한 개발 자료.","usage":"실무 웹 품질 개선.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Web / Performance","aliases":"","source_url":"https://web.dev/learn/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Development resources on web performance, accessibility, and modern implementation.","usage":"Practical web quality improvements.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-08fc75aa8e0f","en":"Godot Documentation","ko":"Godot Documentation","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Godot 엔진의 씬·2D·3D·입력·렌더링 공식 문서.","usage":"게임·레벨 구현 명세.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Game / Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Official Godot documentation covering scenes, 2D, 3D, input, and rendering.","usage":"Specifications for game and level implementation.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-4c38fefcd418","en":"Unreal Developer Documentation","ko":"Unreal Developer Documentation","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"Unreal 제작·월드·UI·렌더링의 공식 기술 문서.","usage":"3D 게임·월드 제작 기준.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Game / Unreal","aliases":"","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Official technical documentation for Unreal authoring, worlds, interfaces, and rendering.","usage":"Guidelines for 3D game and world creation.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-a24086091bd8","en":"Blender Manual","ko":"Blender Manual","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"모델링·재질·애니메이션·렌더링의 공식 매뉴얼.","usage":"3D 제작 개념과 작업 확인.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"3D / Blender","aliases":"","source_url":"https://docs.blender.org/manual/en/latest/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"The official Blender manual for modeling, materials, animation, and rendering.","usage":"Checking 3D production concepts and workflows.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-c5cbbb2e590d","en":"Qt for Python Documentation","ko":"Qt for Python Documentation","domain":"레퍼런스","category":"공식 디자인 시스템·학습 자료","kind":"레퍼런스","description":"PySide와 Qt UI·그래픽·배포의 공식 문서.","usage":"전문 Python GUI 구현.","notes":"가이드의 대상 플랫폼·문서 버전을 확인한다. 사례 이미지의 외형만 복사하지 말고 동작·접근성 기준까지 검토한다.","ecosystem":"Python / Qt","aliases":"파이썬 파이썬GUI Python GUI","source_url":"https://doc.qt.io/qtforpython-6/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Official documentation for PySide and Qt interfaces, graphics, and deployment.","usage":"Professional Python GUI implementation.","notes":"Check the target platform and documentation version. Review behavior and accessibility rather than copying example appearances alone."}}},{"id":"dar-ce89952941b6","en":"Awwwards","ko":"Awwwards","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹사이트 사례와 제작 스튜디오 작품을 살펴보는 플랫폼.","usage":"브랜드 웹·모션·아트 디렉션 탐색.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web design","aliases":"","source_url":"https://www.awwwards.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform for exploring website examples and work by design studios.","usage":"Exploring branded websites, motion, and art direction.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-5e050d1cf062","en":"Mobbin","ko":"Mobbin","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"앱·웹 화면과 사용자 흐름을 탐색하는 레퍼런스 서비스.","usage":"실제 제품의 화면 패턴 조사.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"UI / UX","aliases":"","source_url":"https://mobbin.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference service for exploring application and website screens and user flows.","usage":"Researching screen patterns in real products.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-5dd0d3e453c2","en":"Page Flows","ko":"Page Flows","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"제품의 사용자 흐름과 인터랙션 사례를 살펴보는 서비스.","usage":"가입·결제·설정 등 흐름 조사.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"UI / UX","aliases":"","source_url":"https://pageflows.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A service showcasing product user flows and interaction examples.","usage":"Researching sign-up, checkout, settings, and other flows.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-d160822f3275","en":"Land-book","ko":"Land-book","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹사이트와 랜딩 페이지의 시각 사례를 모은 플랫폼.","usage":"랜딩 페이지·색·타입 레퍼런스.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web design","aliases":"","source_url":"https://land-book.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform collecting visual examples of websites and landing pages.","usage":"References for landing pages, color, and typography.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-ab0b462ad7d0","en":"Lapa Ninja","ko":"Lapa Ninja","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"랜딩 페이지와 웹디자인 사례를 모은 갤러리.","usage":"마케팅 웹 구조 조사.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web design","aliases":"","source_url":"https://www.lapa.ninja/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A gallery collecting landing-page and web-design examples.","usage":"Researching marketing website structures.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-798b6c25bb6e","en":"SiteInspire","ko":"SiteInspire","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹사이트 디자인 사례를 분류하여 제공하는 갤러리.","usage":"레이아웃·타이포그래피 탐색.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web design","aliases":"","source_url":"https://www.siteinspire.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A categorized gallery of website-design examples.","usage":"Exploring layouts and typography.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-8d8c4ec4214e","en":"Godly","ko":"Godly","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹디자인 사례와 인터랙티브 사이트를 모아 제공하는 갤러리.","usage":"웹 시각 방향과 모션 참고.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web design","aliases":"","source_url":"https://godly.website/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A gallery collecting web-design examples and interactive websites.","usage":"References for web visual direction and motion.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-ef3d0d267370","en":"Dribbble","ko":"Dribbble","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"디자이너의 시각 작업과 콘셉트를 공유하는 플랫폼.","usage":"UI 외형·아이콘·그래픽 탐색.","notes":"실제 출시·사용성 검증 여부가 확인되지 않은 콘셉트도 포함된다.","ecosystem":"Visual / UI","aliases":"","source_url":"https://dribbble.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform for sharing designers' visual work and concepts.","usage":"Exploring UI appearance, icons, and graphics.","notes":"Some examples are concepts without verified release or usability testing."}}},{"id":"dar-9e89501c6473","en":"Behance","ko":"Behance","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"브랜딩·그래픽·디지털 작업의 포트폴리오 플랫폼.","usage":"키 비주얼·브랜드 프로젝트 조사.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Brand / Visual","aliases":"","source_url":"https://www.behance.net/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A portfolio platform for branding, graphics, and digital design work.","usage":"Researching key visuals and branding projects.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-7623d201f02a","en":"ArtStation","ko":"ArtStation","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"게임·영상·3D 아티스트의 작품과 제작 자료 플랫폼.","usage":"캐릭터·환경·재질 레퍼런스.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Game art / 3D","aliases":"","source_url":"https://www.artstation.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform for game, film, and 3D artists' work and production resources.","usage":"References for characters, environments, and materials.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-2a4d2713b0fb","en":"Polycount","ko":"Polycount","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"게임 아트 제작 과정과 피드백을 공유하는 커뮤니티.","usage":"모델링·환경 아트 작업 사례.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Game art / 3D","aliases":"","source_url":"https://polycount.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A community sharing game-art production processes and feedback.","usage":"Examples of modeling and environment art workflows.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-9eea957cc2a6","en":"Game UI Database","ko":"Game UI Database","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"게임 화면과 인터페이스 사례를 분류한 데이터베이스.","usage":"HUD·메뉴·인벤토리 조사.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Game UI","aliases":"","source_url":"https://www.gameuidatabase.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A categorized database of game screens and interface examples.","usage":"Researching HUDs, menus, and inventories.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-1cacac8d0287","en":"Interface In Game","ko":"Interface In Game","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"게임별 인터페이스 화면을 탐색하는 레퍼런스 사이트.","usage":"게임 UI 패턴 비교.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Game UI","aliases":"","source_url":"https://interfaceingame.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A reference website for exploring interfaces from individual games.","usage":"Comparing game UI patterns.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-c0ffffbb8bf3","en":"Realtime VFX","ko":"Realtime VFX","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"실시간 이펙트 제작과 피드백을 공유하는 커뮤니티.","usage":"스킬·타격·파티클 연출 참고.","notes":"실시간 이펙트 제작 커뮤니티의 고유 이름이다. 일반 개념 Real-time Visual Effects와 구분한다. 게시물·자산의 권리는 개별 확인한다.","ecosystem":"Game VFX","aliases":"","source_url":"https://realtimevfx.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A community sharing real-time visual-effects production and feedback.","usage":"References for abilities, impacts, and particle effects.","notes":"This is the proper name of a real-time effects community, distinct from the general concept of real-time visual effects. Check rights for each post and asset."}}},{"id":"dar-59a4c3ec17e4","en":"Shadertoy","ko":"Shadertoy","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"셰이더 실험과 실시간 렌더링 작품을 공유하는 플랫폼.","usage":"셰이더·절차적 그래픽 연구.","notes":"예제별 코드 라이선스를 확인한다. 공개 열람과 재사용 허가는 별개다.","ecosystem":"Shaders / WebGL","aliases":"","source_url":"https://www.shadertoy.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform for sharing shader experiments and real-time rendering work.","usage":"Studying shaders and procedural graphics.","notes":"Check each example's code license. Public viewing and reuse permission are separate."}}},{"id":"dar-4d574ddec8ac","en":"CodePen","ko":"CodePen","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹 코드와 실행 결과를 공유하는 실험 플랫폼.","usage":"CSS 효과·인터랙션 실험.","notes":"예제별 의존성·접근성·라이선스·성능을 검증한다.","ecosystem":"HTML / CSS / JavaScript","aliases":"","source_url":"https://codepen.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"An experimental platform for sharing web code and its running output.","usage":"Experiments with CSS effects and interactions.","notes":"Validate each example's dependencies, accessibility, licensing, and performance."}}},{"id":"dar-3a1f5ab4d8b4","en":"UIverse","ko":"UIverse","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"커뮤니티 UI 요소와 코드 사례를 제공하는 플랫폼.","usage":"버튼·스위치·로더 등 구현 탐색.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"CSS / UI","aliases":"","source_url":"https://uiverse.io/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform providing community-created interface elements and code examples.","usage":"Exploring implementations of buttons, switches, and loaders.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-66c79327ef35","en":"Codrops","ko":"Codrops","domain":"레퍼런스","category":"화면·게임·아트 레퍼런스 사이트","kind":"레퍼런스","description":"웹 인터랙션과 창의적 프런트엔드 사례·튜토리얼을 제공하는 사이트.","usage":"모션·웹 실험 레퍼런스.","notes":"레퍼런스 열람은 디자인·이미지·코드의 재사용 허가가 아니다. 저작권·이용 약관·원저작자 조건을 확인하고 성능·접근성은 별도 검증한다.","ecosystem":"Web / Motion","aliases":"","source_url":"https://tympanus.net/codrops/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A site presenting web interactions, creative front-end examples, and tutorials.","usage":"References for motion and experimental websites.","notes":"Viewing references does not grant reuse rights for designs, images, or code. Check copyright, terms, and creator conditions; validate performance and accessibility separately."}}},{"id":"dar-f54dc8b5a621","en":"Kenney Assets","ko":"Kenney Assets","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"게임 프로토타입에 활용하는 2D·3D·UI 자산 모음.","usage":"게임·레벨 프로토타입 자산 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Game / 2D / 3D","aliases":"","source_url":"https://kenney.nl/assets","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A collection of 2D, 3D, and interface assets for game prototypes.","usage":"Finding assets for game and level prototypes.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-6f491f3c2898","en":"Poly Haven","ko":"Poly Haven","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"환경 이미지·텍스처·모델을 제공하는 자산 라이브러리.","usage":"PBR 재질·조명·환경 자산.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"HDRI / Texture / 3D","aliases":"","source_url":"https://polyhaven.com/","source_scope":"개별 프로젝트","source_status":"참고 페이지 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An asset library providing environment images, textures, and models.","usage":"PBR materials, lighting, and environment assets.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-688ab850fcc9","en":"ambientCG","ko":"ambientCG","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"물리 기반 재질과 환경용 리소스를 제공하는 라이브러리.","usage":"표면 재질·텍스처 레퍼런스.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"PBR / Texture","aliases":"","source_url":"https://ambientcg.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A library providing physically based materials and environment resources.","usage":"References for surface materials and textures.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-f78bf1dd5d82","en":"OpenGameArt","ko":"OpenGameArt","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"커뮤니티 게임 아트·음향 자산을 모은 사이트.","usage":"2D·3D·음향 자산 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Game / 2D / Audio","aliases":"","source_url":"https://opengameart.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A site collecting community-created game art and audio assets.","usage":"Finding 2D, 3D, and audio assets.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-7a37dfa692ef","en":"itch.io Game Assets","ko":"itch.io Game Assets","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"제작자가 배포·판매하는 게임 자산을 탐색하는 시장.","usage":"타일셋·스프라이트·UI 팩 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Game / Marketplace","aliases":"","source_url":"https://itch.io/game-assets","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A marketplace for game assets distributed or sold by their creators.","usage":"Finding tilesets, sprites, and UI packs.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-7ede95e8c658","en":"Fab","ko":"Fab","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"3D 모델·재질·게임 제작 자산 등을 제공하는 마켓플레이스.","usage":"게임·시각화 자산 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"3D / Marketplace","aliases":"","source_url":"https://www.fab.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A marketplace providing 3D models, materials, and game-production assets.","usage":"Finding game and visualization assets.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-a6d553c83650","en":"Sketchfab","ko":"Sketchfab","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"레퍼런스","description":"브라우저에서 3D 작품을 보고 공유하는 플랫폼.","usage":"모델 형태·재질·표현 참고.","notes":"열람 가능 여부와 다운로드·상업 사용 조건은 별개다.","ecosystem":"3D / Viewer","aliases":"","source_url":"https://sketchfab.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A platform for viewing and sharing 3D work in the browser.","usage":"References for model shapes, materials, and presentation.","notes":"Viewing availability is separate from download and commercial-use terms."}}},{"id":"dar-ba4d75807f1a","en":"Google Fonts","ko":"Google Fonts","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"자산","description":"글꼴 탐색과 웹 폰트 제공 기능을 갖춘 서비스.","usage":"웹 타이포그래피 후보 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Typography / Web","aliases":"","source_url":"https://fonts.google.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A service for discovering typefaces and delivering web fonts.","usage":"Exploring web typography options.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-32013130faee","en":"Fontsource","ko":"Fontsource","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"라이브러리","description":"글꼴을 패키지로 설치하여 자체 호스팅할 수 있게 하는 도구군.","usage":"웹 폰트 파일의 프로젝트 관리.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Fonts / Web","aliases":"","source_url":"https://fontsource.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"Tooling for installing font packages and hosting them yourself.","usage":"Managing web font files within projects.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-0c9f077d1e14","en":"Adobe Color","ko":"Adobe Color","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"도구","description":"색상환·배색 탐색·색 관련 작업을 제공하는 도구.","usage":"브랜드 배색과 색 관계 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Color / Web","aliases":"","source_url":"https://color.adobe.com/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool for color-wheel exploration, palette discovery, and related color work.","usage":"Exploring brand palettes and color relationships.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-e8a415bc5166","en":"Coolors","ko":"Coolors","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"도구","description":"팔레트 생성·탐색·색 조합 검토를 돕는 도구.","usage":"색상 방향 탐색.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Color / Web","aliases":"","source_url":"https://coolors.co/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool for generating palettes, exploring colors, and reviewing combinations.","usage":"Exploring color directions.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-0b01376bd8be","en":"ColorBrewer","ko":"ColorBrewer","domain":"레퍼런스","category":"에셋·폰트·재질 소스","kind":"레퍼런스","description":"지도·통계 시각화에 쓰는 색 체계를 탐색하는 도구.","usage":"범주·순차·발산 배색 검토.","notes":"개별 파일의 라이선스·저작자 표시·재배포·상업 사용·상표·인물 권리 조건을 확인한다. 서비스 전체를 일괄 무료로 가정하지 않는다.","ecosystem":"Cartography / Color","aliases":"","source_url":"https://colorbrewer2.org/","source_scope":"개별 프로젝트","source_status":"링크 수록·개별 최신성 미검증","source_checked_on":"","translations":{"en":{"description":"A tool for exploring color schemes for maps and statistical visualizations.","usage":"Reviewing categorical, sequential, and diverging palettes.","notes":"Check each file's license, attribution, redistribution, commercial-use, trademark, and personality-right conditions. Do not assume an entire service is free to use."}}},{"id":"dar-58713b82bd6f","en":"Icon","ko":"아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"대상·기능·상태를 간결한 그림으로 표현한 시각 기호.","usage":"검색·저장·경고 등 UI의 의미 전달.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A concise pictorial symbol representing an object, function, or state.","usage":"Communicating UI meanings such as search, save, and warnings.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-bb0c20f0e550","en":"Pictogram","ko":"픽토그램","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"사물이나 행동을 단순한 그림으로 표현한 안내 기호.","usage":"시설 안내·안전 표지·교통 안내.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A simplified picture representing an object or action for communication or guidance.","usage":"Facility guidance, safety signs, and transportation signage.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-863196e87911","en":"Symbol","ko":"심볼","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"약속된 의미를 표현하는 기호의 넓은 개념.","usage":"브랜드·수학·상태·기능 기호 정의.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A broad term for a sign expressing an agreed meaning.","usage":"Defining brand, mathematical, status, and functional symbols.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-87c8a3108367","en":"System Icon","ko":"시스템 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"운영체제나 UI 체계에서 공통 동작·대상을 표현하는 아이콘.","usage":"파일·설정·네트워크·공유 표현.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing a common action or object within an operating system or interface system.","usage":"Representing files, settings, networks, and sharing.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-c6282c13204f","en":"App Icon","ko":"앱 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"앱을 식별하는 대표 이미지로 런처·스토어 등에 표시한다.","usage":"앱 브랜드 식별.","notes":"일반적인 화면 내부의 기능 아이콘과 요구 규격이 다르다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The identifying image for an application, used in launchers, stores, and similar locations.","usage":"Identifying an application's brand.","notes":"Requirements differ from ordinary functional icons within a screen."}}},{"id":"dar-2476d8848e5d","en":"Favicon","ko":"파비콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"브라우저 탭·즐겨찾기 등에 표시하는 사이트 식별 아이콘.","usage":"웹사이트 식별.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A site's identifying icon shown in browser tabs, bookmarks, and related places.","usage":"Identifying a website.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-ac67947185f8","en":"Functional Icon","ko":"기능 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"클릭이나 조작으로 수행할 동작을 표현하는 아이콘.","usage":"인쇄·삭제·검색 버튼.","notes":"접근 가능한 이름은 생김새보다 수행 기능을 설명해야 한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-functional","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing an action that can be performed through interaction.","usage":"Print, delete, and search buttons.","notes":"The accessible name should describe the action rather than the icon's appearance. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-functional","term_class":"직접 조작형 예제"},{"id":"dar-3c2be3c81ab3","en":"Decorative Icon","ko":"장식 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"추가 의미 없이 장식이나 분위기를 제공하는 아이콘.","usage":"문장 옆 장식·배경 패턴.","notes":"보조기술에 불필요하게 반복 읽히지 않도록 처리한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon used for decoration or atmosphere without adding meaning.","usage":"Decorations beside text and background patterns.","notes":"Avoid unnecessary repeated announcements by assistive technologies."}}},{"id":"dar-76e18b326fd2","en":"Informative Icon","ko":"정보 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"조작 없이 콘텐츠의 의미나 분류를 전달하는 아이콘.","usage":"파일 유형·배송 방식·문서 분류.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon communicating content meaning or classification without itself being a control.","usage":"File types, delivery methods, and document categories.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-8d0d338a3d9a","en":"Status Icon","ko":"상태 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"성공·오류·동기화 등 현재 상태를 나타내는 아이콘.","usage":"표·작업 목록·도구 모음의 상태 표시.","notes":"배지·색상·텍스트와 조합할 수 있으며 그 자체가 버튼인 것은 아니다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"상태아이콘; 상태 표시 아이콘; status symbol atlasv37 m37-status-icon","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon indicating a current state, such as success, error, or synchronization.","usage":"Status indicators in tables, task lists, and toolbars.","notes":"It can be combined with badges, color, and text, but is not inherently a button. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-status-icon","term_class":"직접 조작형 예제"},{"id":"dar-2139ddad58e0","en":"Brand Icon","ko":"브랜드 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"회사·서비스·제품 브랜드를 식별하는 아이콘.","usage":"소셜 로그인·외부 서비스 연결.","notes":"아이콘 라이선스 외에 상표 사용 규정도 확인한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon identifying a company, service, or product brand.","usage":"Social sign-in and external service connections.","notes":"Check trademark rules in addition to the icon license."}}},{"id":"dar-a17d48a08151","en":"Icon Label","ko":"아이콘 라벨","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"아이콘과 함께 기능이나 의미를 명시하는 텍스트.","usage":"낯선 기능·중요 작업 설명.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Text accompanying an icon to state its function or meaning.","usage":"Explaining unfamiliar features and important actions.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-a74b312d488e","en":"Leading Icon","ko":"선행 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"텍스트나 입력 내용 앞에 배치하는 아이콘.","usage":"입력 종류·메뉴 항목 구분.","notes":"언어의 읽기 방향에 따라 앞쪽 위치가 달라질 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon placed before text or input content.","usage":"Distinguishing input types and menu items.","notes":"The leading position can change with the language's reading direction."}}},{"id":"dar-7bea0e39345b","en":"Trailing Icon","ko":"후행 아이콘","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"텍스트나 입력 내용 뒤에 배치하는 아이콘.","usage":"펼치기·지우기·상세 이동 암시.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon placed after text or input content.","usage":"Suggesting expansion, clearing, or navigation to details.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-8e01dfb81c62","en":"Icon Metaphor","ko":"아이콘 메타포","domain":"아이콘·상태 표시","category":"아이콘의 역할·의미","kind":"용어·패턴","description":"현실 사물의 의미를 빌려 디지털 기능을 표현하는 방식.","usage":"휴지통으로 삭제, 돋보기로 검색 표현.","notes":"명칭은 형태와 역할을 함께 적는다. 특정 그림이 모든 언어·문화에서 같은 의미를 갖는다고 가정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Representing a digital function by borrowing the meaning of a physical object.","usage":"Representing deletion with a trash can and search with a magnifying glass.","notes":"Specify both shape and role. Do not assume an image has the same meaning across all languages and cultures."}}},{"id":"dar-8077526def4c","en":"Outline Icon","ko":"아웃라인 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"외곽선이나 윤곽 획을 중심으로 그린 아이콘.","usage":"가벼운 시각적 무게의 UI.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon drawn primarily with outlines or contour strokes.","usage":"Interfaces with a light visual weight.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-0ca0b79de545","en":"Filled Icon","ko":"필드·채움 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"도형 내부를 채워 실루엣 중심으로 표현한 아이콘.","usage":"선택된 메뉴·강한 강조.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon emphasizing silhouette through filled shapes.","usage":"Selected navigation items and strong emphasis.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-c1a366d8a3f1","en":"Duotone Icon","ko":"듀오톤 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"두 가지 색조 또는 불투명도 층으로 구성한 아이콘.","usage":"계층감·부드러운 강조.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon composed of two color tones or opacity layers.","usage":"Visual hierarchy and gentle emphasis.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-38d5e7e12eb6","en":"Multicolor Icon","ko":"다색 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"여러 색상을 조합해 대상의 특징을 표현한 아이콘.","usage":"서비스 분류·브랜드·일러스트형 아이콘.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon combining multiple colors to communicate an object's characteristics.","usage":"Service categories, brands, and illustrative icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-84a65964ba78","en":"Monochrome Icon","ko":"단색 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"하나의 기본 색으로 표현하는 아이콘.","usage":"테마 변경·고대비 UI.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon rendered using a single base color.","usage":"Theme changes and high-contrast interfaces.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-b20010682055","en":"Rounded Icon","ko":"라운드 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"끝점과 모서리를 둥글게 처리한 아이콘.","usage":"부드러운 시각 언어.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon with rounded corners and line endings.","usage":"A soft visual language.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-308ac8f1e7cd","en":"Sharp Icon","ko":"샤프 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"각진 모서리와 끝점을 강조한 아이콘.","usage":"기하학적·정밀한 UI 표현.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon emphasizing angular corners and line endings.","usage":"Geometric and precise interface styling.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-14161916307c","en":"Pixel Icon","ko":"픽셀 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"정해진 픽셀 격자에 맞추어 그린 아이콘.","usage":"픽셀아트 게임·저해상도 UI.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon drawn to a defined pixel grid.","usage":"Pixel-art games and low-resolution interfaces.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-e1e7395eaedf","en":"Isometric Icon","ko":"아이소메트릭 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"등각 투영 느낌으로 입체 사물을 나타낸 아이콘.","usage":"기능 소개·시스템 구조 설명.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon depicting an object with an isometric-style projection.","usage":"Introducing features and explaining system structures.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-c9c0e1706a52","en":"Animated Icon","ko":"애니메이션 아이콘","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"시간이나 상태 변화에 따라 형태가 움직이는 아이콘.","usage":"로딩·전환·피드백.","notes":"아이콘의 의미 전달을 애니메이션 재생 여부에만 의존하지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-animated-icon","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon whose form moves over time or in response to state changes.","usage":"Loading, transitions, and feedback.","notes":"Do not make an icon's meaning depend solely on animation playback. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-animated-icon","term_class":"직접 조작형 예제"},{"id":"dar-336f71390003","en":"Stroke Weight","ko":"획 굵기","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"아이콘 선의 두께로 시각적 무게와 가독성에 영향을 준다.","usage":"서체 굵기와 아이콘의 조화.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The thickness of an icon's strokes, affecting visual weight and legibility.","usage":"Harmonizing font and icon weights.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-6667944e509f","en":"Stroke Cap","ko":"선 끝 모양","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"열린 경로 끝을 평평하게·둥글게·사각형으로 마감하는 방식.","usage":"선형 아이콘 세부 규격.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The treatment of an open path's ends, such as flat, round, or square.","usage":"Detailed specifications for line icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-4b07a10cd46a","en":"Stroke Join","ko":"선 연결 모양","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"두 선분이 만나는 모서리를 연결하는 방식.","usage":"각진 모서리·라운드 모서리 통일.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The treatment of the corner where two line segments meet.","usage":"Consistent sharp or rounded corners.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-e488ec3c72a4","en":"Icon Grid","ko":"아이콘 그리드","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"아이콘 크기와 배치를 맞추는 기준 격자.","usage":"아이콘 세트 제작.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference grid establishing consistent icon size and placement.","usage":"Creating icon sets.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-f9abffd7cb4b","en":"Keyline","ko":"키라인","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"서로 다른 형태의 크기와 시각적 균형을 맞추는 기준 도형.","usage":"원·사각형·가로형 아이콘 비교.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference shape used to balance the size and visual weight of different icon forms.","usage":"Comparing circular, square, and horizontal icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-19171f5b6246","en":"Live Area","ko":"라이브 영역","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"아이콘 그래픽이 실제로 차지하도록 설정한 영역.","usage":"캔버스 내부 여백 관리.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The area designated for the icon's actual graphic.","usage":"Managing padding within the icon canvas.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries."}}},{"id":"dar-c64ad86fb1c7","en":"Pixel Snapping","ko":"픽셀 스냅","domain":"아이콘·상태 표시","category":"아이콘 스타일·도형 규칙","kind":"용어·패턴","description":"윤곽·위치를 픽셀 격자에 맞춰 흐릿한 경계를 줄이는 작업.","usage":"작은 래스터·벡터 아이콘 출력.","notes":"같은 화면에서는 선 굵기·모서리·광학 크기·시각적 무게를 맞춘다. 스타일 명칭은 라이브러리마다 다를 수 있다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-pixel-snap","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aligning contours or positions to the pixel grid to reduce blurry edges.","usage":"Rendering small raster and vector icons.","notes":"Match stroke weight, corners, optical size, and visual weight within a screen. Style names may differ between libraries. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-pixel-snap","term_class":"직접 조작형 예제"},{"id":"dar-dd3a79018738","en":"Hamburger Menu Icon","ko":"햄버거 메뉴 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"보통 가로선 세 개로 메뉴 진입을 나타내는 아이콘.","usage":"모바일·좁은 화면의 메뉴 버튼.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon, usually three horizontal lines, representing entry to a menu.","usage":"Menu buttons on mobile and narrow screens.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-4f4ff2440c35","en":"Kebab Menu Icon","ko":"케밥 메뉴 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"세로로 배열한 점 세 개 형태의 더보기 아이콘.","usage":"항목별 추가 작업 메뉴.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A vertical three-dot icon representing additional options.","usage":"Additional actions for individual items.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-ef605d1e823d","en":"Meatball Menu Icon","ko":"미트볼 메뉴 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"가로로 배열한 점 세 개 형태의 더보기 아이콘.","usage":"툴바·카드의 추가 작업.","notes":"Horizontal ellipsis라고 부르는 경우도 많다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A horizontal three-dot icon representing additional options.","usage":"Additional actions in toolbars and cards.","notes":"This is also commonly called a horizontal ellipsis."}}},{"id":"dar-1afb5c910448","en":"Chevron Icon","ko":"셰브런 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"짧은 두 선이 꺾인 쐐기 형태의 방향 아이콘.","usage":"접기·펼치기·이전·다음.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A directional icon formed by two short angled strokes.","usage":"Collapsing, expanding, previous, and next actions.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-0d3e79fd2cf7","en":"Caret Icon","ko":"캐럿 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"방향을 가리키는 작은 삼각형 또는 꺾쇠형 기호.","usage":"드롭다운·정렬 방향.","notes":"텍스트 삽입 커서라는 의미의 caret와 구분한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small triangular or angled symbol indicating a direction.","usage":"Dropdowns and sort direction.","notes":"Distinguish this from caret meaning a text insertion cursor."}}},{"id":"dar-16d48da9b245","en":"Disclosure Indicator","ko":"상세 공개 표시","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"더 자세한 콘텐츠나 하위 항목이 있음을 암시하는 표시.","usage":"설정 행의 상세 이동·트리 펼치기.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator suggesting that further detail or child items are available.","usage":"Navigating from settings rows and expanding trees.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-53ed8fa30bbe","en":"Close Icon","ko":"닫기 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"대개 X 모양으로 현재 패널이나 창을 닫는 동작을 나타낸다.","usage":"모달·탭·패널 닫기.","notes":"닫기·취소·삭제를 같은 의미로 취급하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon, usually an X, representing closing the current panel or window.","usage":"Closing modals, tabs, and panels.","notes":"Do not treat close, cancel, and delete as equivalent actions."}}},{"id":"dar-09bd134d3793","en":"Back Arrow","ko":"뒤로 가기 화살표","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"직전 화면이나 탐색 단계로 돌아가는 표시.","usage":"페이지·화면 내비게이션.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator returning to the previous screen or navigation step.","usage":"Page and screen navigation.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-b9ea44a77e6b","en":"External Link Icon","ko":"외부 링크 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"현재 서비스 밖이나 다른 컨텍스트로 연결됨을 나타낸다.","usage":"외부 문서·새 창 링크.","notes":"아이콘만으로 새 창 열림 여부가 확정되지는 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon indicating a link outside the current service or into another context.","usage":"Links to external documents and new windows.","notes":"The icon alone does not determine whether a new window opens."}}},{"id":"dar-d1fe3c7717ed","en":"Drag Handle Icon","ko":"드래그 핸들 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"점을 묶거나 선을 겹쳐 잡아 끌 수 있는 영역을 나타낸다.","usage":"목록 순서 변경.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Dots or stacked lines marking an area that can be grabbed and dragged.","usage":"Reordering lists.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-c75413451c8a","en":"Grip","ko":"그립","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"손잡이처럼 조작 가능성을 알리는 시각적 표식.","usage":"패널 리사이즈·드래그 시작 영역.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A handle-like visual cue indicating that an element can be manipulated.","usage":"Panel resizing and drag-start regions.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-494feb95da07","en":"Expand Icon","ko":"확장 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"콘텐츠·영역을 더 크게 펼치는 동작을 나타낸다.","usage":"패널 확대·전체화면 진입.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing enlargement or expansion of content or an area.","usage":"Expanding panels and entering full screen.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-bd53c8f5acc9","en":"Collapse Icon","ko":"축소·접기 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"확장된 영역을 줄이거나 접는 동작을 나타낸다.","usage":"패널·목록 접기.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing reduction or collapse of an expanded area.","usage":"Collapsing panels and lists.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-eb467a183c55","en":"Pin Icon","ko":"고정 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"항목을 유지하거나 상단·특정 위치에 고정하는 기능을 표현한다.","usage":"즐겨 쓰는 항목·고정 패널.","notes":"지도 위치 핀과 기능상 구분한다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing keeping an item visible or fixing it at a particular position.","usage":"Frequently used items and pinned panels.","notes":"Its function differs from a location pin on a map."}}},{"id":"dar-0f5a6c800c35","en":"Visibility Icon","ko":"가시성 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"눈 모양 등으로 보임·숨김 상태 또는 전환을 표시한다.","usage":"레이어·비밀번호 표시.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An eye or similar icon indicating visibility, hiding, or a visibility toggle.","usage":"Showing layers and passwords.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-1e52c0d05f1f","en":"Lock Icon","ko":"잠금 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"편집 제한·보호·잠김 상태를 나타낸다.","usage":"레이어 잠금·권한 상태.","notes":"보안 수준이나 암호화가 검증됐다는 의미를 자동으로 부여하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon indicating restricted editing, protection, or a locked state.","usage":"Layer locking and permission states.","notes":"Do not imply verified security or encryption merely from this symbol."}}},{"id":"dar-525f9ff4c5a9","en":"Link Icon","ko":"연결 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"체인 모양 등으로 링크·연결·종속 관계를 나타낸다.","usage":"URL 삽입·오브젝트 연결.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A chain or similar icon representing a link, connection, or dependency.","usage":"Inserting URLs and linking objects.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-bb6ca1ba290b","en":"Refresh Icon","ko":"새로고침 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"데이터나 화면을 다시 불러오는 동작을 나타낸다.","usage":"목록 갱신·재조회.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing reloading data or refreshing a screen.","usage":"Refreshing and reloading lists.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-803bb751f50f","en":"Sync Icon","ko":"동기화 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"양쪽 데이터나 상태를 맞추는 작업을 나타낸다.","usage":"클라우드·오프라인 데이터 동기화.","notes":"새로고침과 데이터 양방향 동기화는 다르다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing synchronization of data or states between sides.","usage":"Synchronizing cloud and offline data.","notes":"Refreshing is different from bidirectional data synchronization."}}},{"id":"dar-0ddf2ff71897","en":"Undo / Redo Icon","ko":"실행 취소·다시 실행 아이콘","domain":"아이콘·상태 표시","category":"탐색·조작 아이콘 명칭","kind":"용어·패턴","description":"이전 편집 상태로 되돌리거나 취소했던 편집을 다시 적용하는 표시.","usage":"편집기·작업 기록.","notes":"아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.","ecosystem":"","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Icons representing reversal of an edit or reapplication of an undone edit.","usage":"Editors and action histories.","notes":"These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys."}}},{"id":"dar-f107c943ae2b","en":"Status Indicator","ko":"상태 표시기","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"색·형태·아이콘·텍스트로 현재 상태를 전달하는 시각 요소.","usage":"작업 목록·장치·서비스 상태.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-status","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual element communicating current state through color, shape, icons, or text.","usage":"Task lists, devices, and service status.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-status","term_class":"직접 조작형 예제"},{"id":"dar-a4cab85835e3","en":"Dot Indicator","ko":"점 표시기","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"작은 점으로 새 항목 존재나 간단한 상태를 표시한다.","usage":"읽지 않음·온라인 표시.","notes":"점의 의미를 문맥이나 라벨로 설명한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small dot indicating new content or a simple state.","usage":"Unread and online indicators.","notes":"Explain a dot's meaning through context or a label."}}},{"id":"dar-22274ac20b59","en":"Counter Badge","ko":"숫자 배지","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"대상과 관련된 항목 수를 숫자로 표시한다.","usage":"장바구니 수·알림 수.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A badge displaying the number of items associated with a target.","usage":"Shopping cart quantities and notification counts.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-96b8ee5cc3ec","en":"Success Indicator","ko":"성공 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"작업이 의도한 조건을 충족해 완료됐음을 나타낸다.","usage":"저장 성공·검증 통과.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that an operation completed and met its intended conditions.","usage":"Successful saves and passed validation.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-1eb3b5b90508","en":"Warning Indicator","ko":"경고 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"즉시 실패는 아니지만 주의나 확인이 필요한 상황을 나타낸다.","usage":"용량 임박·기한 접근.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of a situation requiring caution or review without necessarily representing failure.","usage":"Approaching capacity limits and deadlines.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-56f5fb2170f7","en":"Error Indicator","ko":"오류 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"작업 실패나 유효하지 않은 상태를 알린다.","usage":"저장 실패·입력 오류.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of a failed operation or invalid state.","usage":"Save failures and input errors.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-eb4cf45b568a","en":"Info Indicator","ko":"정보 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"위험 경고가 아닌 참고 정보가 있음을 표시한다.","usage":"조건·상태 설명.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of supporting information rather than a danger warning.","usage":"Explaining conditions and states.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-5c5f5d9bda19","en":"Pending Indicator","ko":"대기 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"승인·응답·선행 조건을 기다리는 상태를 나타낸다.","usage":"승인 대기·결제 확인 대기.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of waiting for approval, a response, or a prerequisite.","usage":"Pending approval and payment confirmation.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-7a712c9242d6","en":"Queued Indicator","ko":"큐 대기 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"작업이 실행 순서를 기다리는 대기열에 있음을 나타낸다.","usage":"업로드·배치 작업.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a task is waiting in a queue for execution.","usage":"Uploads and batch jobs.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-606ab778580a","en":"Running Indicator","ko":"실행 중 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"작업이 현재 수행되고 있음을 나타낸다.","usage":"분석·빌드·배포 작업.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a task is currently executing.","usage":"Analysis, build, and deployment jobs.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-5415a9dafc82","en":"Paused Indicator","ko":"일시정지 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"재개 가능한 상태로 작업 실행이 멈춰 있음을 나타낸다.","usage":"다운로드·처리 일시정지.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that execution has stopped in a resumable state.","usage":"Pausing downloads and processing.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-541cc194fe3c","en":"Canceled Indicator","ko":"취소 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"사용자나 시스템이 작업을 중단시켰음을 나타낸다.","usage":"예약·업로드 취소.","notes":"실패나 일시정지와 원인·후속 동작이 다르다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that the user or system canceled a task.","usage":"Canceling scheduled actions and uploads.","notes":"Its cause and subsequent actions differ from failure or pausing."}}},{"id":"dar-3ba3f0adcc9b","en":"Blocked Indicator","ko":"차단 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"의존성·권한·조건 때문에 작업을 진행할 수 없음을 나타낸다.","usage":"승인 미충족·선행 작업 미완료.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that dependencies, permissions, or conditions prevent progress.","usage":"Missing approval and incomplete prerequisites.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-6ed5731faf9d","en":"Unknown Status","ko":"상태 미확인","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"충분한 정보가 없어 현재 상태를 판정할 수 없음을 표시한다.","usage":"초기 연결·미수집 데이터.","notes":"정상이나 오프라인으로 임의 변환하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indication that available information is insufficient to determine the current state.","usage":"Initial connections and data not yet collected.","notes":"Do not arbitrarily convert this state to healthy or offline."}}},{"id":"dar-58d98c1b48ad","en":"Partial Success","ko":"부분 성공","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"여러 하위 작업 중 일부만 성공한 상태.","usage":"대량 업로드·일괄 수정 결과.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which only some of multiple subtasks succeeded.","usage":"Results of bulk uploads and batch edits.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-5aebb401b5c5","en":"Saving Indicator","ko":"저장 중 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"저장 요청이 진행 중임을 나타낸다.","usage":"자동 저장·문서 저장.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a save request is in progress.","usage":"Autosave and document saving.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-224e3c97094b","en":"Saved Indicator","ko":"저장 완료 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"정의된 저장 위치에 반영이 완료됐음을 나타낸다.","usage":"편집기·설정 변경.","notes":"로컬 저장인지 서버 저장인지 범위를 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that changes have been committed to the specified storage location.","usage":"Editors and changes to settings.","notes":"Distinguish saving locally from saving to a server."}}},{"id":"dar-8a29627f59e3","en":"Unsaved Changes Indicator","ko":"미저장 변경 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"현재 편집 내용에 아직 저장되지 않은 변경이 있음을 나타낸다.","usage":"문서 탭의 점·별표.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that the current edits include changes not yet saved.","usage":"Dots or asterisks on document tabs.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-b18c9e16f4f3","en":"Sync Conflict Indicator","ko":"동기화 충돌 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"서로 다른 변경을 자동 병합하지 못한 상태를 나타낸다.","usage":"협업 문서·오프라인 편집.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that different changes could not be merged automatically.","usage":"Collaborative documents and offline editing.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements."}}},{"id":"dar-73c3d7b33048","en":"Stale Data Indicator","ko":"오래된 데이터 표시","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"표시 데이터가 최신 조건을 충족하지 못함을 알린다.","usage":"캐시·갱신 지연 대시보드.","notes":"상태명은 실제 데이터와 일치해야 한다. 색만으로 구분하지 말고 텍스트·형태·보조기술 알림을 함께 설계한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-stale","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that displayed data no longer meets freshness requirements.","usage":"Cached or delayed-refresh dashboards.","notes":"State labels must match the actual data. Combine color with text, shape, and assistive-technology announcements. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-stale","term_class":"직접 조작형 예제"},{"id":"dar-7d15542d033f","en":"Indeterminate State","ko":"미확정·혼합 상태","domain":"아이콘·상태 표시","category":"작업·오류·데이터 상태 표시","kind":"용어·패턴","description":"단일 참·거짓이나 완료 비율로 표현할 수 없는 상태.","usage":"일부 선택 체크박스·완료량 미상 진행.","notes":"체크박스의 mixed와 진행 표시기의 indeterminate는 다른 문맥이다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-mixed","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state not representable as a single true/false value or completion percentage.","usage":"Partially selected checkboxes and progress with an unknown completion amount.","notes":"A checkbox's mixed state and a progress indicator's indeterminate state are different contexts. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-mixed","term_class":"직접 조작형 예제"},{"id":"dar-7011573271e4","en":"Presence Indicator","ko":"사용자 활동 상태 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"사용자의 접속·자리 비움·방해 금지 등을 나타내는 표시.","usage":"협업 도구·메신저.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of user presence, such as available, away, or do not disturb.","usage":"Collaboration tools and messaging applications.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-13a1cb1d128e","en":"Online Indicator","ko":"온라인 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"정의된 서비스에 연결되어 있음을 나타내는 표시.","usage":"사용자·장치 접속 상태.","notes":"현재 바로 응답할 수 있다는 의미와는 다르다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a connection to the defined service is established.","usage":"User and device connection states.","notes":"This does not necessarily mean the person can respond immediately."}}},{"id":"dar-3bfafd10d906","en":"Offline Indicator","ko":"오프라인 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"서비스와 연결되지 않은 것으로 판단된 상태.","usage":"메신저·단말기·오프라인 앱.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which the service considers the user or device disconnected.","usage":"Messaging apps, devices, and offline applications.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-0abf09743be2","en":"Away Indicator","ko":"자리 비움 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"사용자가 일정 시간 활동하지 않았거나 자리를 비운 상태.","usage":"협업 서비스 활동 상태.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating inactivity for a period or that the user is away.","usage":"Activity states in collaboration services.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-106e3d40c00c","en":"Do Not Disturb Indicator","ko":"방해 금지 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"알림이나 연락을 제한하는 사용자 설정 상태.","usage":"회의·집중 모드.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A user-configured state restricting notifications or contact.","usage":"Meetings and focus modes.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-e35c3e990842","en":"Connecting Indicator","ko":"연결 중 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"통신 연결을 수립하는 과정임을 나타낸다.","usage":"실시간 서비스·장치 연결.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a communication connection is being established.","usage":"Real-time services and device connections.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-21c62a4cbca6","en":"Reconnecting Indicator","ko":"재연결 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"끊어진 연결을 다시 수립하려는 상태.","usage":"채팅·원격 조작·스트리밍.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state attempting to restore a lost connection.","usage":"Chat, remote control, and streaming.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-fafe3f27b692","en":"Degraded Status","ko":"성능 저하 상태","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"서비스가 완전히 중단되지는 않았지만 일부 기능이나 성능이 저하된 상태.","usage":"서비스 상태판·네트워크 경고.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state in which a service remains available but some functionality or performance is impaired.","usage":"Service status boards and network warnings.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-0dec67735348","en":"Sent Indicator","ko":"발송 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"메시지가 정의된 전송 단계에 도달했음을 나타낸다.","usage":"메시징·발송 이력.","notes":"서버 접수와 수신자 도착은 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a message reached the service's defined sending stage.","usage":"Messaging and delivery histories.","notes":"Distinguish server acceptance from arrival at the recipient."}}},{"id":"dar-cf8a0f4f2cba","en":"Delivered Indicator","ko":"전달 완료 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"수신 측 장치나 서비스에 메시지가 전달됐음을 나타낸다.","usage":"메신저 전달 확인.","notes":"실제 사용자가 읽었다는 의미는 아니다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that a message reached the receiving device or service.","usage":"Message delivery confirmations.","notes":"This does not mean the recipient has actually read the message."}}},{"id":"dar-db236c167e63","en":"Read Receipt","ko":"읽음 확인","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"메시지가 열람된 것으로 서비스가 판정한 상태 표시.","usage":"대화 읽음 상태.","notes":"서비스의 판정 방식과 개인정보 설정에 따라 의미가 달라진다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A service-reported indication that a message has been viewed.","usage":"Conversation read status.","notes":"Meaning depends on the service's detection method and privacy settings."}}},{"id":"dar-fae03c765fd3","en":"Battery Indicator","ko":"배터리 표시기","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"남은 전력량·충전 여부·전원 상태를 표시한다.","usage":"모바일·무선 장치.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of remaining charge, charging activity, or power state.","usage":"Mobile and wireless devices.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-317159f0c0ca","en":"Signal Strength Indicator","ko":"신호 세기 표시기","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"무선 연결의 신호 수준을 단계나 수치로 나타낸다.","usage":"Wi-Fi·셀룰러·장치 연결.","notes":"신호 세기와 실제 전송 품질은 동일하지 않다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A stepped or numeric indication of wireless signal strength.","usage":"Wi-Fi, cellular, and device connections.","notes":"Signal strength is not the same as actual transmission quality."}}},{"id":"dar-18ab9064f702","en":"Permission Denied Indicator","ko":"권한 거부 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"요청 작업에 필요한 권한이 없거나 거부됐음을 나타낸다.","usage":"카메라·파일·관리 작업.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that required permission is missing or has been denied.","usage":"Camera, file, and administrative actions.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-130ae9f21cd5","en":"Read-only Indicator","ko":"읽기 전용 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"열람은 가능하지만 수정은 제한되는 상태.","usage":"공유 문서·관리자 화면.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state allowing viewing while restricting editing.","usage":"Shared documents and administrative screens.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-7cc56a8d02d4","en":"Recording Indicator","ko":"녹화·녹음 중 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"오디오·영상 등의 기록이 진행 중임을 표시한다.","usage":"회의·캡처·녹음 화면.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that audio, video, or other recording is active.","usage":"Meetings, screen capture, and recording interfaces.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-bb678b72f094","en":"Muted Indicator","ko":"음소거 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"해당 오디오 입력 또는 출력이 꺼진 상태.","usage":"회의 마이크·미디어 소리.","notes":"입력 음소거와 출력 음소거를 명확히 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A state indicating that the relevant audio input or output is muted.","usage":"Meeting microphones and media audio.","notes":"Clearly distinguish muting input from muting output."}}},{"id":"dar-6b87c930168a","en":"Verified Badge","ko":"인증 배지","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"서비스가 정한 특정 확인 절차를 충족했다는 표식.","usage":"계정·판매자·자격 확인.","notes":"배지 하나가 모든 신뢰성·보안을 보증하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A badge indicating completion of a verification procedure defined by the service.","usage":"Account, merchant, and credential verification.","notes":"A badge does not guarantee every aspect of trustworthiness or security."}}},{"id":"dar-18e78128862a","en":"Privacy Indicator","ko":"개인정보 관련 사용 표시","domain":"아이콘·상태 표시","category":"접속·통신·장치·권한 상태","kind":"용어·패턴","description":"카메라·마이크·위치 등 민감 기능의 사용 상태를 알린다.","usage":"OS·앱의 접근 상태 안내.","notes":"실제 관측된 상태와 추정 상태를 구분한다. 접속·권한·장치 상태를 서로 대신 사용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.carbondesignsystem.com/building-blocks/core/patterns/status-indicators","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of sensitive capability use, such as camera, microphone, or location access.","usage":"Communicating access activity in operating systems and applications.","notes":"Distinguish observed states from inferred states. Connection, permission, and device status are not interchangeable."}}},{"id":"dar-8a4c814c20fa","en":"Status Effect Icon","ko":"상태이상 아이콘","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"캐릭터나 대상에게 적용된 효과를 나타내는 아이콘.","usage":"강화·약화·제어 효과 목록.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"상태이상; 상태 이상; 디버프 아이콘; 버프 아이콘","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon representing an effect applied to a character or target.","usage":"Lists of buffs, debuffs, and crowd-control effects.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-12f0d6616f80","en":"Buff Icon","ko":"버프 아이콘","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"유리한 능력 변화나 강화 효과를 표시한다.","usage":"공격력 상승·회복·보호 효과.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"강화 아이콘; 버프 상태","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon indicating a beneficial stat change or enhancement.","usage":"Attack boosts, healing, and protective effects.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-a0ac20cab36d","en":"Debuff Icon","ko":"디버프 아이콘","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"불리한 능력 변화나 제약 효과를 표시한다.","usage":"이동 저하·방어 감소·중독.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"약화 아이콘; 디버프 상태","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon indicating a harmful stat change or restriction.","usage":"Movement slowdown, reduced defense, and poison.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-5fbeb0a73f4d","en":"Crowd Control Indicator","ko":"군중제어 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"행동·이동을 제한하는 효과의 적용 상태를 알린다.","usage":"기절·속박·침묵 안내.","notes":"일반적인 피해 효과와 제어 효과를 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of effects restricting movement or actions.","usage":"Communicating stuns, roots, and silence effects.","notes":"Distinguish ordinary damage effects from control effects."}}},{"id":"dar-177910802800","en":"Stun Indicator","ko":"기절 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"일정 시간 행동이 제한되는 상태를 알린다.","usage":"머리 위 별·HUD 상태 표시.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of a state that prevents actions for a period.","usage":"Stars above a character and HUD status displays.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-82c8c6a0b697","en":"Root Indicator","ko":"속박 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"이동은 제한되지만 다른 행동은 가능할 수 있는 상태를 표시한다.","usage":"이동 제어 효과.","notes":"세부 허용 행동은 게임 규칙에 따라 다르다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of restricted movement while other actions may remain available.","usage":"Movement-restricting effects.","notes":"The actions still permitted depend on the game's rules."}}},{"id":"dar-170665c64dae","en":"Silence Indicator","ko":"침묵 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"특정 기술 사용이 제한되는 상태를 알린다.","usage":"스킬 사용 금지 피드백.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that particular abilities cannot currently be used.","usage":"Feedback that ability use is disabled.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-c5dcdf466df2","en":"Damage-over-Time Indicator","ko":"지속 피해 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"시간에 걸쳐 반복 피해를 받는 효과를 표시한다.","usage":"중독·화상·출혈.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of an effect that applies repeated damage over time.","usage":"Poison, burns, and bleeding.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-9c9ee8ebd4fb","en":"Stack Counter","ko":"중첩 수 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"같은 효과가 누적된 횟수나 강도를 숫자로 표시한다.","usage":"버프·디버프 중첩.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A number showing how many times an effect has stacked or its accumulated intensity.","usage":"Stacking buffs and debuffs.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-52e90d71c63a","en":"Duration Indicator","ko":"지속시간 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"현재 효과가 남아 있을 시간을 나타낸다.","usage":"버프 타이머·임시 보호막.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of an active effect's remaining duration.","usage":"Buff timers and temporary shields.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-aed51ac781a5","en":"Cooldown Overlay","ko":"재사용 대기 오버레이","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"사용할 수 없는 능력의 대기 상태를 아이콘 위에 덮어 표시한다.","usage":"스킬 단축바.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An overlay on an ability icon indicating that it is waiting to become available again.","usage":"Ability hotbars.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-73546a71fda8","en":"Radial Cooldown","ko":"방사형 재사용 대기 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"원형 부채꼴이 줄거나 채워지며 남은 대기를 표현한다.","usage":"스킬·아이템 재사용 시간.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A circular sweep that fills or recedes to represent remaining cooldown time.","usage":"Ability and item cooldowns.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-375518348c38","en":"Charge Counter","ko":"충전 횟수 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"남아 있는 사용 횟수 또는 충전량을 표시한다.","usage":"회복약·다회 사용 능력.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of remaining uses or stored charges.","usage":"Healing potions and abilities with multiple charges.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-572261113897","en":"Ability Ready Indicator","ko":"능력 사용 가능 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"조건이 충족되어 기술을 사용할 수 있음을 알린다.","usage":"아이콘 발광·테두리 변화.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator that an ability's requirements are met and it can be used.","usage":"Glowing icons and changing borders.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-d43363171236","en":"Objective Marker","ko":"목표 표식","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"현재 달성해야 할 위치나 대상을 가리키는 표시.","usage":"호위·점령·이동 목적지.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A marker identifying the location or target of the current objective.","usage":"Escort, capture, and movement objectives.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-a16c1adeef2b","en":"Waypoint Marker","ko":"경유지 표식","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"이동 경로나 사용자가 지정한 위치를 나타낸다.","usage":"지도 핀·목적지 안내.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A marker indicating a route point or user-designated location.","usage":"Map pins and destination guidance.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-867bca1b7549","en":"Off-screen Indicator","ko":"화면 밖 대상 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"화면 밖에 있는 대상의 방향을 가장자리 등에서 알린다.","usage":"동료·목표·적 위치 안내.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator, often at the screen edge, pointing toward an off-screen target.","usage":"Indicating teammates, objectives, and enemy locations.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-7f18c3f7914a","en":"Crosshair","ko":"크로스헤어·십자 조준선","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"중심에서 교차하는 선 등을 사용한 조준 표식.","usage":"정밀 사격 조준.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"크로스헤어; 십자선; 조준선","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An aiming marker using intersecting lines or a similar central form.","usage":"Precision aiming.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-5a8630043c00","en":"Hit Marker","ko":"명중 확인 표식","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"공격이 명중한 것으로 판정됐음을 알리는 피드백.","usage":"사격 명중·피격 확인.","notes":"조준점과 명중 결과 표식을 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Feedback indicating that the game registered a successful hit.","usage":"Confirming shots and hits.","notes":"Distinguish an aiming point from a marker confirming a hit."}}},{"id":"dar-342b9ea1fc97","en":"Damage Direction Indicator","ko":"피해 방향 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"공격이나 피해가 온 방향을 알려 주는 표시.","usage":"화면 가장자리의 방향 호.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of the direction from which an attack or damage originated.","usage":"Directional arcs at screen edges.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-8432b2639148","en":"Aggro Indicator","ko":"공격 대상·적대도 표시","domain":"아이콘·상태 표시","category":"게임 HUD·상태이상·목표 표식","kind":"용어·패턴","description":"적이 어떤 대상을 노리는지 또는 적대 상태를 나타낸다.","usage":"파티 전투·탱킹·적 인지.","notes":"게임별 시각 언어가 달라 보편적인 단일 아이콘은 없다. 시간·중첩 수·팀 구분·실제 판정을 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator of hostility or the target an enemy is pursuing.","usage":"Party combat, tanking, and enemy awareness.","notes":"Visual language varies by game, so there is no universal single icon. Match duration, stacks, teams, and actual gameplay outcomes."}}},{"id":"dar-493d40774ac9","en":"SVG Icon","ko":"SVG 아이콘","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"벡터 경로 기반 SVG로 표현한 아이콘.","usage":"크기 조절·테마 대응 웹 아이콘.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-svg","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon represented as vector paths in SVG.","usage":"Scalable web icons that adapt to themes.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-svg","term_class":"직접 조작형 예제"},{"id":"dar-a3cfc7662800","en":"Raster Icon","ko":"래스터 아이콘","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"픽셀 이미지로 저장한 아이콘.","usage":"세밀한 질감·픽셀아트·앱 아이콘.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon stored as a pixel image.","usage":"Detailed textures, pixel art, and app icons.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-1cf7d879a778","en":"Icon Font","ko":"아이콘 폰트","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"기호를 글꼴의 글리프에 배치해 사용하는 방식.","usage":"글꼴 기반 아이콘 출력.","notes":"로딩 실패·접근성·불필요한 글리프 용량을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An approach representing icons as glyphs within a font.","usage":"Rendering font-based icons.","notes":"Consider loading failures, accessibility, and unused glyph size."}}},{"id":"dar-cd9d96ca4ef6","en":"SVG Sprite","ko":"SVG 스프라이트","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"여러 심볼을 묶고 필요한 도형을 참조해서 재사용하는 방식.","usage":"일관된 아이콘 자산 관리.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-sprite","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of SVG symbols reused by referencing the required shapes.","usage":"Consistent icon asset management.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-sprite","term_class":"직접 조작형 예제"},{"id":"dar-acdf8ee7e97a","en":"Icon Atlas","ko":"아이콘 아틀라스","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"여러 아이콘을 하나의 이미지·텍스처에 모아 둔 자산.","usage":"게임 UI·렌더링 자산 관리.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An asset packing multiple icons into a single image or texture.","usage":"Managing game UI and rendering assets.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-fb52dadd9126","en":"Ligature Icon","ko":"합자 아이콘","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"특정 문자열을 하나의 기호 글리프로 대체하는 아이콘 방식.","usage":"이름 기반 아이콘 폰트 사용.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon approach replacing a particular text sequence with one symbol glyph.","usage":"Using icon fonts through named ligatures.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-d4ab23332bd3","en":"CurrentColor Icon","ko":"현재 글자색 연동 아이콘","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"CSS currentColor 등을 통해 주변 글자색을 따르는 아이콘.","usage":"테마·호버·비활성 상태 동기화.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-currentcolor","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon inheriting the surrounding text color through currentColor or a similar mechanism.","usage":"Synchronizing theme, hover, and disabled states.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-currentcolor","term_class":"직접 조작형 예제"},{"id":"dar-53b63d833554","en":"Decorative Hiding","ko":"장식 요소 접근성 숨김","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"중복 의미의 장식을 접근성 트리에서 제외하는 처리.","usage":"텍스트 옆 장식 SVG.","notes":"의미 있는 상태나 유일한 기능 설명은 숨기지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-decorative","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Excluding redundant decorative content from the accessibility tree.","usage":"Decorative SVGs beside text.","notes":"Do not hide meaningful state information or the sole explanation of a function. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-decorative","term_class":"직접 조작형 예제"},{"id":"dar-66187bdda16a","en":"Non-text Contrast","ko":"비텍스트 대비","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"필수 UI 도형·상태 표시를 주변과 구별할 수 있는 명도 차.","usage":"컨트롤 경계·상태 아이콘 검수.","notes":"정확한 준수 기준과 예외는 적용 WCAG 문서를 별도로 확인한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Luminance contrast that makes essential interface shapes and state indicators distinguishable from their surroundings.","usage":"Checking control boundaries and status icons.","notes":"Check the applicable WCAG documentation for exact requirements and exceptions."}}},{"id":"dar-ed5b88a5373e","en":"Redundant Coding","ko":"중복 부호화","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"색 외에 모양·아이콘·텍스트를 함께 사용해 같은 의미를 전달하는 방식.","usage":"오류·경고·팀 구분.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Communicating the same meaning through multiple cues, such as color, shape, icons, and text.","usage":"Distinguishing errors, warnings, and teams.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-c30f823d3b27","en":"Icon State Variant","ko":"아이콘 상태 변형","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"기본·선택·비활성 등 상태에 맞춘 아이콘 표현 변화.","usage":"탭·좋아요·토글 기능.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon variation corresponding to a state such as default, selected, or disabled.","usage":"Tabs, likes, and toggle functions.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-698e00ab40ea","en":"RTL Mirroring","ko":"우에서 좌로 읽기 반전","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"읽기 방향과 관련된 아이콘을 RTL 언어에 맞게 조정하는 처리.","usage":"뒤로 가기·단계 흐름.","notes":"시계·상표·일부 미디어 기호까지 무조건 반전하지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adapting direction-dependent icons for right-to-left languages.","usage":"Back navigation and step sequences.","notes":"Do not automatically mirror clocks, trademarks, or all media symbols."}}},{"id":"dar-81f998080b47","en":"Hit Area","ko":"입력 판정 영역","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"클릭·터치 입력을 받아들이는 실제 영역.","usage":"작은 아이콘 버튼의 조작 범위.","notes":"보이는 아이콘보다 넓게 잡을 수 있다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The actual region that accepts click or touch input.","usage":"Interaction areas for small icon buttons.","notes":"The interactive area can be larger than the visible icon."}}},{"id":"dar-fe34634da727","en":"Semantic Icon Naming","ko":"의미 기반 아이콘 명명","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"도형 이름과 사용 의미를 구분해 토큰·컴포넌트를 명명하는 방식.","usage":"같은 체크 기호의 선택·성공 사용 구분.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Naming icon tokens or components while distinguishing geometric form from semantic purpose.","usage":"Distinguishing a checkmark's selection and success meanings.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-949bccd8155d","en":"Icon Subsetting","ko":"아이콘 부분 추출","domain":"아이콘·상태 표시","category":"아이콘 구현·가독성·접근성","kind":"용어·패턴","description":"사용하는 아이콘만 포함해 자산 크기를 줄이는 처리.","usage":"아이콘 폰트·대규모 세트 최적화.","notes":"의미·접근 가능한 이름·조작 역할은 파일 형식만으로 해결되지 않는다. 실제 테마·크기·입력 방식에서 검증한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/tutorials/images/functional/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reducing asset size by including only the icons actually used.","usage":"Optimizing icon fonts and large icon sets.","notes":"A file format does not provide semantics, an accessible name, or an interaction role by itself. Test actual themes, sizes, and input methods."}}},{"id":"dar-ac9136f31528","en":"Gizmo","ko":"기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"편집 공간에서 위치·방향·범위 등을 보여 주거나 조작하게 하는 보조 표현의 통칭.","usage":"3D 에디터·모델링·레벨 편집.","notes":"Unity의 Gizmos API는 주로 시각 보조이며 대화형 조작은 Handles와 구분한다.","ecosystem":"","aliases":"기즈모; 기즈모아이콘; gizmos; manipulator","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A general term for visual aids that display or manipulate position, direction, range, or similar properties in an editor.","usage":"3D editors, modeling, and level editing.","notes":"Unity's Gizmos API mainly provides visual aids; interactive manipulation is distinguished through Handles."}}},{"id":"dar-df5702581153","en":"Manipulator","ko":"매니퓰레이터","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"오브젝트나 값을 직접 조작하기 위한 화면상의 컨트롤.","usage":"모델 이동·회전·변형.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An on-screen control for directly manipulating an object or value.","usage":"Moving, rotating, and transforming models.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-b6b2b098e97d","en":"Handle","ko":"핸들","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"끌기·회전 등 특정 조작을 받는 작은 조작점 또는 영역.","usage":"크기 조절 점·회전 손잡이.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small interactive point or region for a specific operation, such as dragging or rotation.","usage":"Resize points and rotation handles.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-435eb46ac9bf","en":"Translation Gizmo","ko":"이동 기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"축 또는 평면을 따라 위치를 변경하는 조작 도구.","usage":"오브젝트 위치 조정.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A manipulation tool changing position along an axis or plane.","usage":"Adjusting object positions.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-0d05bcaae2f9","en":"Rotation Gizmo","ko":"회전 기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"축 주변의 링 등을 끌어 방향을 바꾸는 조작 도구.","usage":"오브젝트 회전.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A manipulation tool changing orientation by dragging rings around axes or similar controls.","usage":"Rotating objects.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-9a190a82a1cd","en":"Scale Gizmo","ko":"크기 기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"축별 또는 전체 크기를 변경하는 조작 도구.","usage":"오브젝트 크기 조정.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A manipulation tool changing individual axis scales or overall size.","usage":"Resizing objects.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-91adb2ab23db","en":"Universal Gizmo","ko":"통합 기즈모","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"이동·회전·크기 조작을 한 도구에 결합한 기즈모.","usage":"도구 전환 감소.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A gizmo combining translation, rotation, and scaling in one tool.","usage":"Reducing tool switching.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-1407cdff5a80","en":"Axis Handle","ko":"축 핸들","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"단일 축 방향으로만 조작하도록 제한한 핸들.","usage":"X·Y·Z 이동·배율 조절.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A handle restricting manipulation to a single axis.","usage":"Moving and scaling along the X, Y, and Z axes.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-918b5ebec241","en":"Plane Handle","ko":"평면 핸들","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"두 축으로 정의되는 평면 안에서 조작하는 핸들.","usage":"바닥면 배치·벽면 이동.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A handle permitting manipulation within a plane defined by two axes.","usage":"Placement on floors and movement along walls.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-d662c5b96814","en":"Uniform Scale","ko":"균일 스케일","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"모든 축에 같은 비율의 배율을 적용하는 변환.","usage":"원래 비율 유지.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transformation applying the same scale factor to every axis.","usage":"Preserving original proportions.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-f46c7eefa1db","en":"Non-uniform Scale","ko":"비균일 스케일","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"축마다 다른 배율을 적용하는 변환.","usage":"폭·높이·깊이 별도 변경.","notes":"텍스처·물리·법선 처리에서 추가 검토가 필요할 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transformation applying different scale factors to different axes.","usage":"Changing width, height, and depth independently.","notes":"Texture, physics, and normal handling may require additional review."}}},{"id":"dar-e7b1f3a8c28f","en":"Object Origin","ko":"오브젝트 원점","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"오브젝트의 로컬 좌표계가 시작되는 기준점.","usage":"모델 기준 위치·변환 계산.","notes":"현재 편집 피벗이 항상 오브젝트 원점인 것은 아니다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The reference point where an object's local coordinate system begins.","usage":"Model reference positions and transform calculations.","notes":"The current editing pivot is not always the object's origin."}}},{"id":"dar-ca6dc6ba7915","en":"World Space","ko":"월드 공간","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"장면 전체가 공유하는 좌표계.","usage":"전역 배치·절대 위치.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The coordinate system shared by the entire scene.","usage":"Global placement and absolute positions.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-e6ff9f43986c","en":"Local Space","ko":"로컬 공간","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"오브젝트나 부모를 기준으로 한 좌표계.","usage":"물체 자신의 방향으로 이동.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A coordinate system relative to an object or its parent.","usage":"Moving in an object's own orientation.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-c3e8d0467604","en":"View Space","ko":"뷰 공간","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"카메라를 기준으로 위치·방향을 해석하는 공간.","usage":"화면 중심 조작·셰이더 계산.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The space in which positions and directions are interpreted relative to the camera.","usage":"Screen-relative manipulation and shader calculations.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-0d84bcc8012c","en":"Transform Orientation","ko":"변환 방향 기준","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"기즈모 축이 월드·로컬·법선 등 어느 기준을 따를지 정하는 설정.","usage":"기울어진 면에 맞춘 조작.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The setting determining whether gizmo axes follow world, local, normal, or another reference orientation.","usage":"Manipulation aligned with tilted surfaces.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-60c494f2b030","en":"Axis Constraint","ko":"축 제한","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"조작을 한 축 또는 지정된 축 조합으로 제한하는 기능.","usage":"정밀 배치·수평 이동.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A constraint limiting manipulation to one axis or a specified combination of axes.","usage":"Precise placement and horizontal movement.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-8b90b1553ccc","en":"Angle Snapping","ko":"각도 스냅","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"회전 각도를 일정 간격으로 맞추는 기능.","usage":"직각·정해진 회전 배치.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aligning rotation angles to fixed increments.","usage":"Right-angle and fixed-increment rotations.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-dcec90e1110d","en":"Surface Snapping","ko":"표면 스냅","domain":"기즈모·편집기 조작","category":"변환 기즈모·좌표계","kind":"용어·패턴","description":"대상을 다른 표면에 붙이거나 맞추어 배치하는 기능.","usage":"바닥·벽·지형에 배치.","notes":"Blender·Unity·Three.js의 API 이름은 다르다. Gizmo를 단순 아이콘과 동일시하지 말고 표시와 조작 가능 여부를 명세한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Placing an object against or in alignment with another surface.","usage":"Placement on floors, walls, and terrain.","notes":"API names differ in Blender, Unity, and Three.js. A gizmo is not simply an icon; specify whether it displays information or allows manipulation."}}},{"id":"dar-e922fd08bc52","en":"Selection Marquee","ko":"사각 선택 영역","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"드래그한 사각형 영역으로 대상을 선택하는 방식.","usage":"다중 선택.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selecting objects within a rectangle drawn by dragging.","usage":"Selecting multiple objects.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-0bccd6ba3e1f","en":"Lasso Selection","ko":"올가미 선택","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"자유곡선으로 둘러싼 영역을 사용한 선택 방식.","usage":"불규칙한 영역 선택.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selecting objects within an area enclosed by a freeform curve.","usage":"Selecting irregular regions.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-35a1d59e0ec4","en":"Resize Handle","ko":"크기 조절 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"경계의 모서리·변에 배치된 크기 변경 조작점.","usage":"패널·도형·이미지 크기 조절.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control point on a boundary edge or corner for resizing.","usage":"Resizing panels, shapes, and images.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-3ea0ebd9f84e","en":"Rotation Handle","ko":"회전 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"회전 방향과 각도를 조작하는 전용 손잡이.","usage":"2D 캔버스·레이아웃 편집.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A dedicated handle for manipulating rotation direction and angle.","usage":"2D canvas and layout editing.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-a06990d209be","en":"Anchor Point","ko":"앵커 포인트","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"요소를 배치하거나 연결할 때 기준이 되는 점.","usage":"2D 레이아웃·곡선·그래픽 배치.","notes":"UI 앵커와 벡터 경로의 앵커는 문맥을 구분한다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference point used to position or connect an element.","usage":"Positioning 2D layouts, curves, and graphics.","notes":"Distinguish UI anchors from anchors on vector paths."}}},{"id":"dar-986725261efc","en":"Bezier Handle","ko":"베지어 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"베지어 곡선의 방향·굽힘을 조절하는 제어 손잡이.","usage":"벡터 경로·애니메이션 곡선.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control handle adjusting the direction and curvature of a Bézier curve.","usage":"Vector paths and animation curves.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-71f1a265d6ca","en":"Tangent Handle","ko":"접선 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"곡선의 특정 점에서 기울기와 영향을 조절하는 조작점.","usage":"스플라인·속도 곡선 편집.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control adjusting a curve's slope and influence at a particular point.","usage":"Editing splines and speed curves.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-641fa2775d07","en":"Spline Control Point","ko":"스플라인 제어점","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"곡선이나 경로의 형태를 결정하는 점.","usage":"도로·카메라 경로·VFX 경로.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A point determining the shape of a curve or path.","usage":"Roads, camera paths, and VFX paths.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-b506e2f85fd9","en":"Normal Handle","ko":"법선 방향 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"표면에 수직인 방향을 표시하거나 그 방향으로 조작하는 핸들.","usage":"면 돌출·표면 배치.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A handle indicating or manipulating the direction perpendicular to a surface.","usage":"Face extrusion and surface placement.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-34408cf0c544","en":"Radius Handle","ko":"반지름 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"원·구·영향 영역의 반지름을 조절하는 컨트롤.","usage":"감지 범위·브러시 크기.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control adjusting the radius of a circle, sphere, or influence region.","usage":"Detection ranges and brush sizes.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-4b851ee6bc7b","en":"Falloff Handle","ko":"감쇠 범위 핸들","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"효과 강도가 줄어드는 범위를 조절하는 컨트롤.","usage":"조명·브러시·변형 영향.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control adjusting the region over which an effect's strength decreases.","usage":"Influence areas for lights, brushes, and deformations.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-301e2dc6ec8b","en":"Brush Cursor","ko":"브러시 커서","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"편집 도구가 영향을 주는 위치·크기·형태를 미리 표시한다.","usage":"페인팅·조각·지형 편집.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A preview of the position, size, and shape affected by an editing brush.","usage":"Painting, sculpting, and terrain editing.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-a065dfee1896","en":"Vertex Snapping","ko":"정점 스냅","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"한 점을 대상 메시의 정점에 맞추는 배치 방식.","usage":"메시 연결·정밀 조립.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aligning a point with a vertex of a target mesh.","usage":"Connecting meshes and precise assembly.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-708eaf012d57","en":"Edge Snapping","ko":"모서리 스냅","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"대상을 다른 도형의 모서리에 맞추는 기능.","usage":"레이아웃·모델 조립.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aligning an object with an edge of another shape.","usage":"Layouts and model assembly.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-c8b433b11da3","en":"Smart Guides","ko":"스마트 가이드","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"조작 중 정렬 관계를 자동으로 감지해 보여주는 안내선.","usage":"간격 맞춤·중심 정렬.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Guides that automatically reveal alignment relationships during manipulation.","usage":"Matching spacing and aligning centers.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-53b27fb9cbb9","en":"Ruler Guide","ko":"눈금자 가이드","domain":"기즈모·편집기 조작","category":"선택·경계·곡선 조작","kind":"용어·패턴","description":"지정한 위치에 두는 기준선 또는 측정 보조선.","usage":"정밀 레이아웃·제작 치수.","notes":"선택 표시는 조작 가능 상태와 별개다. 화면에서 보이는 경계와 실제 선택·충돌 영역이 다를 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.blender.org/manual/en/4.5/editors/3dview/display/gizmo.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference or measurement guide placed at a specified location.","usage":"Precise layouts and production dimensions.","notes":"Selection indicators and manipulability are separate. Visible boundaries may differ from selection or collision areas."}}},{"id":"dar-0e4a115ab7c4","en":"Viewport Gizmo","ko":"뷰포트 기즈모","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"뷰포트 안의 변환·탐색·편집 보조 컨트롤.","usage":"3D 편집 화면 조작.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transformation, navigation, or editing aid within a viewport.","usage":"Navigating 3D editing views.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-152d3b6ac734","en":"View Cube","ko":"뷰 큐브","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"정면·측면·상단 등 시점을 선택하는 큐브형 컨트롤.","usage":"카메라 방향 전환.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A cube-shaped control for choosing views such as front, side, and top.","usage":"Changing camera orientation.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-ae9512f02d9f","en":"Orientation Gizmo","ko":"방향 기즈모","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"현재 시점에서 좌표축이 향하는 방향을 표시한다.","usage":"월드 방향 인지.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An indicator showing the coordinate axes' directions in the current view.","usage":"Understanding world orientation.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-d02b65ffa4cf","en":"Axis Helper","ko":"좌표축 헬퍼","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"장면이나 오브젝트의 축 방향을 시각화하는 보조 도형.","usage":"좌표계 디버깅.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A helper graphic visualizing the axes of a scene or object.","usage":"Debugging coordinate systems.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-f2664692e356","en":"Grid Helper","ko":"격자 헬퍼","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"바닥·평면에 격자와 축척 기준을 표시한다.","usage":"배치·크기 비교.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A helper displaying a grid and scale reference on a floor or plane.","usage":"Comparing placement and size.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-342efbd8add2","en":"Camera Frustum","ko":"카메라 절두체","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"카메라가 볼 수 있는 공간의 경계를 나타내는 입체 영역.","usage":"카메라 배치·컬링 확인.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The three-dimensional volume defining the limits of what a camera can see.","usage":"Checking camera placement and culling.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-939e65c8db51","en":"Light Helper","ko":"조명 헬퍼","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"광원의 방향·범위·원뿔 등을 시각화한다.","usage":"조명 설정·효과 범위 확인.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A helper visualizing a light's direction, range, or cone.","usage":"Setting lights and inspecting their influence ranges.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-df4e63dd657c","en":"Collider Visualization","ko":"충돌체 시각화","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"물리 충돌 판정용 도형을 표시한다.","usage":"메시와 충돌 경계 비교.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of shapes used for physical collision detection.","usage":"Comparing meshes with collision boundaries.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-f7f7f429c736","en":"Hitbox Visualization","ko":"히트박스 시각화","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"공격 등 판정에 사용되는 영역을 표시한다.","usage":"전투 판정 디버깅.","notes":"Hitbox와 피격 대상 영역인 Hurtbox의 구분은 프로젝트 규칙을 따른다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of regions used to detect attacks or other hits.","usage":"Debugging combat hit detection.","notes":"Follow the project's conventions when distinguishing hitboxes from damage-receiving hurtboxes."}}},{"id":"dar-449b8fea5d5b","en":"Hurtbox Visualization","ko":"허트박스 시각화","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"공격을 받을 수 있는 대상 영역을 표시한다.","usage":"캐릭터 피격 판정 확인.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of target regions that can receive attacks.","usage":"Inspecting character damage-receiving regions.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-c972ba91a9f6","en":"NavMesh Visualization","ko":"내비메시 시각화","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"AI가 이동할 수 있는 면과 연결 관계를 표시한다.","usage":"경로 탐색·통행 가능 영역 검수.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A display of the surfaces and connections available for AI navigation.","usage":"Reviewing pathfinding and traversable areas.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-3c1966a33e8e","en":"Debug Ray","ko":"디버그 레이","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"검사 방향이나 선형 탐색을 선으로 시각화한다.","usage":"레이캐스트·조준·감지 확인.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A line visualizing a query direction or ray-based test.","usage":"Checking raycasts, aiming, and detection.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-0bcb5db9e896","en":"Debug Draw","ko":"디버그 드로우","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"진단을 위해 선·점·텍스트·도형을 임시로 그리는 기능.","usage":"시뮬레이션 상태 관찰.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A diagnostic feature temporarily drawing lines, points, text, or shapes.","usage":"Observing simulation states.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-12a02983ac0d","en":"Wireframe Overlay","ko":"와이어프레임 오버레이","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"메시의 선 구조를 겹쳐 표시하는 방식.","usage":"토폴로지·구조 검사.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An overlay showing the edge structure of a mesh.","usage":"Inspecting topology and structure.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-f4d1fe1f1226","en":"Measurement Tool","ko":"측정 도구","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"거리·각도·길이 등을 측정해 표시하는 편집 도구.","usage":"실물 비품·부스 치수 검증.","notes":"디버그 시각화는 실제 게임 화면에 노출할지 구분한다. 표시된 도형과 시뮬레이션 판정 데이터의 일치 여부를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An editing tool measuring and displaying distances, angles, or lengths.","usage":"Verifying real equipment and booth dimensions.","notes":"Decide whether debug visualizations should appear in gameplay. Verify that displayed shapes agree with simulation data."}}},{"id":"dar-ed2b302742af","en":"Pick Ray","ko":"선택 레이","domain":"기즈모·편집기 조작","category":"뷰포트·디버그·공간 보조 표시","kind":"용어·패턴","description":"화면 입력 위치에서 공간으로 투사해 대상을 선택하는 광선.","usage":"3D 오브젝트 클릭 선택.","notes":"마우스 위치와 카메라·뷰포트 좌표 변환이 정확해야 한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/gizmos-handles-programming.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A ray projected into space from a screen input position to select an object.","usage":"Selecting 3D objects by clicking.","notes":"Mouse, camera, and viewport coordinate conversions must be accurate."}}},{"id":"dar-e23e680a0b2a","en":"Animation","ko":"애니메이션","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시간 또는 입력의 진행에 따라 시각적 속성을 변화시키는 표현.","usage":"움직임·전환·상태 변화.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-animation","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual change in properties over time or in response to input progress.","usage":"Movement, transitions, and state changes.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-animation","term_class":"직접 조작형 예제"},{"id":"dar-527335d3a22f","en":"Motion Design","ko":"모션 디자인","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"움직임의 목적·관계·순서·속도를 설계하는 작업.","usage":"공간 관계·피드백·브랜드 표현.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-motion-design","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Designing the purpose, relationships, sequence, and speed of movement.","usage":"Spatial relationships, feedback, and brand expression.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-motion-design","term_class":"직접 조작형 예제"},{"id":"dar-4f219e519ba5","en":"Tween","ko":"트윈","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시작값과 끝값 사이의 중간값을 계산해 변화시키는 방식.","usage":"위치·색·수치 애니메이션.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-tween","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing values by calculating intermediate states between a start and an end.","usage":"Animating positions, colors, and numeric values.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-tween","term_class":"직접 조작형 예제"},{"id":"dar-402048525549","en":"Keyframe","ko":"키프레임","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"특정 시점의 속성값을 명시한 기준 프레임.","usage":"구간별 동작 정의.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference frame specifying property values at a particular time.","usage":"Defining behavior over individual intervals.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"Explicit time points and property tracks are shown."}}},{"id":"dar-279f0e6ed038","en":"Duration","ko":"지속시간","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"애니메이션 한 번 또는 특정 구간이 진행되는 시간.","usage":"전환 속도 명세.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The time taken by one animation or a particular segment.","usage":"Specifying transition timing.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-3695723dfd41","en":"Delay","ko":"시작 지연","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"조건 충족 후 실제 재생을 시작하기까지의 시간.","usage":"순서 조정·입력 반응 설계.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The interval between a trigger and the actual start of playback.","usage":"Sequencing and designing input responses.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-1fa5905f05a9","en":"Linear Easing","ko":"선형 이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"진행률에 비례해 값이 일정한 속도로 변하는 이징.","usage":"연속 회전·등속 이동.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Easing in which a value changes at a constant rate relative to progress.","usage":"Continuous rotation and constant-speed movement.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-e664dd5720e3","en":"Ease-in","ko":"이즈 인","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시작은 느리고 뒤로 갈수록 빨라지는 변화 방식.","usage":"가속하며 퇴장하는 요소.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A change that starts slowly and accelerates.","usage":"Elements that accelerate as they exit.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-f0bc6e18e9dc","en":"Ease-out","ko":"이즈 아웃","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시작은 빠르고 끝으로 갈수록 느려지는 변화 방식.","usage":"자리에 안착하는 요소.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A change that starts quickly and slows toward the end.","usage":"Elements settling into position.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-a4ae7d215d52","en":"Ease-in-out","ko":"이즈 인 아웃","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"처음과 끝은 느리고 중간은 빠른 변화 방식.","usage":"부드러운 왕복·상태 전환.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A change that is slower at the beginning and end and faster in the middle.","usage":"Smooth back-and-forth motion and state changes.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-0a52b630bff0","en":"Cubic Bézier Easing","ko":"큐빅 베지어 이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"제어점으로 속도 변화 곡선을 정의하는 방식.","usage":"맞춤형 웹 전환 곡선.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Defining an easing curve through cubic Bézier control points.","usage":"Custom web transition curves.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"A timing curve with visible control handles."}}},{"id":"dar-68da5b3fe0c5","en":"Steps Easing","ko":"계단형 이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"값이 연속이 아닌 일정한 단계로 바뀌는 방식.","usage":"스프라이트 프레임·타이핑 효과.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing values in discrete steps rather than continuously.","usage":"Sprite frames and typing effects.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-2a2608846665","en":"Stiffness","ko":"강성","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"스프링이 변형에서 원래 상태로 돌아가려는 정도.","usage":"탄성 모션 조정.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The strength with which a spring returns toward its rest state after displacement.","usage":"Tuning elastic motion.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"Compare oscillation rates for different spring stiffness values."}}},{"id":"dar-b160db5bbe7c","en":"Damping","ko":"감쇠","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시간에 따라 진동이나 속도가 줄어드는 정도.","usage":"튀는 정도·정착 속도 조절.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The degree to which oscillation or velocity decreases over time.","usage":"Adjusting bounce and settling speed.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"Compare how quickly oscillations decay."}}},{"id":"dar-9e8c0e17f31a","en":"Mass","ko":"질량 파라미터","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"스프링 모션의 관성 특성을 조절하는 값.","usage":"가벼운·무거운 반응 설정.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A value controlling the inertial characteristics of spring motion.","usage":"Configuring light or heavy responses.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"Compare the slower response of greater simulated mass."}}},{"id":"dar-fe02cc379ed8","en":"Overshoot","ko":"오버슈트","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"목표값을 잠시 넘어갔다가 돌아오는 움직임.","usage":"강조·탄성감.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Movement that briefly passes its target before settling back.","usage":"Emphasis and elasticity.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-f071475735bf","en":"Undershoot","ko":"언더슈트","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"본격적인 이동 전에 반대 방향으로 살짝 움직이는 표현.","usage":"준비 동작·당김 후 이동.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A slight movement opposite the intended direction before the main motion begins.","usage":"Anticipation and movement after a pullback.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation.","difference":"The value initially moves below its starting point."}}},{"id":"dar-1b55c128438c","en":"Bounce Easing","ko":"바운스 이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"표면에 부딪혀 되튀는 듯한 속도 변화를 만드는 이징.","usage":"도착 강조·캐주얼 UI.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An easing pattern suggesting rebounds after contact with a surface.","usage":"Emphasizing arrival in casual interfaces.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-cfe5db3aa07d","en":"Elastic Easing","ko":"엘라스틱 이징","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"목표 주변에서 진폭을 줄이며 진동하는 탄성형 이징.","usage":"늘어남·튕김 표현.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An elastic easing pattern oscillating around a target with decreasing amplitude.","usage":"Stretching and bouncing effects.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-b2eff44c10a3","en":"Damped Oscillation","ko":"감쇠 진동","domain":"UI·UX 모션","category":"시간·보간·이징·물리","kind":"용어·패턴","description":"시간이 흐를수록 진폭이 줄어드는 진동.","usage":"자연스러운 스프링 정착.","notes":"이징 이름만으로 길이·이동량·중단 동작이 정해지지는 않는다. 스프링의 파라미터와 단위는 구현체마다 다르다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/easing-function","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Oscillation whose amplitude decreases over time.","usage":"Natural spring settling.","notes":"An easing name does not specify duration, travel distance, or interruption behavior. Spring parameters and units vary by implementation."}}},{"id":"dar-1f385fd6b6e0","en":"Fade-in","ko":"페이드 인","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"투명도를 높이며 점차 나타나는 표현.","usage":"콘텐츠·오버레이 등장.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"Fade In; 페이드인","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Gradually appearing by increasing opacity.","usage":"Content and overlay entrances.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-aa11e4bedd0c","en":"Fade-out","ko":"페이드 아웃","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"투명도를 낮추며 점차 사라지는 표현.","usage":"알림·패널 퇴장.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"Fade Out; 페이드아웃","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Gradually disappearing by decreasing opacity.","usage":"Notification and panel exits.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-75d97f51d32c","en":"Slide-in","ko":"슬라이드 인","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"화면 밖이나 다른 위치에서 이동해 들어오는 표현.","usage":"드로어·바텀시트 등장.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Entering from outside the screen or from another position.","usage":"Drawer and bottom-sheet entrances.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-ef2bd9eb7abb","en":"Slide-out","ko":"슬라이드 아웃","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"요소가 한 방향으로 이동하며 퇴장하는 표현.","usage":"패널·메시지 제거.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Exiting while moving in a particular direction.","usage":"Removing panels and messages.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-9937f505c7a8","en":"Rotation Animation","ko":"회전 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"요소의 각도를 변화시키는 표현.","usage":"로딩·방향 변화.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation that changes an element's angle.","usage":"Loading and changes in direction.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-8ba86e21f2f4","en":"Translation Animation","ko":"이동 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"요소의 위치를 연속적으로 바꾸는 표현.","usage":"카드 이동·슬라이더.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation that continuously changes an element's position.","usage":"Card movement and sliders.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-3de0daa4d25c","en":"Skew Animation","ko":"기울이기 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"도형의 축을 비스듬하게 변형하는 표현.","usage":"속도감·스타일화 전환.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation that slants a shape's coordinate axes.","usage":"Fast-looking and stylized transitions.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-da1b63e26742","en":"Card Flip Animation","ko":"카드 뒤집기 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"카드나 패널을 회전시켜 앞뒤가 바뀌는 듯한 표현.","usage":"카드 상세·양면 콘텐츠.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"flip animation; 카드 뒤집기","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Rotation making a card or panel appear to turn from its front to its back.","usage":"Card details and two-sided content.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-91ce8a4959cd","en":"Path Morphing","ko":"경로 모핑","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"벡터 경로의 점과 곡선을 변형해 다른 경로로 전환하는 방식.","usage":"SVG 아이콘·로고 애니메이션.","notes":"경로 구조 호환이나 별도의 대응점 계산이 필요할 수 있다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Transitioning between vector paths by changing their points and curves.","usage":"SVG icon and logo animation.","notes":"Compatible path structures or separate correspondence calculations may be needed."}}},{"id":"dar-5bb883bb258d","en":"Clip Reveal","ko":"클립 리빌","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"잘라 보이는 영역을 넓혀 콘텐츠를 드러내는 표현.","usage":"제목·이미지 등장.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Revealing content by enlarging the region visible through a clipping boundary.","usage":"Title and image entrances.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-53164496f380","en":"Mask Reveal","ko":"마스크 리빌","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"마스크 값의 변화로 보이는 영역을 제어하는 등장 표현.","usage":"브랜드·영상·복합 전환.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An entrance effect controlling visibility by changing a mask.","usage":"Brand, video, and complex transitions.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-10a3e89c6075","en":"Wipe Transition","ko":"와이프 전환","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"한쪽 경계가 쓸고 지나가며 새 장면을 드러내는 전환.","usage":"슬라이드·섹션 이동.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition revealing a new scene as a boundary sweeps across it.","usage":"Slide and section navigation.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-f82a22eb1a6b","en":"Stroke Draw","ko":"선 그리기 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"경로를 따라 선이 그려지는 것처럼 보이는 표현.","usage":"서명·아이콘·진행 경로.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect making a line appear to be drawn along a path.","usage":"Signatures, icons, and progress paths.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-24ec9535d2a3","en":"Blur Transition","ko":"블러 전환","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"흐림 정도를 바꾸며 상태를 전환하는 표현.","usage":"배경·포커스·콘텐츠 교체.","notes":"큰 영역의 필터 비용과 글자 가독성을 확인한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition changing the amount of blur between states.","usage":"Backgrounds, focus, and content replacement.","notes":"Check the cost of filters over large areas and their effect on text readability."}}},{"id":"dar-58b8eb1cde9a","en":"Color Transition","ko":"색 전환","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"색상값을 보간해 점차 바꾸는 표현.","usage":"테마·호버·상태 강조.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Gradually changing color by interpolating color values.","usage":"Themes, hover states, and state emphasis.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-fafe26a2c288","en":"Gradient Animation","ko":"그라디언트 애니메이션","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"그라디언트의 위치·각도·색 구성을 변화시키는 표현.","usage":"배경·강조·빛 흐름.","notes":"아래는 모션의 형태명이다. 구현 시 위치·축·투명도·지속시간·재생 조건을 함께 지정한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changing a gradient's position, angle, or colors over time.","usage":"Backgrounds, highlights, and flowing light.","notes":"These names describe motion forms. Also specify position, axis, opacity, duration, and playback conditions."}}},{"id":"dar-2a9624d45a46","en":"Typewriter Effect","ko":"타자기 효과","domain":"UI·UX 모션","category":"이동·변형·등장 표현","kind":"용어·패턴","description":"문자를 순차적으로 드러내 입력되는 듯 보이는 표현.","usage":"스토리·소개 문구.","notes":"실제 데이터가 순차 도착하는 스트리밍과는 별개다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Revealing characters in sequence to suggest typing.","usage":"Stories and introductory text.","notes":"This is distinct from streaming in which real data arrives incrementally."}}},{"id":"dar-edbc20fb250d","en":"Page Transition","ko":"페이지 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"한 페이지에서 다른 페이지로 이동할 때의 시각 변화.","usage":"웹 탐색·앱 라우팅.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The visual change when navigating from one page to another.","usage":"Website navigation and application routing.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.","difference":"A page exits while another enters."}}},{"id":"dar-b37d886ca1ee","en":"Hero Transition","ko":"히어로 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"중심 요소를 화면 사이에서 연결하는 전환을 부르는 이름.","usage":"제품 이미지·프로필 상세 이동.","notes":"일부 프레임워크의 특정 기능명이며 모든 공유 요소 구현의 공식 명칭은 아니다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-hero","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A name for a transition linking a prominent element across screens.","usage":"Transitions to product images and profile details.","notes":"This is a specific feature name in some frameworks, not the universal name for shared-element implementations. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-hero","term_class":"직접 조작형 예제"},{"id":"dar-3f2d6c544f00","en":"Container Transform","ko":"컨테이너 변환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"작은 컨테이너가 다른 콘텐츠를 담는 큰 컨테이너로 변형되는 전환.","usage":"카드에서 상세 패널 확장.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition transforming a small container into a larger one holding different content.","usage":"Expanding a card into a detail panel.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.","difference":"One surface expands into another."}}},{"id":"dar-c08b9bd7931a","en":"Layout Animation","ko":"레이아웃 애니메이션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"배치 변경 전후의 위치·크기 차이를 애니메이션으로 표현한다.","usage":"목록 재배열·접기·반응형 변화.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animating differences in position or size before and after a layout change.","usage":"List rearrangement, collapsing, and responsive changes.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.","difference":"Positions are connected while layout changes."}}},{"id":"dar-0b4d29c2e8d4","en":"FLIP Layout Animation","ko":"FLIP 레이아웃 애니메이션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"변경 전후 위치를 측정하고 역변환한 뒤 원상태로 재생하는 레이아웃 애니메이션 기법.","usage":"재정렬·크기 변경 최적화.","notes":"First·Last·Invert·Play의 약자이며 CSS 명령 이름은 아니다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"FLIP technique; First Last Invert Play atlasv37 m37-flip","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A layout technique measuring before and after positions, applying an inverse transform, then animating to the final state.","usage":"Optimizing rearrangement and resizing.","notes":"FLIP stands for First, Last, Invert, Play; it is not a CSS command. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-flip","term_class":"직접 조작형 예제"},{"id":"dar-e6dd5dea7fdb","en":"Accordion Expansion","ko":"아코디언 펼침 모션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"접힌 콘텐츠가 드러나며 높이나 표시 영역이 변하는 모션.","usage":"FAQ·설정 그룹.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion changing height or visible area as collapsed content is revealed.","usage":"FAQs and settings groups.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}},"live_key":"accordion","implementation":{"kind":"interactive-example","key":"accordion","release":"3.2.0","sharedRecipe":true}},{"id":"dar-9f2653e94f26","en":"Drawer Transition","ko":"드로어 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"화면 측면 패널이 드나드는 전환.","usage":"메뉴·필터·도구 패널.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition moving a side panel into or out of view.","usage":"Menus, filters, and tool panels.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}}},{"id":"dar-c1230dbc6f51","en":"Bottom Sheet Transition","ko":"바텀시트 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"하단 패널의 진입·높이 변경·퇴장을 표현하는 모션.","usage":"모바일 선택·보조 작업.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion expressing a bottom panel's entrance, height change, or exit.","usage":"Mobile selection and secondary actions.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}}},{"id":"dar-cdcd9c41ae43","en":"Modal Transition","ko":"모달 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"대화상자의 등장·퇴장과 배경 가림 변화를 표현한다.","usage":"확인·입력·집중 작업.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion expressing a dialog's entrance or exit and changes to its backdrop.","usage":"Confirmation, input, and focused tasks.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}}},{"id":"dar-90e5692f0fe9","en":"Tab Indicator Motion","ko":"탭 인디케이터 모션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"선택 탭의 밑줄·배경 등 강조 표식이 이동하는 모션.","usage":"탭 변경의 연속성.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Movement of an underline, background, or other selected-tab marker.","usage":"Continuity when switching tabs.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}}},{"id":"dar-827ad7cde95e","en":"List Reorder Animation","ko":"목록 재정렬 모션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"항목 순서 변경 시 새 자리로 이동하는 과정 표현.","usage":"드래그 정렬·순위 변경.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion showing items moving into new positions after reordering.","usage":"Drag sorting and rank changes.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation."}}},{"id":"dar-1c69f918a1a9","en":"Expand / Collapse Motion","ko":"펼침·접힘 모션","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"영역의 크기·내용 공개 정도를 변화시키는 표현.","usage":"카드·트리·상세 내용.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion changing an area's size or the amount of content revealed.","usage":"Cards, trees, and detailed content.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation.","difference":"A content region expands or collapses."}}},{"id":"dar-d2de568ae042","en":"Master-detail Transition","ko":"목록·상세 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"전체 목록과 선택 대상의 상세 보기 사이 관계를 보여주는 전환.","usage":"메일·파일·상품 관리.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-master-detail","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition showing the relationship between a collection and a selected item's details.","usage":"Managing mail, files, and products.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-master-detail","term_class":"직접 조작형 예제"},{"id":"dar-597af7ad8584","en":"View Transition Snapshot","ko":"뷰 전환 스냅샷","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"화면 상태의 표현을 캡처해 이전·다음 상태 전환에 사용하는 이미지 표현.","usage":"브라우저 뷰 전환.","notes":"실시간 DOM 자체를 항상 연속 이동시키는 것과는 다르다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-view-snapshot","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An image representation capturing a view state for a transition between old and new states.","usage":"Browser view transitions.","notes":"This is not the same as always moving the live DOM itself continuously. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-view-snapshot","term_class":"직접 조작형 예제"},{"id":"dar-17b75cef9d6b","en":"Gesture-driven Transition","ko":"제스처 구동 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"사용자의 끌기·스와이프 진행량에 따라 전환 위치가 결정되는 방식.","usage":"뒤로 가기·시트 닫기.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-gesture","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition whose position is determined by the user's drag or swipe progress.","usage":"Back navigation and sheet dismissal.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-gesture","term_class":"직접 조작형 예제"},{"id":"dar-ae2d929e6248","en":"Interruptible Transition","ko":"중단 가능한 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"진행 중 새 입력을 받아 자연스럽게 목표를 바꿀 수 있는 전환.","usage":"빠른 반복 클릭·연속 탐색.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-interrupt","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition that can accept new input and smoothly change its target while running.","usage":"Rapid repeated clicks and continuous navigation.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-interrupt","term_class":"직접 조작형 예제"},{"id":"dar-d1fbaca54a21","en":"Reversible Transition","ko":"되돌릴 수 있는 전환","domain":"UI·UX 모션","category":"화면·레이아웃 전환","kind":"용어·패턴","description":"취소나 역방향 입력에 따라 진행 방향을 되돌리는 전환.","usage":"스와이프 취소·패널 복귀.","notes":"전환 중에도 초점·탐색 이력·읽기 순서를 관리한다. 화면 이동과 단순 장식 재생을 구분한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-reversible","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A transition that can reverse direction in response to cancellation or opposite input.","usage":"Canceling swipes and returning panels.","notes":"Manage focus, navigation history, and reading order during transitions. Distinguish navigation from decorative animation. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-reversible","term_class":"직접 조작형 예제"},{"id":"dar-3625519745ee","en":"Hover Animation","ko":"호버 애니메이션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"포인터가 요소 위에 있을 때 변하는 시각 반응.","usage":"메뉴·카드 강조.","notes":"터치·키보드 환경에서도 같은 정보를 얻을 수 있어야 한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A visual response triggered when a pointer is over an element.","usage":"Emphasizing menus and cards.","notes":"Provide the same information for touch and keyboard users."}},"live_key":"hover-lift","implementation":{"kind":"interactive-example","key":"hover-lift","release":"3.2.0","sharedRecipe":true}},{"id":"dar-ecf100345f2d","en":"Press Feedback","ko":"눌림 피드백","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"버튼을 누르는 순간 크기·색·그림자 등으로 입력을 알리는 반응.","usage":"버튼 조작 확인.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Immediate size, color, shadow, or similar feedback acknowledging a button press.","usage":"Confirming button interactions.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}}},{"id":"dar-3fd8fd067911","en":"Focus Transition","ko":"포커스 전환 표현","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"키보드 초점이 이동하거나 활성화될 때의 시각 변화.","usage":"접근성·입력 위치 안내.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A visual change when keyboard focus moves or becomes active.","usage":"Accessibility and indicating the current input location.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects.","difference":"A visible focus indicator moves between controls."}}},{"id":"dar-bf6200d44dc6","en":"Pulse Animation","ko":"펄스 애니메이션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"크기·밝기·불투명도가 주기적으로 증감하는 표현.","usage":"진행 중·주의 대상 강조.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A periodic increase and decrease in scale, brightness, or opacity.","usage":"Highlighting ongoing activity and items needing attention.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}}},{"id":"dar-26cd096c5f9f","en":"Attention Shake","ko":"주의 환기 흔들림","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"요소를 짧게 좌우 등으로 흔들어 주의를 유도하는 표현.","usage":"입력 거부·경고.","notes":"오류 원인은 텍스트로도 설명한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A short shake, often side to side, intended to draw attention.","usage":"Rejected input and warnings.","notes":"Explain the cause of an error in text as well."}}},{"id":"dar-6c8d16a69df1","en":"Wiggle Animation","ko":"위글 애니메이션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"작은 회전이나 흔들림을 반복하는 표현.","usage":"편집 모드·조작 가능성 암시.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A repeated small rotation or wobble.","usage":"Indicating editing mode and interactive elements.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}}},{"id":"dar-4baee690104e","en":"Progress Interpolation","ko":"진행률 보간","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"진행 값 변화가 시각적으로 끊기지 않게 보간하는 처리.","usage":"업로드·처리 진행 표시.","notes":"실제 진행률을 과장하거나 없는 완료량을 만들어 표시하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Interpolating progress-value changes so the visual indicator moves smoothly.","usage":"Showing upload and processing progress.","notes":"Do not exaggerate actual progress or invent a completion percentage.","difference":"Completion changes are interpolated continuously."}}},{"id":"dar-4ca0b00b7cd5","en":"Success Check Animation","ko":"성공 체크 모션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"작업 성공 시 체크 표시가 그려지거나 변형되는 표현.","usage":"저장·제출 완료.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A checkmark drawn or transformed to communicate successful completion.","usage":"Confirming completed saves and submissions.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects.","difference":"A success mark is revealed along its stroke."}}},{"id":"dar-4c65f61de15b","en":"Like Burst","ko":"좋아요 버스트","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"선택 시 하트 등 중심에서 작은 요소가 퍼지는 표현.","usage":"반응·북마크 피드백.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Small elements bursting outward from a heart or similar icon when selected.","usage":"Reaction and bookmark feedback.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}}},{"id":"dar-79e8ea5fb9fc","en":"Number Ticker","ko":"숫자 변화 애니메이션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"수치가 굴러가거나 보간되며 바뀌는 표현.","usage":"통계·점수·금액 변화.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A value change animated by rolling digits or numeric interpolation.","usage":"Changes in statistics, scores, and amounts.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}}},{"id":"dar-ae7a7207df8a","en":"Animated Toggle","ko":"애니메이션 토글","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"켜짐·꺼짐을 손잡이 이동·색 변화로 보여주는 컨트롤.","usage":"설정 상태 변경.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A control showing on/off changes through thumb movement and color transitions.","usage":"Changes to settings.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects."}},"live_key":"toggle","implementation":{"kind":"interactive-example","key":"toggle","release":"3.2.0","sharedRecipe":true}},{"id":"dar-b33c1eee238b","en":"Notification Arrival Motion","ko":"알림 도착 모션","domain":"UI·UX 모션","category":"마이크로인터랙션·로딩 피드백","kind":"용어·패턴","description":"새 알림이 들어온 위치와 변화를 보여주는 모션.","usage":"토스트·메시지 도착.","notes":"입력이 접수됐다는 표시와 서버 작업 성공을 구분한다. 무한 반복 효과는 중지·감소 동작을 준비한다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Motion showing where a new notification has arrived and what changed.","usage":"Arriving toasts and messages.","notes":"Distinguish acknowledgement of input from successful server processing. Provide ways to stop or reduce endlessly looping effects.","difference":"A new notification enters the interface."}}},{"id":"dar-12af2aaecc15","en":"Scroll Scrubbing","ko":"스크롤 스크러빙","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"스크롤 위치로 타임라인의 재생 위치를 앞뒤로 조절하는 방식.","usage":"제품 소개·단계별 스토리.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-scrub","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Moving an animation timeline forward or backward according to scroll position.","usage":"Product introductions and step-by-step stories.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-scrub","term_class":"직접 조작형 예제"},{"id":"dar-21e46590b145","en":"Scroll Reveal","ko":"스크롤 리빌","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"스크롤로 영역이 보이기 시작할 때 내용을 드러내는 표현.","usage":"섹션·카드 등장.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Revealing content as its region enters view during scrolling.","usage":"Section and card entrances.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Content is revealed as it enters the viewport."}}},{"id":"dar-1d89cf6d264e","en":"Sticky Pinning","ko":"스크롤 고정 연출","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"일정 구간 동안 요소를 고정한 채 주변 콘텐츠나 모션을 진행한다.","usage":"제품 설명·스토리텔링.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Keeping an element fixed during a scroll interval while surrounding content or animation progresses.","usage":"Product explanations and storytelling.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"One element stays fixed while surrounding content moves."}}},{"id":"dar-b520674f0430","en":"Scroll Timeline","ko":"스크롤 타임라인","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"스크롤 컨테이너의 진행 위치를 애니메이션 시간축으로 사용하는 개념.","usage":"CSS 스크롤 연동.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-scroll-timeline","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Using a scroll container's progress as an animation timeline.","usage":"CSS animations linked to scrolling.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-scroll-timeline","term_class":"직접 조작형 예제"},{"id":"dar-ea79e7a3cf62","en":"View Timeline","ko":"뷰 타임라인","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"요소가 스크롤 영역에 진입·통과하는 정도를 진행축으로 사용하는 개념.","usage":"화면 진입에 연동한 효과.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-view-timeline","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Using an element's passage into and through a scroll area as an animation-progress axis.","usage":"Effects triggered by entering the viewport.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-view-timeline","term_class":"직접 조작형 예제"},{"id":"dar-375b855f5e0c","en":"Inertial Scrolling","ko":"관성 스크롤","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"입력이 끝난 뒤에도 속도가 감쇠하며 스크롤이 이어지는 동작.","usage":"터치 탐색.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-inertia","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Scrolling that continues after input ends while velocity gradually decreases.","usage":"Touch navigation.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-inertia","term_class":"직접 조작형 예제"},{"id":"dar-bb71285d45da","en":"Overscroll Effect","ko":"오버스크롤 효과","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"콘텐츠 경계 너머로 조작했을 때 반발·늘어남 등을 보여주는 효과.","usage":"스크롤 끝 피드백.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-overscroll","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Feedback such as resistance or stretching when input moves beyond a content boundary.","usage":"Feedback at the end of scrolling.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-overscroll","term_class":"직접 조작형 예제"},{"id":"dar-d29826ce2274","en":"Rubber Banding","ko":"고무줄 반발","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"경계 밖으로 끌면 저항이 커지고 놓으면 복귀하는 탄성 동작.","usage":"시트·스크롤·카드 드래그.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Elastic behavior that increases resistance beyond a boundary and returns on release.","usage":"Dragging sheets, scroll areas, and cards.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"The surface stretches beyond its boundary."}}},{"id":"dar-7bb1c0c7c380","en":"Drag Elasticity","ko":"드래그 탄성","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"허용 범위 바깥에서 끌림에 대한 저항·변형을 주는 동작.","usage":"카드·슬라이더 조작.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-elastic","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Resistance or deformation applied when dragging outside an allowed region.","usage":"Manipulating cards and sliders.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-elastic","term_class":"직접 조작형 예제"},{"id":"dar-e575513e7a8c","en":"Snap-back","ko":"스냅백","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"취소되거나 유효하지 않은 드래그가 원위치로 돌아오는 동작.","usage":"정렬 취소·잘못된 놓기.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Returning an invalid or canceled drag to its original position.","usage":"Canceled sorting and invalid drops.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"A released element returns to its origin."}}},{"id":"dar-853922733624","en":"Snap Point","ko":"스냅 지점","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"움직임이 정착하도록 지정한 위치.","usage":"바텀시트 높이·캐러셀 위치.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A specified position at which moving content should settle.","usage":"Bottom-sheet heights and carousel positions.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Movement settles at predefined positions."}}},{"id":"dar-67ece200bd90","en":"Velocity-based Animation","ko":"속도 기반 애니메이션","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"입력 속도를 다음 이동량·관성·전환에 반영하는 방식.","usage":"플릭·카드 넘김.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-velocity","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Using input velocity to influence subsequent displacement, inertia, or transitions.","usage":"Flicks and card swipes.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-velocity","term_class":"직접 조작형 예제"},{"id":"dar-f1f0aed08ee5","en":"Drag-to-dismiss","ko":"끌어서 닫기","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"패널이나 카드를 끌어 임계 조건을 넘기면 제거·닫는 패턴.","usage":"모달·알림·시트.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A pattern that closes or removes a card or panel when a drag crosses a threshold.","usage":"Modals, notifications, and sheets.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"A card is dragged away to dismiss it."}}},{"id":"dar-9b1cb3a61494","en":"Pull-to-refresh Motion","ko":"당겨서 새로고침 모션","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"끌기 거리·임계 도달·갱신 상태를 시각적으로 연결한다.","usage":"모바일 목록 갱신.","notes":"스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion connecting pull distance, threshold crossing, and refresh status visually.","usage":"Refreshing mobile lists.","notes":"Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.","difference":"Pull input is connected to a refresh indicator."}}},{"id":"dar-121203dde821","en":"Cursor-follow Effect","ko":"커서 추종 효과","domain":"UI·UX 모션","category":"스크롤·드래그·입력 연동","kind":"용어·패턴","description":"오브젝트가 포인터 위치나 움직임을 따라 반응하는 표현.","usage":"장식·인터랙티브 배경.","notes":"커서 위치만을 유일한 기능 진입 수단으로 만들지 않는다.","ecosystem":"","aliases":"atlaslive","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect in which an object follows or responds to pointer position or movement.","usage":"Decorative and interactive backgrounds.","notes":"Do not make cursor position the only way to access functionality."}},"live_key":"cursor-follow","implementation":{"kind":"interactive-example","key":"cursor-follow","release":"3.2.0","sharedRecipe":true}},{"id":"dar-3d3cac963f08","en":"Motion Choreography","ko":"모션 안무","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"여러 요소의 시작 순서·경로·강조를 조직하는 설계.","usage":"복합 화면 등장·전환.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Organizing the start order, paths, and emphasis of motion across multiple elements.","usage":"Complex screen entrances and transitions.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"Elements respond with deliberately offset timing."}}},{"id":"dar-c3097447cee3","en":"Sequence","ko":"시퀀스","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"여러 애니메이션을 정해진 순서로 연결한 구성.","usage":"온보딩·단계 피드백.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A composition connecting animations in a defined order.","usage":"Onboarding and step feedback.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-1622b1e4b54e","en":"Parallel Animation","ko":"병렬 애니메이션","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"여러 속성이나 요소의 애니메이션을 동시에 진행한다.","usage":"크기·색·위치 동시 전환.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Running animations of multiple properties or elements at the same time.","usage":"Simultaneous changes in size, color, and position.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-101fc99d7e85","en":"Animation Timeline","ko":"애니메이션 타임라인","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"애니메이션 구간과 이벤트를 시간축에 배치한 구조.","usage":"장면·복합 모션 편집.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"motion timeline; 애니메이션 시간축","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A structure arranging animation segments and events along a time axis.","usage":"Editing scenes and complex motion.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"Compare start and end times across property tracks."}}},{"id":"dar-96d64b70036d","en":"Secondary Motion","ko":"보조 모션","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"주된 동작을 보강하는 부수적 움직임.","usage":"입자·장식·옷자락.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Supporting movement that reinforces a primary action.","usage":"Particles, decorations, and trailing fabric.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"A smaller movement supports the main action."}}},{"id":"dar-4086f0a48a87","en":"Motion Hierarchy","ko":"모션 위계","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"중요도에 따라 움직임의 크기·강도·순서를 다르게 두는 설계.","usage":"핵심 액션 강조.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-hierarchy","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Varying motion scale, intensity, and order according to importance.","usage":"Emphasizing the primary action.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-hierarchy","term_class":"직접 조작형 예제"},{"id":"dar-eba652be633c","en":"Spatial Continuity","ko":"공간적 연속성","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"전환 전후 대상의 위치 관계를 이해할 수 있게 유지하는 성질.","usage":"공유 요소·목록 상세 전환.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-spatial","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Maintaining understandable spatial relationships between objects before and after a transition.","usage":"Shared elements and list-to-detail transitions.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-spatial","term_class":"직접 조작형 예제"},{"id":"dar-ab1420de4187","en":"Temporal Continuity","ko":"시간적 연속성","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"동작이 갑자기 끊기거나 어색하게 재시작하지 않도록 이어지는 성질.","usage":"중단·재타깃 전환.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-temporal","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Continuity that prevents movement from abruptly stopping or awkwardly restarting.","usage":"Interrupted and retargeted transitions.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-temporal","term_class":"직접 조작형 예제"},{"id":"dar-f4994a315b5c","en":"Motion Arc","ko":"모션 아크","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"움직임이 따르는 곡선 경로.","usage":"자연스러운 이동·투척 표현.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"The curved path followed by a movement.","usage":"Natural movement and throwing effects.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"Motion follows a curved trajectory."}}},{"id":"dar-913bf158a15a","en":"Animation Loop","ko":"애니메이션 루프","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"끝과 시작을 연결해 반복 재생하는 구성.","usage":"로딩·배경·대기 동작.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A sequence connecting its end to its start for repeated playback.","usage":"Loading, backgrounds, and idle animations.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-3f13a29a7255","en":"Ping-pong Loop","ko":"핑퐁 루프","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"정방향과 역방향을 번갈아 반복하는 재생 방식.","usage":"부유·왕복·호흡 모션.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Playback alternating between forward and reverse directions.","usage":"Floating, back-and-forth, and breathing motion.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-188091f65306","en":"Seamless Loop","ko":"이음매 없는 루프","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"반복 경계에서 값이나 속도 차이가 눈에 띄지 않는 루프.","usage":"연기·배경·장시간 반복.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A loop whose repeat boundary has no conspicuous value or velocity discontinuity.","usage":"Smoke, backgrounds, and long-running loops.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays."}}},{"id":"dar-06fa317bc341","en":"Motion Token","ko":"모션 토큰","domain":"UI·UX 모션","category":"모션 구성·연속성·원칙","kind":"용어·패턴","description":"지속시간·곡선·스프링·지연 등 재사용 가능한 모션 규칙을 이름으로 관리한 값.","usage":"디자인 시스템·다중 플랫폼 일관성.","notes":"원칙은 고정된 효과 목록이 아니다. 사용자 과업과 시각적 위계에 맞게 적용하고 불필요한 지연은 줄인다.","ecosystem":"","aliases":"","source_url":"https://developer.apple.com/design/human-interface-guidelines/motion","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A named, reusable motion value or rule for duration, easing, springs, or delay.","usage":"Consistency in design systems and across platforms.","notes":"Principles are not a fixed list of effects. Apply them to user tasks and visual hierarchy while avoiding unnecessary delays.","difference":"An example of reusable duration and easing values."}}},{"id":"dar-6cee45452602","en":"Motion Preference","ko":"모션 선호 설정","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"사용자가 움직임의 양이나 사용 여부를 선택하는 설정.","usage":"OS·앱 접근성 설정.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-preference","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A setting allowing users to choose whether and how much motion is used.","usage":"Operating-system and application accessibility settings.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-preference","term_class":"직접 조작형 예제"},{"id":"dar-8b4049fd5067","en":"Static Fallback","ko":"정적 대체 표현","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"애니메이션 없이도 같은 의미를 전달하는 정지 상태.","usage":"모션 감소·재생 실패.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-static","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A nonanimated state that communicates the same meaning.","usage":"Reduced motion and playback failures.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-static","term_class":"직접 조작형 예제"},{"id":"dar-2ff33aeb08b9","en":"Essential Animation","ko":"필수 애니메이션","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"제거하면 핵심 정보나 기능이 성립하지 않는 움직임.","usage":"동작 자체를 설명하는 콘텐츠.","notes":"단지 보기 좋다는 이유만으로 필수라고 분류하지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-essential","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Motion whose removal would prevent essential information or functionality from being conveyed.","usage":"Content explaining the movement itself.","notes":"Do not classify motion as essential merely because it looks attractive. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-essential","term_class":"직접 조작형 예제"},{"id":"dar-cc46a5bdc11e","en":"Pause / Stop Control","ko":"일시정지·중지 제어","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"자동 재생 콘텐츠를 사용자가 멈출 수 있도록 하는 조작.","usage":"반복 배경·자동 전환.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-pause-stop","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A control allowing users to stop automatically playing content.","usage":"Looping backgrounds and automatic transitions.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-pause-stop","term_class":"직접 조작형 예제"},{"id":"dar-271d44968788","en":"Flashing Content","ko":"번쩍이는 콘텐츠","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"짧은 시간에 강한 명도 변화가 반복되는 표현.","usage":"섬광·전투 효과 검수.","notes":"안전성은 빈도뿐 아니라 면적·대비·색 등도 검토하며 임의의 한 수치로 보증하지 않는다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-flashing","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A presentation with repeated strong luminance changes in a short interval.","usage":"Reviewing flashing and combat effects.","notes":"Safety depends on area, contrast, color, and other factors as well as frequency. Do not guarantee safety from a single arbitrary number. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-flashing","term_class":"직접 조작형 예제"},{"id":"dar-ad65e902a876","en":"Frame Pacing","ko":"프레임 페이싱","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"각 프레임 표시 간격을 일정하게 유지하는 성질.","usage":"체감 부드러움 검수.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The consistency of time intervals between displayed frames.","usage":"Reviewing perceived smoothness.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it.","difference":"Frame delivery intervals are uneven."}}},{"id":"dar-ee4f2d7850ee","en":"Jank","ko":"잰크·끊김","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"프레임 지연 등으로 스크롤이나 애니메이션이 버벅이는 현상.","usage":"웹·GUI 반응성 문제 분석.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다.","ecosystem":"","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visible stuttering in scrolling or animation caused by delayed frames or related problems.","usage":"Analyzing responsiveness issues in web and GUI applications.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it.","difference":"Some frames exceed the illustrative budget."}}},{"id":"dar-fb6bdd54a8fa","en":"Compositor Animation","ko":"합성 단계 애니메이션","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"레이아웃·페인트 작업을 최소화하고 합성 단계에서 처리 가능한 애니메이션.","usage":"transform·opacity 중심 최적화.","notes":"어떤 속성이든 항상 GPU에서 무료로 처리되는 것은 아니다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-compositor","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation that can be handled in compositing while minimizing layout and paint work.","usage":"Optimization centered on transform and opacity.","notes":"Not every property is always processed on the GPU at no cost. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-compositor","term_class":"직접 조작형 예제"},{"id":"dar-14800a3e077e","en":"Layout Thrashing","ko":"레이아웃 스래싱","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"레이아웃 읽기와 쓰기를 교차해 불필요한 동기 계산을 반복하는 현상.","usage":"웹 모션 성능 진단.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-thrashing","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Repeated unnecessary synchronous layout calculation caused by alternating layout reads and writes.","usage":"Diagnosing web animation performance.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-thrashing","term_class":"직접 조작형 예제"},{"id":"dar-897dc63e717c","en":"Animation State Machine","ko":"애니메이션 상태 머신","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"상태와 전이 조건으로 재생 동작을 결정하는 구조.","usage":"호버·로딩·성공·실패 모션 관리.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-state-machine","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A structure determining animation behavior through states and transition conditions.","usage":"Managing hover, loading, success, and failure animations.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-state-machine","term_class":"직접 조작형 예제"},{"id":"dar-b438861e7dce","en":"Animation Retargeting (UI)","ko":"UI 애니메이션 목표 변경","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"진행 중 현재 상태에서 새로운 목표값으로 자연스럽게 변경하는 처리.","usage":"반복 입력·패널 크기 변경.","notes":"캐릭터 골격 간 동작 이전을 뜻하는 retargeting과 구분한다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-retarget","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Smoothly redirecting an ongoing animation from its current state toward a new target value.","usage":"Repeated input and panel resizing.","notes":"Distinguish this from retargeting motion between character skeletons. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-retarget","term_class":"직접 조작형 예제"},{"id":"dar-3842e1ad2e28","en":"Animation Cancellation","ko":"애니메이션 취소 처리","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"진행 중 재생을 취소하고 자원·상태를 정리하는 과정.","usage":"화면 이탈·새 작업 시작.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-cancel","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Canceling playback and cleaning up the associated resources and state.","usage":"Leaving a screen and starting new work.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-cancel","term_class":"직접 조작형 예제"},{"id":"dar-bb05c0b073e9","en":"Exit Lifecycle","ko":"퇴장 생명주기","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"퇴장 모션이 끝날 때까지 요소를 유지한 뒤 제거하는 처리.","usage":"토스트·목록·모달 퇴장.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-exit","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Retaining an element until its exit animation finishes, then removing it.","usage":"Toast, list-item, and modal exits.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-exit","term_class":"직접 조작형 예제"},{"id":"dar-0586565f4928","en":"Background Throttling","ko":"백그라운드 제한","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"보이지 않는 화면에서 애니메이션이나 타이머 실행을 줄이는 동작.","usage":"배터리·CPU 사용 관리.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-background","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reducing animation or timer activity when a page is not visible.","usage":"Managing battery and CPU usage.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-background","term_class":"직접 조작형 예제"},{"id":"dar-aff1bac79a66","en":"Motion Specification","ko":"모션 명세","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"트리거·속성·시간·곡선·중단·감소 대안을 기록한 구현 사양.","usage":"디자이너·개발자 협업.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-spec","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An implementation specification recording triggers, properties, timing, easing, interruption, and reduced-motion alternatives.","usage":"Designer-developer collaboration.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-spec","term_class":"직접 조작형 예제"},{"id":"dar-afb74ca9782a","en":"Motion Regression Test","ko":"모션 회귀 테스트","domain":"UI·UX 모션","category":"모션 접근성·성능·실행 상태","kind":"용어·패턴","description":"수정 후 전환·타이밍·종료 상태가 의도대로 유지되는지 검증한다.","usage":"시각·상태·접근성 QA.","notes":"모션을 줄여도 정보와 기능은 유지한다. 성능 효과는 속성·브라우저·장치·장면에 따라 달라 실제 측정이 필요하다. ATLAS에서 제작한 브라우저 학습 예제이며 실제 브라우저/기기 호환성이나 접근성 인증은 아닙니다.","ecosystem":"","aliases":"atlasv37 m37-regression","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Testing that transitions, timing, and final states remain correct after a change.","usage":"Visual, state, and accessibility QA.","notes":"Preserve information and functionality when reducing motion. Performance varies with properties, browsers, devices, and scenes; measure it. Original educational implementation; not cross-browser or accessibility certification."}},"live_key":"m37-regression","term_class":"직접 조작형 예제"},{"id":"dar-244f08521194","en":"Frame-by-frame Animation","ko":"프레임별 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"장면이나 포즈를 프레임마다 따로 그리거나 지정하는 방식.","usage":"2D 캐릭터·손그림 이펙트.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation in which individual poses or scenes are drawn or specified frame by frame.","usage":"2D characters and hand-drawn effects.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-9cc3fa839317","en":"Sprite Animation","ko":"스프라이트 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"2D 이미지 프레임을 바꾸어 움직임을 표현하는 방식.","usage":"픽셀아트·2D 게임.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Representing movement by changing 2D image frames.","usage":"Pixel art and 2D games.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-b802bdc60044","en":"Skeletal Animation","ko":"스켈레탈 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"뼈대의 변환으로 메시나 그림 조각을 움직이는 방식.","usage":"캐릭터·2D 리깅.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Moving a mesh or image parts through transformations of a skeleton.","usage":"Characters and 2D rigging.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-7fc7eb129383","en":"Skin Weight","ko":"스킨 가중치","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"각 뼈대가 정점 변형에 미치는 비중.","usage":"어깨·팔꿈치 변형 보정.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The proportion of influence a bone has over a vertex's deformation.","usage":"Correcting shoulder and elbow deformations.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-ef7343374c08","en":"Pole Target","ko":"폴 타깃","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"IK 관절이 어느 방향으로 굽을지 정하는 보조 목표.","usage":"팔꿈치·무릎 방향 제어.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An auxiliary target specifying the direction in which an IK joint should bend.","usage":"Controlling elbow and knee direction.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-d7c9798940ac","en":"In-place Animation","ko":"제자리 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"루트의 전진 이동 없이 걷기 등의 동작을 재생하는 방식.","usage":"이동 코드와 동작 분리.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Playing a motion such as walking without forward displacement of the root.","usage":"Separating movement code from animation.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-f60b7907e7c9","en":"Animation Retargeting","ko":"애니메이션 리타기팅","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"한 골격의 동작을 다른 골격에 맞게 이전하는 과정.","usage":"다른 체형의 캐릭터에 동작 재사용.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Transferring motion from one skeleton to fit another.","usage":"Reusing motion across characters with different proportions.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-14c063955540","en":"Procedural Animation","ko":"절차적 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"규칙·물리·상황 계산으로 움직임을 생성하는 방식.","usage":"지형 적응·동적 반응.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Generating movement through rules, physics, or situational calculations.","usage":"Terrain adaptation and dynamic responses.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-03628fd8c779","en":"Vertex Animation","ko":"정점 애니메이션","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"뼈대 대신 정점 위치의 변화를 직접 이용하는 애니메이션.","usage":"변형·유체 베이크·군중.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Animation directly changing vertex positions rather than using bones.","usage":"Deformations, baked fluids, and crowds.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-c9de2b2e7366","en":"Vertex Animation Texture","ko":"정점 애니메이션 텍스처·VAT","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"프레임별 정점 변화 데이터를 텍스처에 저장해 재생하는 방식.","usage":"복잡한 변형의 실시간 재생.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Storing frame-by-frame vertex changes in textures for playback.","usage":"Real-time playback of complex deformations.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-26ff71a6d51c","en":"Smear Frame","ko":"스미어 프레임","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"빠른 움직임을 늘어나거나 겹친 형태의 중간 프레임으로 표현한다.","usage":"스타일화 액션·2D 이펙트.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An intermediate frame using stretched or overlapping forms to represent fast movement.","usage":"Stylized action and 2D effects.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-6bdf0d2247e1","en":"Animation Smear","ko":"애니메이션 스미어","domain":"게임 애니메이션","category":"캐릭터·오브젝트 애니메이션 기초","kind":"용어·패턴","description":"순간 변형이나 잔상으로 동작의 궤적·속도를 강조하는 표현.","usage":"칼 휘두르기·빠른 손동작.","notes":"캐릭터의 동작 표현과 게임플레이 위치·판정은 별도 시스템일 수 있다. 엔진 임포트·축·단위를 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect emphasizing motion trajectory or speed through brief deformation or afterimages.","usage":"Sword swings and fast hand movements.","notes":"Character animation, gameplay position, and collision logic may be separate systems. Check engine import settings, axes, and units."}}},{"id":"dar-1312ebee8a33","en":"Animation Clip","ko":"애니메이션 클립","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"하나의 동작 구간을 담은 재사용 가능한 애니메이션 자산.","usage":"걷기·점프·공격.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A reusable animation asset containing a defined segment of movement.","usage":"Walking, jumping, and attacking.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-1e1dab6406db","en":"Blend Tree","ko":"블렌드 트리","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"속도·방향 등의 파라미터로 동작 혼합을 구성하는 구조.","usage":"이동 애니메이션 제어.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A structure blending motions according to parameters such as speed and direction.","usage":"Controlling locomotion animations.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-d4d777916459","en":"Blend Space","ko":"블렌드 스페이스","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"파라미터 공간의 위치에 따라 주변 동작을 혼합하는 방식.","usage":"방향·속도별 이동.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Blending nearby motions according to a position in parameter space.","usage":"Movement across different directions and speeds.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-52a58fbcfbe0","en":"Additive Animation","ko":"가산 애니메이션","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"기본 자세에 추가 변화를 더해 움직임을 합성하는 방식.","usage":"호흡·반동·피격.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Composing motion by adding changes to an underlying pose.","usage":"Breathing, recoil, and hit reactions.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-e4d994c0d9d3","en":"Animation Layer","ko":"애니메이션 레이어","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"신체 일부나 목적별로 동작을 나눠 합성하는 층.","usage":"하체 이동과 상체 사격.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A layer separating animations by body part or purpose before composition.","usage":"Combining lower-body movement with upper-body shooting.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-ebf1be106fbb","en":"Animation Mask","ko":"애니메이션 마스크","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"동작이 영향을 미칠 뼈대나 부분을 선택하는 범위.","usage":"상체·얼굴만 동작 적용.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A selection specifying which bones or regions an animation affects.","usage":"Applying animation only to the upper body or face.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-9a5e617c6c40","en":"Animation Event / Notify","ko":"애니메이션 이벤트·노티파이","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"지정 재생 시점에 소리·이펙트·로직을 실행하는 신호.","usage":"발소리·무기 효과·판정 시점.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A signal triggering sound, effects, or logic at a specified playback time.","usage":"Timing footsteps, weapon effects, and hit detection.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-6140dccdb618","en":"Normalized Time","ko":"정규화된 시간","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"클립 길이와 독립적으로 진행 위치를 비율로 표현한 값.","usage":"동작 동기화·이벤트 위치.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A proportional playback position independent of a clip's absolute duration.","usage":"Synchronizing animations and placing events.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-f66b6dfcd696","en":"Hit Reaction","ko":"피격 반응","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"공격을 받았을 때의 움찔·넘어짐 등 반응 동작.","usage":"피격 인지·전투 읽기.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A response movement, such as flinching or falling, after being hit.","usage":"Recognizing hits and reading combat.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-059cc2061580","en":"Recoil Animation","ko":"반동 애니메이션","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"발사·충격 뒤 물체나 신체가 반대 방향으로 반응하는 동작.","usage":"총기·대형 무기.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Movement in the opposite direction following a shot or impact.","usage":"Firearms and heavy weapons.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-63c852fab781","en":"Recovery Animation","ko":"후딜레이 동작","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"공격 후 다음 행동으로 돌아가기 전의 회복 동작.","usage":"전투 리듬·위험 보상 설계.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"The recovery movement after an attack before returning to another action.","usage":"Designing combat rhythm and risk-reward tradeoffs.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-b27162b40404","en":"Animation Synchronization","ko":"애니메이션 동기화","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"동작의 위상·이벤트·파트너 움직임을 맞추는 처리.","usage":"다중 클립·상호작용 동작.","notes":"전이 조건·우선순위·취소 규칙을 명세한다. 게임 규칙과 애니메이션 이벤트가 서로 어긋나지 않게 검증한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Coordinating animation phases, events, or paired participants' movement.","usage":"Multiple clips and interaction animations.","notes":"Specify transition conditions, priorities, and cancellation rules. Verify that gameplay rules and animation events remain consistent."}}},{"id":"dar-5bc133b7c21c","en":"Motion Matching","ko":"모션 매칭","domain":"게임 애니메이션","category":"상태 전이·블렌딩·전투 타이밍","kind":"용어·패턴","description":"현재 상태와 목표 궤적에 맞는 동작 조각을 데이터에서 검색해 이어 붙이는 방식.","usage":"자연스러운 캐릭터 이동.","notes":"일반적인 상태 머신이나 단순 보간과는 다르다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"분야 참고문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"Selecting and joining motion segments from data to match the current state and desired trajectory.","usage":"Natural character movement.","notes":"This differs from a general state machine or simple interpolation."}}},{"id":"dar-7d3e0600f98a","en":"VFX","ko":"시각 효과","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"불·연기·마법·충격 등 사건과 상태를 시각적으로 표현하는 효과.","usage":"게임·영상·실시간 콘텐츠.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visual effects representing events or states such as fire, smoke, magic, and impact.","usage":"Games, film, and real-time content.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine."}}},{"id":"dar-541862a26aca","en":"Real-time Visual Effects","ko":"실시간 시각 효과","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"실행 중 입력과 장면 상태에 맞춰 계산·재생하는 시각 효과.","usage":"게임 전투·상호작용.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다.","ecosystem":"","aliases":"real-time VFX; realtime VFX; 실시간 이펙트","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Visual effects calculated and played in response to runtime input and scene state.","usage":"Game combat and interactions.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine."}}},{"id":"dar-bd3889818249","en":"SFX","ko":"SFX·문맥별 효과 약어","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"게임 오디오 문맥에서는 주로 음향 효과, 영상 제작에서는 특수 효과를 뜻하기도 하는 약어.","usage":"팀 간 효과 작업 명세.","notes":"시각 효과를 요청할 때는 VFX, 소리는 Sound FX처럼 풀어서 지정하면 혼동을 줄일 수 있다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An abbreviation usually meaning sound effects in game audio, but sometimes special effects in film production.","usage":"Specifying effect work across teams.","notes":"Specify VFX for visual effects and Sound FX for audio to reduce ambiguity."}}},{"id":"dar-57607b764196","en":"Gameplay VFX","ko":"게임플레이 VFX","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"규칙·범위·피해·상태를 읽게 하는 기능적 시각 효과.","usage":"공격 예고·명중·회복.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-gameplay","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Functional effects communicating rules, area, damage, or status during play.","usage":"Attack warnings, hits, and healing.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-gameplay","term_class":"직접 조작형 예제"},{"id":"dar-09e10aebc420","en":"Environmental VFX","ko":"환경 VFX","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"공간의 분위기·기후·물리 현상을 표현하는 효과.","usage":"안개·먼지·비·불.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-environment","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Effects expressing an environment's atmosphere, weather, or physical phenomena.","usage":"Fog, dust, rain, and fire.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-environment","term_class":"직접 조작형 예제"},{"id":"dar-d6ce99fd25f1","en":"Cinematic VFX","ko":"시네마틱 VFX","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"연출 장면의 감정·서사·스케일을 지원하는 효과.","usage":"컷신·보스 등장.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-cinematic","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Effects supporting the emotion, story, or scale of a cinematic scene.","usage":"Cutscenes and boss introductions.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-cinematic","term_class":"직접 조작형 예제"},{"id":"dar-2331dd2554a4","en":"Diegetic Effect","ko":"세계 내부 효과","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"게임 세계 안에 실제로 존재하는 것으로 표현되는 효과.","usage":"무기의 열기·마법 구체.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-diegetic","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect presented as actually existing within the game world.","usage":"Weapon heat and magical orbs.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-diegetic","term_class":"직접 조작형 예제"},{"id":"dar-f63530c162e4","en":"World-space Effect","ko":"월드 공간 효과","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"장면의 실제 공간 위치를 기준으로 배치한 효과.","usage":"폭발·발자국·지면 마법진.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-worldspace","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect positioned relative to the scene's world-space coordinates.","usage":"Explosions, footprints, and ground magic circles.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-worldspace","term_class":"직접 조작형 예제"},{"id":"dar-86c61582316f","en":"Anticipation Phase","ko":"이펙트 예고 단계","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"본 효과 전 위험·방향·규모를 미리 보여주는 구간.","usage":"차징·지면 경고.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-anticipation","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A phase signaling danger, direction, or scale before the main effect.","usage":"Charging and ground warnings.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-anticipation","term_class":"직접 조작형 예제"},{"id":"dar-bf8cc4f2ff93","en":"Build-up Phase","ko":"빌드업 단계","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"에너지·밝기·입자량을 쌓아 효과 발동을 준비하는 구간.","usage":"마법 시전·충전 공격.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-buildup","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A phase accumulating energy, brightness, or particles before an effect activates.","usage":"Spell casting and charged attacks.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-buildup","term_class":"직접 조작형 예제"},{"id":"dar-10de33db1807","en":"Climax / Impact Phase","ko":"정점·충격 단계","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"이펙트의 가장 강한 사건이 일어나는 구간.","usage":"폭발 순간·명중 순간.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-impact","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The phase containing the effect's strongest event or impact.","usage":"Explosion and impact moments.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-impact","term_class":"직접 조작형 예제"},{"id":"dar-694eb482199f","en":"Dissipation Phase","ko":"소산 단계","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"잔광·연기·파편이 줄어들며 사라지는 구간.","usage":"폭발 뒤 정리·마법 해제.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-dissipation","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A phase in which glow, smoke, or debris diminishes and disappears.","usage":"Post-explosion cleanup and dispelling magic.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-dissipation","term_class":"직접 조작형 예제"},{"id":"dar-758ce7475733","en":"Aftermath","ko":"여파","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"주요 효과 종료 후 남는 환경·잔여 표현.","usage":"잔불·탄흔·먼지.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-aftermath","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Environmental or residual visual elements remaining after the main effect ends.","usage":"Embers, bullet marks, and dust.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-aftermath","term_class":"직접 조작형 예제"},{"id":"dar-1d36ad20a718","en":"Primary Shape","ko":"주요 형태","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"이펙트의 기능과 방향을 먼저 읽게 하는 중심 실루엣.","usage":"공격 방향·범위 인지.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-primary","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The central silhouette that first communicates an effect's function and direction.","usage":"Recognizing attack direction and range.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-primary","term_class":"직접 조작형 예제"},{"id":"dar-229c5b07bb11","en":"Secondary Detail","ko":"보조 디테일","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"중심 형태를 보강하는 작은 입자·불티·잔광.","usage":"질감·풍부함 추가.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-secondary","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Small particles, sparks, or glows supporting the primary form.","usage":"Adding texture and richness.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-secondary","term_class":"직접 조작형 예제"},{"id":"dar-ba188abc121a","en":"Visual Noise","ko":"시각적 잡음","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"중요 정보 판독을 방해하는 과도한 요소·명암·움직임.","usage":"전투 이펙트 가독성 검수.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-noise","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Excessive elements, contrast, or motion that obstruct important information.","usage":"Reviewing combat effect readability.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-noise","term_class":"직접 조작형 예제"},{"id":"dar-307f536c77ab","en":"Effect Envelope","ko":"이펙트 강도 곡선","domain":"게임 VFX","category":"이펙트 역할·구성·시간 구조","kind":"용어·패턴","description":"시간에 따른 크기·밝기·입자량 등 강도 변화를 정의한 흐름.","usage":"시작·정점·종료 타이밍 설계.","notes":"이펙트의 목적은 장식뿐 아니라 범위·위험·결과 전달이다. 아래 단계명은 제작 관용명이며 모든 엔진의 고정 메뉴는 아니다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-envelope","source_url":"https://www.riotgames.com/it/artedu/visual-effects","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The progression of an effect's intensity through properties such as size, brightness, and particle count.","usage":"Designing onset, peak, and ending timing.","notes":"Effects communicate range, danger, and outcomes as well as decoration. These stage names are production conventions, not fixed menus in every engine. An original learning example, not a complete engine pipeline."}},"live_key":"v38-envelope","term_class":"직접 조작형 예제"},{"id":"dar-66d811a256ae","en":"Particle","ko":"파티클·입자","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"위치·속도·수명 등 속성을 갖고 효과를 구성하는 개별 요소.","usage":"불티·먼지·마법 조각.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An individual effect element with attributes such as position, velocity, and lifetime.","usage":"Sparks, dust, and magical fragments.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal."}}},{"id":"dar-5370251f6af3","en":"Emission Rate","ko":"방출률","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"일정 시간이나 이동 거리에 따라 생성하는 입자의 양.","usage":"연속 연기·이동 흔적.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The quantity of particles generated per time interval or distance traveled.","usage":"Continuous smoke and movement trails.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal."}}},{"id":"dar-64bd2bac1fe4","en":"Spawn Rate","ko":"스폰 속도","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"보통 단위 시간마다 생성할 입자 수를 정하는 속성.","usage":"지속 방출량 조정.","notes":"같은 단어라도 엔진별 단위·의미를 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property usually specifying the number of particles created per unit of time.","usage":"Adjusting continuous emission rates.","notes":"Check engine-specific units and meanings even when names match.","difference":"The rate specifies particles generated per unit time."}}},{"id":"dar-d6c6671ef6c1","en":"Burst Emission","ko":"버스트 방출","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"특정 순간에 여러 입자를 한꺼번에 생성하는 방식.","usage":"충돌·폭발·축하 효과.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Generating multiple particles together at a particular moment.","usage":"Collision, explosion, and celebration effects.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Multiple particles are emitted simultaneously."}}},{"id":"dar-8100e53e9795","en":"Emission Shape","ko":"방출 형태","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 생성되는 공간 분포의 기하학적 형태.","usage":"점·구·원뿔·박스 방출.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The geometric distribution of positions from which particles are created.","usage":"Emission from points, spheres, cones, and boxes.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"A cone-shaped emission region is shown."}}},{"id":"dar-ff75cf1fa06b","en":"Spawn Position","ko":"생성 위치","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 처음 등장하는 위치.","usage":"표면 방출·영역 효과.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The location where a particle first appears.","usage":"Surface emission and area effects.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"The distribution of initial positions is shown."}}},{"id":"dar-7d4422f7da92","en":"Initial Velocity","ko":"초기 속도","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 생성될 때 가지는 속도와 방향.","usage":"분출·탄흔·낙하.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A particle's speed and direction at creation.","usage":"Jets, impact debris, and falling particles.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"The initial direction and speed of particles."}}},{"id":"dar-1f45360c16c2","en":"Normalized Age","ko":"정규화된 입자 나이","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"경과 시간을 수명으로 나눈 진행 비율.","usage":"수명에 따른 색·크기 변화.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A progress ratio calculated by dividing elapsed age by lifetime.","usage":"Changes in color and size over a particle's lifetime.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Elapsed time divided by lifetime gives a 0–1 value."}}},{"id":"dar-b723dad8aa11","en":"Color over Lifetime","ko":"수명별 색 변화","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자 나이에 따라 색과 알파를 바꾸는 규칙.","usage":"불꽃의 식음·연기의 소멸.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule changing particle color and alpha according to age.","usage":"Cooling flames and dissipating smoke.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Color changes over the particle lifetime."}}},{"id":"dar-c188479f695f","en":"Size over Lifetime","ko":"수명별 크기 변화","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자 나이에 따라 크기를 바꾸는 규칙.","usage":"퍼지는 연기·축소되는 불티.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule changing particle size according to age.","usage":"Spreading smoke and shrinking embers.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Particle size changes over its lifetime."}}},{"id":"dar-f2afb7669f3d","en":"Rotation over Lifetime","ko":"수명별 회전 변화","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자 나이에 따라 회전량·회전 속도를 조정하는 규칙.","usage":"낙엽·파편·불꽃 회전.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule changing particle rotation or angular velocity according to age.","usage":"Rotating leaves, debris, and flames.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Particle orientation changes over its lifetime."}}},{"id":"dar-f5c247ffd40a","en":"Velocity over Lifetime","ko":"수명별 속도 변화","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자가 살아 있는 동안 이동 속도를 바꾸는 규칙.","usage":"가속·퍼짐·상승 효과.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule changing particle velocity during its lifetime.","usage":"Acceleration, spreading, and rising effects.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Particle velocity changes over its lifetime."}}},{"id":"dar-77e041897963","en":"Spawn Randomization","ko":"생성 무작위화","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"초기 위치·크기·방향·시간 등을 범위 내에서 다르게 만드는 처리.","usage":"규칙적 반복감 줄이기.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Varying initial position, size, direction, or timing within specified ranges.","usage":"Reducing obvious repetition.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Initial particle properties vary across samples."}}},{"id":"dar-c3095621f1e8","en":"Random Seed","ko":"난수 시드","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"무작위 수열의 시작 조건을 정하는 값.","usage":"효과 재현·비교 테스트.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A value specifying the initial conditions of a pseudorandom sequence.","usage":"Reproducing effects and comparison testing.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"The same seed reproduces the same arrangement."}}},{"id":"dar-0f1040a37dc1","en":"Prewarm","ko":"프리웜·사전 진행","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"보이기 전에 시뮬레이션을 미리 진행해 이미 지속 중인 상태로 시작한다.","usage":"상시 연기·폭포.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Advancing simulation before display so an effect starts as though already ongoing.","usage":"Continuous smoke and waterfalls.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"The effect starts from a pre-simulated state."}}},{"id":"dar-5073b1310458","en":"Looping Emitter","ko":"반복 이미터","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"방출 주기를 계속 반복하는 이미터.","usage":"모닥불·오라·환경 효과.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An emitter that repeats its emission cycle continuously.","usage":"Campfires, auras, and environmental effects.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Emission repeats in cycles."}}},{"id":"dar-127fa71bc7d9","en":"One-shot Effect","ko":"단발 효과","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"한 번 재생하고 종료되는 효과.","usage":"명중·폭발·아이템 획득.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect that plays once and then finishes.","usage":"Hits, explosions, and item pickups.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"A single emission expires without repeating."}}},{"id":"dar-50876bf04355","en":"Sub-emitter","ko":"서브 이미터","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자의 생성·충돌·사망 등에서 추가 입자를 방출하는 구성.","usage":"불꽃에서 불티·충돌 먼지.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A configuration emitting additional particles on events such as particle birth, collision, or death.","usage":"Embers from fire and dust from collisions.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"Child particles are emitted from parent particles."}}},{"id":"dar-edcd3c0a4d16","en":"Particle Event","ko":"파티클 이벤트","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"입자 상태의 특정 변화로 발생하는 신호.","usage":"충돌·사망·후속 효과 호출.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다.","ecosystem":"","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A signal triggered by a particular change in particle state.","usage":"Triggering collision, death, and follow-up effects.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal.","difference":"A collision event triggers a new emission."}}},{"id":"dar-2c36c8cd4aeb","en":"Particle Attribute","ko":"입자 속성","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"각 입자에 저장되는 위치·색·속도·식별자 등의 데이터.","usage":"사용자 정의 동작.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-attribute","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Per-particle data such as position, color, velocity, or identifier.","usage":"Custom behavior.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal. An original learning example, not a complete engine pipeline."}},"live_key":"v38-attribute","term_class":"직접 조작형 예제"},{"id":"dar-30b7a513a3f7","en":"Custom Particle Data","ko":"사용자 입자 데이터","domain":"게임 VFX","category":"파티클 생성·수명·속성","kind":"용어·패턴","description":"기본 속성 외에 셰이더·로직에 전달하는 추가 값.","usage":"개별 발광·왜곡·패턴 제어.","notes":"입자 수·방출률·수명은 연결되어 있지만 엔진마다 설정 방식이 다르다. 제품별 공식을 보편 법칙처럼 적용하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-custom","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Additional values passed to shaders or logic beyond standard particle attributes.","usage":"Controlling individual emission, distortion, and patterns.","notes":"Particle count, emission rate, and lifetime are related, but engines configure them differently. Do not treat a product-specific formula as universal. An original learning example, not a complete engine pipeline."}},"live_key":"v38-custom","term_class":"직접 조작형 예제"},{"id":"dar-662247d32e60","en":"Gravity Force","ko":"중력 효과","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"입자에 일정 방향의 가속도를 주는 힘.","usage":"빗방울·파편·낙하.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A force applying acceleration in a consistent direction.","usage":"Raindrops, debris, and falling motion.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Gravity bends a ballistic trajectory downward."}}},{"id":"dar-d3c2c003743a","en":"Drag Force","ko":"항력","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"속도에 저항해 입자의 운동을 줄이는 힘.","usage":"연기·공기 저항.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A force resisting velocity and reducing particle motion.","usage":"Smoke and air resistance.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Drag progressively reduces speed."}}},{"id":"dar-b3694681e3cd","en":"Attractor","ko":"어트랙터·흡인체","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"입자를 특정 위치나 영역 쪽으로 끌어당기는 요소.","usage":"에너지 수집·블랙홀.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An element pulling particles toward a point or region.","usage":"Energy collection and black holes.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles move toward a center."}}},{"id":"dar-dacbb28ae7ab","en":"Repulsor","ko":"반발체","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"입자를 특정 위치나 영역에서 밀어내는 요소.","usage":"충격파·방어막.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An element pushing particles away from a point or region.","usage":"Shockwaves and shields.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles move away from a center."}}},{"id":"dar-3a3e4b7aff05","en":"Vortex Force","ko":"소용돌이 힘","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"축이나 중심 주변으로 회전 운동을 만드는 힘.","usage":"토네이도·마법 소용돌이.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A force producing rotational motion around an axis or center.","usage":"Tornadoes and magical vortices.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles spiral around a center."}}},{"id":"dar-674d9c8b2a7c","en":"Turbulence","ko":"난류","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"불규칙하고 복잡한 흐름을 만드는 변동.","usage":"연기·화염·먼지.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Variation creating irregular, complex flow.","usage":"Smoke, fire, and dust.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Irregular variation is added to the flow."}}},{"id":"dar-1b9e383ebabe","en":"Curl Noise","ko":"컬 노이즈","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"노이즈 기반 벡터장의 회전 성분을 활용하는 흐름 패턴.","usage":"부드러운 소용돌이 입자.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A flow pattern using the curl of a noise-based vector field.","usage":"Smoothly swirling particles.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"An illustrative swirling field, not a numerical curl-noise solver."}}},{"id":"dar-77314de33e3f","en":"Vector Field","ko":"벡터 필드","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"공간 각 위치에 방향과 크기의 벡터를 저장·정의한 장.","usage":"입자 흐름·바람.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A field defining a vector's direction and magnitude at positions in space.","usage":"Particle flows and wind.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Direction vectors are shown at sampled positions."}}},{"id":"dar-dc08b55b3cd5","en":"Particle Flow Field","ko":"입자 플로우 필드","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"위치별 흐름 방향을 정의한 필드.","usage":"군집·유체 느낌·입자 이동.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"flow field particles; 입자 흐름장","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A field defining flow direction at each location for particles.","usage":"Swarms, fluid-like behavior, and particle movement.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles follow a sampled direction field."}}},{"id":"dar-d0805ba92d1d","en":"Brownian Motion","ko":"브라운 운동형 움직임","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"작고 불규칙한 무작위 움직임을 통해 흔들리는 흐름을 만드는 표현.","usage":"먼지·미세 입자.","notes":"실제 분자 운동 모델과 스타일화한 난수 흔들림은 구분한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual approximation of small, irregular random movements producing a wandering flow.","usage":"Dust and fine particles.","notes":"Distinguish a physical molecular-motion model from stylized random jitter.","difference":"Illustrative irregular displacements, not a physical Brownian solver."}}},{"id":"dar-8303b76547a7","en":"Particle Collision","ko":"입자 충돌","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"입자가 장면의 표면이나 지정 도형에 닿을 때 반응하는 처리.","usage":"빗방울 튀김·파편 반사.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Handling particle responses when they contact scene surfaces or specified shapes.","usage":"Splashing raindrops and bouncing debris.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles stop when they reach a surface."}}},{"id":"dar-81496eb986d2","en":"Restitution","ko":"반발 계수","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"충돌 뒤 되튀는 정도를 조절하는 값.","usage":"파편·구슬 충돌.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A value controlling how much an object rebounds after collision.","usage":"Collisions involving debris and balls.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Bounce height decreases after collisions."}}},{"id":"dar-e082c1f2c568","en":"Collision Friction","ko":"충돌 마찰","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"접촉 후 표면을 따라 움직이는 속도를 줄이는 특성.","usage":"미끄러지는 파편.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A property reducing tangential movement after surface contact.","usage":"Sliding debris.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Tangential motion slows along the contact surface."}}},{"id":"dar-6d26745f0639","en":"SDF Collision","ko":"부호 거리장 충돌","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"표면까지의 부호 있는 거리 정보를 이용한 충돌 처리.","usage":"복잡한 형태의 입자 충돌.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Collision handling using signed distance to a surface.","usage":"Particle collisions against complex shapes.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"A schematic path avoids a signed-distance surface."}}},{"id":"dar-b144738873b3","en":"Depth-buffer Collision","ko":"깊이 버퍼 충돌","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"카메라 깊이 정보를 사용해 입자와 표면의 충돌을 근사하는 방식.","usage":"가벼운 화면 기반 충돌.","notes":"카메라에 없는 표면까지 완전하게 처리하지 못할 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Approximating particle-surface collisions using the camera's depth information.","usage":"Lightweight screen-based collisions.","notes":"Surfaces outside the camera's view may not be handled completely.","difference":"A schematic collision against visible depth surfaces."}}},{"id":"dar-52f9af4394a4","en":"Inherit Velocity","ko":"속도 상속","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"방출기나 부모의 이동 속도를 새 입자에 반영하는 처리.","usage":"달리는 캐릭터의 먼지.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Transferring emitter or parent velocity to newly created particles.","usage":"Dust from running characters.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Emitter velocity contributes to particle motion."}}},{"id":"dar-7650ce09e06f","en":"Local-space Simulation","ko":"로컬 공간 시뮬레이션","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"방출기의 좌표계를 기준으로 입자 위치를 계산하는 방식.","usage":"오브젝트에 붙어 움직이는 효과.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Calculating particle positions relative to the emitter's coordinate system.","usage":"Effects attached to and moving with objects.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles follow the emitter coordinate frame."}}},{"id":"dar-59da524f6a1c","en":"World-space Simulation","ko":"월드 공간 시뮬레이션","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"월드 기준으로 입자를 계산해 방출기 이동과 분리하는 방식.","usage":"지나간 자리에 남는 연기.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Calculating particles in world coordinates independently of subsequent emitter movement.","usage":"Smoke left behind along a traveled path.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles remain in world coordinates as the emitter moves."}}},{"id":"dar-7f2f2f691f51","en":"Spline-following Particles","ko":"스플라인 추종 입자","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"지정 곡선을 따라 이동하거나 곡선에 끌리는 입자.","usage":"마법 경로·안내 흐름.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Particles moving along or being attracted toward a specified curve.","usage":"Magical paths and guidance flows.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"Particles follow a defined spline curve."}}},{"id":"dar-d26f38f769f7","en":"Particle Flocking","ko":"입자 군집","domain":"게임 VFX","category":"힘·궤적·시뮬레이션","kind":"용어·패턴","description":"주변 입자와의 거리·정렬·응집 규칙을 이용한 움직임.","usage":"반딧불이·마법 무리.","notes":"실제 물리 재현과 미술적 제어는 별개다. 공간 기준·시간 간격·충돌 비용을 확인한다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Particle motion governed by neighboring separation, alignment, and cohesion rules.","usage":"Fireflies and magical swarms.","notes":"Physical simulation and artistic control are separate goals. Check coordinate frames, time steps, and collision cost.","difference":"A schematic of aligned group motion."}}},{"id":"dar-6c3c02c5593b","en":"Sprite Particle","ko":"스프라이트 입자","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"2D 이미지가 붙은 면으로 표현하는 입자.","usage":"불꽃·연기·반짝임.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A particle represented by a plane carrying a 2D image.","usage":"Fire, smoke, and sparkles.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"Particles are rendered as flat sprites."}}},{"id":"dar-6904a45617ef","en":"Billboard","ko":"빌보드","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"카메라 또는 지정 방향을 향하도록 정렬되는 평면 표현.","usage":"입자·나무·이름표.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A plane aligned to face the camera or another specified direction.","usage":"Particles, trees, and nameplates.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"A planar representation faces the camera."}}},{"id":"dar-f41bd0d1b676","en":"Stretched Billboard","ko":"늘어난 빌보드","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"속도나 방향에 맞춰 길게 늘인 평면 입자.","usage":"빗줄기·불티·속도선.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A planar particle stretched according to its velocity or orientation.","usage":"Rain streaks, sparks, and speed lines.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"Flat particles stretch along their velocity."}}},{"id":"dar-ce4d3b1b8d2a","en":"Mesh Particle","ko":"메시 입자","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"각 입자를 3D 메시로 표현하는 방식.","usage":"돌·파편·입체 마법 조각.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Representing each particle with a 3D mesh.","usage":"Rocks, debris, and three-dimensional magical fragments.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"Particles are represented by mesh shapes."}}},{"id":"dar-5bb34f5039ee","en":"Ribbon","ko":"리본","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"여러 점을 이어 연속적인 띠 형태의 기하로 그리는 방식.","usage":"궤적·전기·마법 띠.","notes":"정지한 곡선이나 연결 효과도 만들 수 있어 트레일과 완전한 동의어가 아니다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Rendering connected points as a continuous strip of geometry.","usage":"Trails, electricity, and magical ribbons.","notes":"A ribbon can also create stationary curves and connections, so it is not exactly synonymous with a trail."}}},{"id":"dar-9ea0b6dbef7b","en":"Beam","ko":"빔","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"시작점과 끝점 사이를 잇는 선·띠·체적형 효과.","usage":"레이저·번개·연결 에너지.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A line, strip, or volumetric effect connecting a start and end point.","usage":"Lasers, lightning, and connecting energy.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-a301d8c9e224","en":"Ribbon Width Curve","ko":"리본 폭 곡선","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"리본의 길이나 나이에 따라 폭을 변화시키는 규칙.","usage":"점점 가늘어지는 꼬리.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A rule varying ribbon width along its length or according to age.","usage":"Tapering tails.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"Ribbon width changes along the path."}}},{"id":"dar-5ac591a778eb","en":"Trail Lifetime","ko":"트레일 유지 시간","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"궤적의 각 부분이 사라지기까지 유지되는 시간.","usage":"짧은 검기·긴 잔상.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The duration for which each segment of a trail remains visible.","usage":"Short sword trails and long afterimages.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"Older trail samples expire in sequence."}}},{"id":"dar-26eee31eb719","en":"Trail UV Mapping","ko":"트레일 UV 매핑","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"띠나 궤적을 따라 텍스처 좌표를 배치하는 방식.","usage":"흐르는 빛·반복 패턴.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The arrangement of texture coordinates along a ribbon or trail.","usage":"Flowing light and repeating patterns.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-007235a8b49a","en":"Projected Decal","ko":"투영 데칼","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"특정 공간 영역에서 표면으로 이미지를 투영하는 방식.","usage":"벽·지형의 흔적.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Projecting an image onto surfaces within a specified spatial volume.","usage":"Marks on walls and terrain.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-19a6978b16fd","en":"Mesh Decal","ko":"메시 데칼","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"표면 위에 놓인 별도의 메시를 이용해 장식을 표시하는 방식.","usage":"정교한 표면 패턴.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displaying a decal through a separate mesh placed over a surface.","usage":"Detailed surface patterns.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-31d40aa6c4ab","en":"Soft Particle","ko":"소프트 파티클","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"장면 표면과 만나는 경계를 부드럽게 감쇠시키는 입자 표현.","usage":"바닥과 교차하는 연기.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A particle treatment that softens intersections with scene surfaces.","usage":"Smoke intersecting the ground.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-286a1de54880","en":"Volumetric Effect","ko":"볼류메트릭 효과","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"평면이 아닌 공간의 밀도·산란 등을 표현하는 효과.","usage":"안개·연기·빛기둥.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect representing density or scattering throughout space rather than only on a plane.","usage":"Fog, smoke, and light shafts.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-a50fc1a30acb","en":"Particle Light","ko":"입자 연동 조명","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"입자 위치나 속성에 연결된 광원을 사용하는 표현.","usage":"불꽃·폭발의 주변 빛.","notes":"발광 재질을 썼다고 주변이 자동으로 조명되는 것은 아니다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A light linked to a particle's position or attributes.","usage":"Light cast around fire and explosions.","notes":"An emissive material does not automatically illuminate its surroundings."}}},{"id":"dar-2f250d1c9e32","en":"Geometry Trail","ko":"기하 트레일","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"실제 기하를 누적하거나 변형해 만드는 이동 궤적.","usage":"3D 검날·튜브 궤적.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A movement trail created by accumulating or deforming actual geometry.","usage":"3D sword trails and tubular paths.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms.","difference":"A continuous geometric strip follows a path."}}},{"id":"dar-2ed9d9479801","en":"Afterimage","ko":"잔상","domain":"게임 VFX","category":"렌더러·트레일·리본·데칼","kind":"용어·패턴","description":"이전 위치의 모습을 남겨 움직임을 강조하는 표현.","usage":"대시·속도감·분신 효과.","notes":"입자 데이터와 보이는 도형은 구분된다. 같은 입자라도 스프라이트·메시·리본 등 다른 방식으로 그릴 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/render-module-reference-for-niagara-effects-in-unreal-engine","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Retaining an object's earlier appearance or position to emphasize movement.","usage":"Dashes, a sense of speed, and clone effects.","notes":"Particle data and visible geometry are separate. The same particles can be rendered as sprites, meshes, ribbons, or other forms."}}},{"id":"dar-0c06cf6c09b5","en":"VFX Material","ko":"이펙트 재질","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"입자·메시·데칼의 색·투명도·발광·왜곡을 정의하는 재질.","usage":"효과의 외관 구성.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-vfx-material","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A material defining the color, transparency, emission, or distortion of effect particles, meshes, or decals.","usage":"Composing the appearance of an effect.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-vfx-material","term_class":"직접 조작형 예제"},{"id":"dar-28935371194d","en":"Flipbook Texture","ko":"플립북 텍스처","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"애니메이션 프레임들을 격자 형태로 모아 둔 텍스처.","usage":"한 장으로 여러 프레임 샘플링.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A texture arranging animation frames in a grid.","usage":"Sampling multiple frames from a single texture.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Sequential animation frames are packed into a sheet."}}},{"id":"dar-6c4ec9ebec11","en":"Texture Sheet Animation","ko":"텍스처 시트 애니메이션","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"시트 내 UV 영역을 바꾸며 프레임을 재생하는 방식.","usage":"입자 폭발·불꽃.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Playing frames by changing the sampled UV region within a texture sheet.","usage":"Particle explosions and fire.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"A current frame is selected from a texture sheet."}}},{"id":"dar-117318acaa08","en":"UV Panning","ko":"UV 패닝","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"텍스처 좌표를 시간에 따라 이동해 흐르는 듯 보이게 하는 기법.","usage":"물·마법·에너지 흐름.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Moving texture coordinates over time to create the impression of flow.","usage":"Water, magic, and energy flows.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline."}}},{"id":"dar-50d18025e048","en":"UV Distortion","ko":"UV 왜곡","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"노이즈·벡터 등으로 텍스처 좌표를 변형하는 기법.","usage":"불·열기·불규칙한 마법.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Deforming texture coordinates using noise, vectors, or related data.","usage":"Fire, heat, and irregular magic.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline."}}},{"id":"dar-322506504eab","en":"Flow Map","ko":"플로우 맵","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"텍스처의 위치별 흐름 방향을 저장한 맵.","usage":"물결·용암·연기 흐름.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A map storing local flow directions across a texture.","usage":"Flowing water, lava, and smoke.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Directional data guides texture movement."}}},{"id":"dar-7a28a1002645","en":"Noise Texture","ko":"노이즈 텍스처","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"불규칙한 값 패턴을 담은 텍스처.","usage":"소멸·구름·왜곡·랜덤 분포.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A texture containing an irregular pattern of values.","usage":"Dissolves, clouds, distortion, and random distribution.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Deterministic random brightness samples form a texture."}}},{"id":"dar-f855780bf536","en":"Dissolve","ko":"디졸브","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"노이즈 등 마스크의 임계값을 바꾸며 표면을 점진적으로 없애거나 드러내는 효과.","usage":"적 소멸·순간이동.","notes":"영상 편집에서 dissolve는 교차 페이드라는 다른 의미로도 쓰인다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Gradually removing or revealing a surface by changing a mask threshold, often using noise.","usage":"Enemy dissolves and teleportation.","notes":"In video editing, dissolve can also mean a crossfade."}}},{"id":"dar-6c906d6e4f4e","en":"Erosion Mask","ko":"침식 마스크","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"가장자리·표면이 깎이는 듯한 소멸 형태를 제어하는 마스크.","usage":"연기 소산·불꽃 소멸.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A mask controlling disappearance as though edges or surfaces are being eroded.","usage":"Dissipating smoke and extinguishing flames.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"A threshold progressively removes covered regions."}}},{"id":"dar-6616a5a30357","en":"Dissolve Edge","ko":"디졸브 경계","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"소멸 경계 부근을 별도 색·발광으로 강조한 부분.","usage":"타들어 가는 경계.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-dissolve-edge","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The boundary of a dissolve emphasized with a separate color or emission.","usage":"Burning edges.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-dissolve-edge","term_class":"직접 조작형 예제"},{"id":"dar-4b6390bc4208","en":"Alpha Mask","ko":"알파 마스크","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"위치별 투명도나 표시 여부를 제어하는 값.","usage":"입자 외곽·마법진 도형.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Values controlling transparency or visibility at each location.","usage":"Particle boundaries and magic-circle shapes.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Mask values control visible areas."}}},{"id":"dar-6d352b77dba7","en":"Alpha Clip","ko":"알파 클립","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"알파값이 기준보다 낮은 픽셀을 그리지 않는 방식.","usage":"잘린 외곽·잎·날카로운 이펙트.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Discarding pixels whose alpha value falls below a threshold.","usage":"Cutout edges, leaves, and sharp effects.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Pixels below an alpha threshold are discarded."}}},{"id":"dar-18ea9c47d61f","en":"Alpha Blending","ko":"알파 블렌딩","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"알파를 이용해 앞·뒤 색을 섞어 반투명하게 그리는 방식.","usage":"연기·유리·반투명 입자.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Mixing foreground and background colors with alpha to render translucency.","usage":"Smoke, glass, and translucent particles.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"The source mixes with the background using alpha."}}},{"id":"dar-8f7ec21854b4","en":"Premultiplied Alpha","ko":"프리멀티플라이드 알파","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"RGB에 알파가 미리 곱해진 색 표현과 이에 맞는 합성 방식.","usage":"투명 가장자리 합성.","notes":"자산과 블렌드 설정이 맞지 않으면 테두리 문제가 생긴다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A color representation with RGB already multiplied by alpha, and the matching compositing method.","usage":"Compositing transparent edges.","notes":"Mismatched assets and blending settings can cause edge artifacts.","difference":"The input RGB values have already been multiplied by alpha."}}},{"id":"dar-49664dac6c13","en":"Additive Blending","ko":"가산 합성","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"빛을 더하듯 색을 합산하는 합성 방식.","usage":"불꽃·레이저·광원 표현.","notes":"검은 배경에서는 선명해도 밝은 배경에서는 약하게 보일 수 있다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combining colors by addition, as though adding light.","usage":"Representing fire, lasers, and light sources.","notes":"An effect that looks strong against black may look weak against a bright background.","difference":"Color components are added, producing brighter overlap."}}},{"id":"dar-8c399fd0ad92","en":"Multiplicative Blending","ko":"곱셈 합성","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"기존 색과 곱해 어두워지는 방향으로 합성하는 방식.","usage":"그을음·그림자·어두운 흔적.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combining colors by multiplication, generally darkening the existing result.","usage":"Scorch marks, shadows, and dark traces.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Color components multiply, producing darker overlap."}}},{"id":"dar-b2aa1ddd3404","en":"Emissive","ko":"발광 성분","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"조명과 독립적으로 밝게 보이도록 표현하는 재질 성분.","usage":"마법·네온·화염.","notes":"주변 광원 효과·블룸과는 별도로 취급한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-emissive","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A material component that appears bright independently of scene lighting.","usage":"Magic, neon, and flames.","notes":"Treat this separately from surrounding illumination and bloom. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-emissive","term_class":"직접 조작형 예제"},{"id":"dar-a855e3c28fee","en":"Depth Fade","ko":"깊이 기반 페이드","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"장면 깊이와의 차이를 이용해 표면 교차 경계를 흐리게 하는 기법.","usage":"소프트 파티클·물 경계.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Softening surface intersections using the difference from scene depth.","usage":"Soft particles and water boundaries.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline."}}},{"id":"dar-a29aa97c1f6c","en":"Distortion Shader","ko":"왜곡 셰이더","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"배경이나 표면 샘플링 위치를 바꿔 굴절처럼 보이게 하는 셰이더.","usage":"열기·충격파·유리.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A shader changing background or surface sample positions to suggest refraction.","usage":"Heat, shockwaves, and glass.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Sampling coordinates are offset to distort the image."}}},{"id":"dar-3d142622cb39","en":"Refraction","ko":"굴절","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"빛이 매질 경계에서 방향을 바꾸는 현상 및 그 시각적 근사.","usage":"유리·물·에너지 장벽.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-refraction","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The change in light direction at a boundary between media, or a visual approximation of it.","usage":"Glass, water, and energy barriers.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-refraction","term_class":"직접 조작형 예제"},{"id":"dar-065c5109dc00","en":"Normal Distortion","ko":"법선 기반 왜곡","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"법선 또는 방향 벡터를 이용해 표면·배경의 샘플링을 흔드는 표현.","usage":"방어막·물·열기.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-normal-distortion","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Distorting surface or background sampling using normals or direction vectors.","usage":"Shields, water, and heat.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-normal-distortion","term_class":"직접 조작형 예제"},{"id":"dar-ed0a42512090","en":"Vertex Displacement","ko":"정점 변위","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"셰이더나 데이터로 메시 정점 위치를 이동시키는 방식.","usage":"출렁임·폭발·에너지 형태.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Moving mesh vertex positions through a shader or data-driven process.","usage":"Undulation, explosions, and energy shapes.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Vertex positions are displaced."}}},{"id":"dar-75398ac1e22e","en":"Fresnel Rim Mask","ko":"프레넬 림 마스크","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"시선에 비스듬한 표면을 선택하는 마스크를 강조색에 이용한다.","usage":"외곽 발광·보호막.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A view-angle mask selecting grazing-angle surfaces for a rim highlight.","usage":"Edge glow and shields.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Grazing-angle regions are isolated as a rim mask."}}},{"id":"dar-68ca7f599aec","en":"Channel Packing","ko":"채널 패킹","domain":"게임 VFX","category":"텍스처·셰이더·합성 기법","kind":"용어·패턴","description":"한 텍스처의 R·G·B·A 채널에 서로 다른 데이터를 저장하는 방식.","usage":"마스크·왜곡·강도 맵 관리.","notes":"특정 효과의 이름이 특정 렌더러 지원을 보장하지는 않는다. 투명도·깊이·색 공간·렌더 파이프라인을 함께 확인한다.","ecosystem":"","aliases":"","source_url":"https://dev.epicgames.com/documentation/unreal-engine/unreal-engine-material-expressions-reference","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Storing different datasets in the red, green, blue, and alpha channels of one texture.","usage":"Managing masks, distortion, and intensity maps.","notes":"An effect name does not guarantee renderer support. Check transparency, depth, color space, and the rendering pipeline.","difference":"Separate data is packed into texture channels."}}},{"id":"dar-bb7180628662","en":"Muzzle Flash","ko":"총구 화염","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"발사 순간 총구 주변에서 나타나는 섬광·화염 표현.","usage":"총기 발사 피드백.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The flash or flame around a muzzle at the instant of firing.","usage":"Gunfire feedback.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-26845bf5e4fe","en":"Bullet Tracer","ko":"탄도 예광","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"총알이나 발사체의 이동 방향을 선·빛으로 보여주는 효과.","usage":"사격 방향 인지.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A line or light showing the direction of a bullet or projectile's travel.","usage":"Recognizing shot direction.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-7da71e5e99f4","en":"Impact Spark","ko":"충돌 불꽃","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"단단한 표면에 부딪힐 때 퍼지는 짧은 불티.","usage":"금속 명중·무기 충돌.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Brief sparks spreading from an impact against a hard surface.","usage":"Metal impacts and weapon clashes.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"Sparks radiate from an impact point."}}},{"id":"dar-7ad75ad55b96","en":"Impact Ring","ko":"충격 링","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"명중 지점에서 원형으로 퍼지는 고리 효과.","usage":"타격·착지·폭발 강조.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A ring expanding outward from a hit location.","usage":"Emphasizing hits, landings, and explosions.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-42bb6adddf6c","en":"Shockwave","ko":"충격파","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"충격이 바깥으로 전파되는 느낌을 주는 확산 효과.","usage":"폭발·강한 공격.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An expanding effect suggesting an impact propagating outward.","usage":"Explosions and powerful attacks.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-dca0020800dc","en":"Hit Flash","ko":"피격 섬광","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"명중 순간 대상이나 화면의 색·밝기를 짧게 바꾸는 표현.","usage":"타격 확인.","notes":"Hit Stop은 시간·동작 정지이고 Hit Flash는 시각 변화다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A brief color or brightness change on a target or screen when a hit occurs.","usage":"Confirming hits.","notes":"Hit Stop pauses time or motion; Hit Flash changes the visual appearance."}}},{"id":"dar-dcd07a13db32","en":"Slash Effect","ko":"슬래시·검기 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"베는 방향과 궤적을 띠·면·빛으로 강조하는 효과.","usage":"근접 공격.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect emphasizing a cutting direction or arc with a strip, surface, or light.","usage":"Melee attacks.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A curved arc follows a blade strike."}}},{"id":"dar-e126bf798c18","en":"Weapon Trail","ko":"무기 궤적","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"무기가 지나간 공간에 남기는 연속 흔적.","usage":"검·창·도끼 휘두름.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A continuous trace left in the space traversed by a weapon.","usage":"Sword, spear, and axe swings.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-e9677f42c62c","en":"Projectile Effect","ko":"발사체 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"이동하는 공격체의 몸체·빛·궤적을 표현한다.","usage":"화살·마법탄·로켓.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The visual body, light, and trail of a moving attack projectile.","usage":"Arrows, magical projectiles, and rockets.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A moving projectile head leaves a tail."}}},{"id":"dar-8a93fc62ae28","en":"Charge-up Effect","ko":"충전 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"발동 전 에너지가 모이거나 커지는 표현.","usage":"차징 공격·주문 준비.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect showing energy gathering or increasing before activation.","usage":"Charged attacks and spell preparation.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"Energy converges during a charge-up phase."}}},{"id":"dar-cfaf66e728e0","en":"Cast Effect","ko":"시전 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"기술을 사용하는 순간의 손·무기·몸 주변 효과.","usage":"마법 발동·능력 실행.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect around hands, a weapon, or the body at the moment an ability is cast.","usage":"Spell activation and ability execution.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A cast releases energy at a distinct moment."}}},{"id":"dar-96da6e832ffa","en":"Channeling Effect","ko":"유지 시전 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"입력이나 조건이 유지되는 동안 지속되는 효과.","usage":"광선·회복·의식.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect sustained while an input or condition remains active.","usage":"Beams, healing, and rituals.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"An energy connection persists while channeling."}}},{"id":"dar-743605d7ab59","en":"AoE Telegraph","ko":"광역 공격 예고","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"위험이 발생할 범위와 시점을 미리 알려 주는 표현.","usage":"보스 패턴·지면 경고.","notes":"장식 범위와 실제 피해 범위를 혼동시키지 않는다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A cue showing the area and timing of an upcoming hazard.","usage":"Boss attack patterns and ground warnings.","notes":"Do not confuse a decorative footprint with the actual damage area."}}},{"id":"dar-11ad5cb2e8fc","en":"Ground Target Indicator","ko":"지면 타깃 표시","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"능력을 사용할 위치와 범위를 조준 중에 보여준다.","usage":"장판·범위 기술 배치.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An aiming indicator showing where an ability will be placed and the area it covers.","usage":"Placing persistent ground and area abilities.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A targeting area is shown on the ground plane."}}},{"id":"dar-85b19b1700d2","en":"Magic Circle","ko":"마법진","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"기호·원·문양으로 구성한 마법의 위치·범위 표현.","usage":"소환·시전·영역 효과.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A magical position or area indicator composed of circles, symbols, and patterns.","usage":"Summoning, casting, and area effects.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules."}}},{"id":"dar-16fdd6d90da6","en":"Aura","ko":"오라","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"대상 주위에 지속적으로 존재하는 효과 영역.","usage":"강화·위험·캐릭터 속성.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A persistent effect region surrounding a target.","usage":"Enhancements, danger, and character attributes.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"An effect persists around its subject."}}},{"id":"dar-54a3809288f1","en":"Shield Effect","ko":"방어막 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"피해 방어·보호 영역을 둘러싸는 시각 표현.","usage":"보호막·에너지 장벽.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual representation surrounding a protected or damage-blocking region.","usage":"Shields and energy barriers.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A protective surface surrounds the subject."}}},{"id":"dar-21ec9aa588fc","en":"Shield Hit Ripple","ko":"방어막 충격 파문","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"보호막의 피격 위치에서 퍼지는 파동.","usage":"방어 판정 피드백.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A wave spreading from the point where a shield is hit.","usage":"Feedback for successful defense.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"An impact ripple spreads across a shield surface."}}},{"id":"dar-81ee78d3121d","en":"Heal Effect","ko":"회복 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"체력·자원의 회복을 나타내는 시각 효과.","usage":"치유·회복 아이템.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A visual effect indicating recovery of health or another resource.","usage":"Healing and recovery items.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"Rising symbols communicate recovery."}}},{"id":"dar-241f250943d8","en":"Teleport Effect","ko":"순간이동 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"대상의 사라짐·이동·재등장을 연결하는 표현.","usage":"귀환·포털·이동 능력.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect connecting disappearance, relocation, and reappearance.","usage":"Recalls, portals, and movement abilities.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"Vertical energy marks a location transition."}}},{"id":"dar-b9cdceb0f640","en":"Summoning Effect","ko":"소환 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"새 대상이 세계에 나타나는 과정을 표현한다.","usage":"소환수·오브젝트 생성.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect representing a new entity entering the world.","usage":"Spawning summoned creatures and objects.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A ground marker identifies a summoning location."}}},{"id":"dar-af4cc1fac1a9","en":"Disintegration Effect","ko":"분해 소멸 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"대상이 조각·입자·침식 등으로 흩어져 사라지는 표현.","usage":"적 제거·마법 해제.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect making a target disappear through fragments, particles, or erosion.","usage":"Removing enemies and dispelling magic.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"A form breaks into small fragments."}}},{"id":"dar-73d1d95a02c5","en":"Critical Hit Effect","ko":"치명타 효과","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"일반 명중보다 강한 결과를 구별해 강조하는 효과.","usage":"치명타·약점 공격.","notes":"아래 명칭은 효과의 외형·목적을 설명하는 제작 용어다. 피해·범위·명중 여부는 실제 게임 판정과 일치시킨다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect distinguishing and emphasizing a stronger-than-normal hit.","usage":"Critical hits and attacks on weak points.","notes":"These production terms describe effects' appearance or purpose. Match damage, range, and hit feedback to actual gameplay rules.","difference":"An impact is emphasized beyond an ordinary hit."}}},{"id":"dar-f87284374e01","en":"Loot Beam","ko":"전리품 빛기둥","domain":"게임 VFX","category":"전투·마법·능력 이펙트","kind":"용어·패턴","description":"바닥 아이템 위치나 등급을 위로 뻗는 빛으로 나타낸다.","usage":"아이템 탐색.","notes":"희귀도는 색 외의 형태·라벨로도 구분한다.","ecosystem":"","aliases":"","source_url":"https://www.leagueoflegends.com/en-us/news/dev/clarity-in-league/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An upward beam identifying a ground item's location or quality tier.","usage":"Finding items.","notes":"Distinguish rarity with shapes or labels as well as color.","difference":"A persistent vertical beam marks loot."}}},{"id":"dar-dfa79fed3b3b","en":"Fire Effect","ko":"화염 효과","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"타오르는 불의 형태·색·움직임을 표현한다.","usage":"모닥불·무기·폭발.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect representing the shape, color, and movement of burning fire.","usage":"Campfires, weapons, and explosions.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Warm particles narrow toward the top of a flame."}}},{"id":"dar-233ce250f06b","en":"Embers","ko":"불티·잔불 입자","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"불에서 날아오르거나 남아 있는 작은 빛나는 입자.","usage":"화재·용광로 분위기.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Small glowing particles rising from or remaining in a fire.","usage":"Fire and furnace atmosphere.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video."}}},{"id":"dar-b174e0532938","en":"Smoke Plume","ko":"연기 기둥","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"상승하며 넓어지는 연기 흐름.","usage":"화재·굴뚝·폭발 여파.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A smoke flow that rises and expands.","usage":"Fires, chimneys, and explosion aftermath.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Translucent smoke spreads upward."}}},{"id":"dar-627cb463d9fc","en":"Dust Puff","ko":"먼지 퍼프","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"짧은 순간 퍼졌다가 사라지는 먼지 덩어리.","usage":"발걸음·착지·충돌.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A brief cloud of dust that spreads and dissipates.","usage":"Footsteps, landings, and collisions.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"A short dust cloud spreads near the ground."}}},{"id":"dar-8d554f927c23","en":"Dust Motes","ko":"부유 먼지","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"공중에 떠다니는 미세 입자.","usage":"실내·햇빛 속 분위기.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fine particles floating in the air.","usage":"Indoor and sunlit atmosphere.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Small suspended particles are distributed in space."}}},{"id":"dar-bb08f547b168","en":"Debris","ko":"파편","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"충격으로 떨어져 나간 조각 표현.","usage":"폭발·파괴·붕괴.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fragments broken away by an impact.","usage":"Explosions, destruction, and collapse.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Separate solid fragments represent debris."}}},{"id":"dar-721772fa3640","en":"Explosion","ko":"폭발 효과","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"급격한 팽창·빛·연기·파편을 조합한 효과.","usage":"폭발물·충돌·스킬.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect combining rapid expansion, light, smoke, and fragments.","usage":"Explosives, collisions, and abilities.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video."}}},{"id":"dar-6e660d9b9d18","en":"Rain Streak","ko":"빗줄기","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"낙하하는 빗방울의 길어진 궤적 표현.","usage":"우천 장면.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An elongated visual trail of a falling raindrop.","usage":"Rainy scenes.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Thin directional streaks represent rain."}}},{"id":"dar-2249df762498","en":"Rain Splash","ko":"빗방울 튀김","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"비가 표면에 닿아 퍼지는 작은 물 효과.","usage":"젖은 지면·물웅덩이.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A small water effect spreading where rain contacts a surface.","usage":"Wet surfaces and puddles.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Rain impact spreads across a surface."}}},{"id":"dar-a6289da050c1","en":"Snow Particles","ko":"눈 입자","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"낙하·부유하는 눈송이 표현.","usage":"설경·눈보라.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A representation of falling or drifting snowflakes.","usage":"Snowy landscapes and blizzards.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Small snow particles drift through the scene."}}},{"id":"dar-06353c942dfb","en":"Fog","ko":"안개","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"시야 내 공간의 산란·밀도 느낌으로 먼 대상을 흐리게 하는 표현.","usage":"분위기·거리감.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect obscuring distant objects through the apparent scattering or density of intervening space.","usage":"Atmosphere and perceived distance.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Broad translucent regions overlap as fog."}}},{"id":"dar-54fe73b186db","en":"Volumetric Fog","ko":"체적 안개","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"공간 내 빛과 매질의 상호작용을 표현하는 안개.","usage":"빛기둥·깊이 있는 연무.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fog representing interactions between light and a medium within space.","usage":"Light shafts and volumetric haze.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video."}}},{"id":"dar-c7f045f31787","en":"Water Splash","ko":"물보라","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"충돌·분출로 물방울과 물막이 퍼지는 효과.","usage":"착수·파도·분수.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect spreading droplets and water sheets through impact or eruption.","usage":"Water entry, waves, and fountains.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video."}}},{"id":"dar-34ecddcbdaeb","en":"Foam","ko":"거품","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"물 표면의 흰 기포·포말층 표현.","usage":"파도·급류·물체 경계.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A representation of white bubbles or froth on a water surface.","usage":"Waves, rapids, and boundaries around objects.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Bubbles cluster near a surface."}}},{"id":"dar-2b2974c05ccb","en":"Water Ripple","ko":"수면 파문","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"수면에서 원형 또는 파형으로 퍼지는 변화.","usage":"빗방울·발걸음·접촉.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A circular or wave-like disturbance spreading across water.","usage":"Raindrops, footsteps, and contact.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Concentric ripples spread over the water surface."}}},{"id":"dar-687c06b9ea52","en":"Water Wake","ko":"항적","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"물 위를 이동하는 대상 뒤에 남는 흐름·거품.","usage":"보트·수영·발사체.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A flow or foam trail left behind an object moving across water.","usage":"Boats, swimming, and projectiles.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Waves trail behind a moving object."}}},{"id":"dar-71ce9c7c09ca","en":"Lightning Arc","ko":"번개 아크","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"분기하거나 흔들리는 전기 방전 경로.","usage":"번개·감전·연결 공격.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A branching or wavering path of electrical discharge.","usage":"Lightning, electric shocks, and chain attacks.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"A jagged lightning path connects locations."}}},{"id":"dar-b8c1eb4144c1","en":"Electric Spark","ko":"전기 스파크","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"짧고 강한 전기 방전의 섬광·입자.","usage":"기계 고장·전기 충돌.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A short, intense flash or particle effect representing an electrical discharge.","usage":"Machine failures and electrical impacts.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Short electrical branches spread from a point."}}},{"id":"dar-8d2fac059f61","en":"Heat Haze","ko":"열기 아지랑이","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"가열된 공기처럼 배경이 일렁이는 왜곡.","usage":"화염 주변·사막·배기.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A distortion making the background shimmer as though viewed through hot air.","usage":"Areas around fire, deserts, and exhaust.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video."}}},{"id":"dar-91ee36efbd9a","en":"Wind Streak","ko":"바람 궤적","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"보이지 않는 바람의 방향을 선·띠·입자로 표현한다.","usage":"질주·돌풍·날씨.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Lines, strips, or particles making the direction of otherwise invisible wind visible.","usage":"Sprinting, gusts, and weather.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Soft curved lines indicate airflow."}}},{"id":"dar-27396950f9d0","en":"Falling Leaves","ko":"낙엽 효과","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"바람과 중력에 반응하며 떨어지는 잎의 움직임.","usage":"계절·공간 분위기.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The motion of leaves falling under gravity and wind.","usage":"Seasonal and spatial atmosphere.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Leaf particles fall with different orientations."}}},{"id":"dar-54949305c977","en":"Fireflies","ko":"반딧불이 효과","domain":"게임 VFX","category":"환경·기후·원소 효과","kind":"용어·패턴","description":"부유하는 작은 빛들이 점멸·이동하는 표현.","usage":"야간·환상적 환경.","notes":"효과 이름과 실제 구현 방식은 일대일 대응이 아니다. 같은 연기도 스프라이트·메시·볼륨·영상으로 만들 수 있다.","ecosystem":"","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Small floating lights that move and blink.","usage":"Nighttime and fantastical environments.","notes":"Effect names do not map one-to-one to implementation techniques. Smoke can use sprites, meshes, volumes, or video.","difference":"Small luminous points scatter through darkness."}}},{"id":"dar-5d3addea90f4","en":"Lens Flare","ko":"렌즈 플레어","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"밝은 광원이 렌즈에 만드는 반사·번짐을 모사하는 효과.","usage":"태양·강한 광원.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect imitating reflections and glare produced by a bright source in a lens.","usage":"The sun and strong light sources.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"A bright source produces a lens-like flare."}}},{"id":"dar-312c6eb270ed","en":"Lens Dirt","ko":"렌즈 오염 효과","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"렌즈의 먼지·얼룩이 빛과 함께 드러나는 듯한 표현.","usage":"카메라 느낌·강한 광원 연출.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A treatment suggesting dust or smudges on a lens becoming visible in bright light.","usage":"A camera-like appearance and strong light effects.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"Light reveals marks on the lens surface."}}},{"id":"dar-24ca4cf52444","en":"Vignette","ko":"비네트","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"화면 가장자리를 어둡게 하거나 변화시키는 효과.","usage":"시선 집중·피격 상태.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect darkening or otherwise modifying the screen edges.","usage":"Directing attention and communicating damage.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"The edges of the image are darkened."}}},{"id":"dar-2b27094fe450","en":"Color LUT","ko":"색상 LUT","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"입력 색을 출력 색으로 대응시키는 참조표.","usage":"색 보정·스타일 전환.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-color-lut","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A reference table mapping input colors to output colors.","usage":"Color correction and style changes.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-color-lut","term_class":"직접 조작형 예제"},{"id":"dar-2235d8fba8cf","en":"Camera Impulse","ko":"카메라 임펄스","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"사건에 대응하는 일시적인 카메라 변위를 발생시키는 방식.","usage":"총 반동·착지·충돌.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A temporary camera displacement triggered by an event.","usage":"Gun recoil, landings, and collisions.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"A brief impulse offsets the camera position."}}},{"id":"dar-4fedb1084d4d","en":"Zoom Punch","ko":"줌 펀치","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"짧고 강한 확대·축소로 사건을 강조하는 연출.","usage":"타격·결정적 순간.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A short, forceful zoom in or out emphasizing an event.","usage":"Impacts and decisive moments.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"A brief zoom emphasizes impact."}}},{"id":"dar-3e5ed2d41914","en":"Radial Blur","ko":"방사형 블러","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"중심에서 바깥 방향으로 퍼지는 흐림 효과.","usage":"가속·돌진·충격.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A blur radiating outward from a center.","usage":"Acceleration, rushing, and impact.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"Blur extends radially from a center."}}},{"id":"dar-e295a187b558","en":"Speed Lines","ko":"속도선","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"방향성 있는 선으로 속도·집중을 강조하는 표현.","usage":"대시·급가속·강조 컷.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Directional lines emphasizing speed or concentration.","usage":"Dashes, sudden acceleration, and emphatic shots.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"Radial lines emphasize speed."}}},{"id":"dar-43671848d8c6","en":"Damage Vignette","ko":"피해 비네트","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"피해나 위험을 화면 가장자리의 색·농도로 표시한다.","usage":"저체력·피격 안내.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다.","ecosystem":"","aliases":"","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Color or intensity at the screen edges indicating damage or danger.","usage":"Low-health and damage feedback.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives.","difference":"A colored edge overlay indicates damage."}}},{"id":"dar-95c17eac6ca0","en":"Screen Distortion","ko":"화면 왜곡","domain":"게임 VFX","category":"카메라·화면·후처리 효과","kind":"용어·패턴","description":"화면의 위치 샘플링을 변형해 일렁임·뒤틀림을 만드는 효과.","usage":"충격파·시간 왜곡·열기.","notes":"카메라·화면 효과는 플레이 판독과 불편감에 직접 영향을 준다. 강도 조절·끄기·접근성 대안을 고려한다. ATLAS의 직접 조작 가능한 교육용 구현입니다. 외부 툴체인·게임 엔진·프로덕션 그래픽 파이프라인 전체의 재현은 아닙니다.","ecosystem":"","aliases":"atlasv39 3d-p39-screen-distortion","source_url":"https://www.riotgames.com/en/news/valorant-shaders-and-gameplay-clarity","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An effect warping screen sample positions to create rippling or twisting.","usage":"Shockwaves, time distortion, and heat.","notes":"Camera and screen effects directly affect readability and comfort. Consider intensity controls, disabling options, and accessible alternatives. Original executable ATLAS educational implementation, not a full external production toolchain."}},"live_key":"3d-p39-screen-distortion","term_class":"직접 조작형 예제"},{"id":"dar-66e9455a2ea1","en":"CPU Particles","ko":"CPU 파티클","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"입자 시뮬레이션을 주로 CPU에서 처리하는 방식.","usage":"로직 연동·플랫폼 대응.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-cpu","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Particle simulation performed primarily on the CPU.","usage":"Integration with logic and platform requirements.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-cpu","term_class":"직접 조작형 예제"},{"id":"dar-becbdce50e89","en":"GPU Particles","ko":"GPU 파티클","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"입자 시뮬레이션을 주로 GPU에서 처리하는 방식.","usage":"많은 입자·병렬 계산.","notes":"모든 규모에서 무조건 빠른 것은 아니며 전송·기능 제약을 검토한다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Particle simulation performed primarily on the GPU.","usage":"Large particle counts and parallel computation.","notes":"This is not automatically faster at every scale; review transfer overhead and feature constraints."}}},{"id":"dar-fa28711f59ed","en":"VFX LOD","ko":"이펙트 세부 수준","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"거리·중요도 등에 따라 효과 복잡도를 낮추는 전략.","usage":"멀리 있는 전투·환경 효과.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reducing effect complexity according to distance, importance, or similar criteria.","usage":"Distant combat and environmental effects.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-a80537e8b8fe","en":"Effect Culling","ko":"이펙트 컬링","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"보이지 않거나 중요도가 낮은 효과의 렌더링·계산을 생략하는 처리.","usage":"성능 예산 유지.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-culling","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Skipping rendering or computation for invisible or low-priority effects.","usage":"Maintaining performance budgets.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-culling","term_class":"직접 조작형 예제"},{"id":"dar-f56d6283b9ce","en":"Particle Bounds","ko":"입자 바운드","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"효과가 존재할 것으로 예상하는 공간 경계.","usage":"컬링·가시성 판정.","notes":"너무 작으면 효과가 갑자기 사라지고 너무 크면 컬링 이점이 줄 수 있다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-bounds","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The spatial boundary within which an effect is expected to exist.","usage":"Culling and visibility tests.","notes":"Bounds that are too small can make effects disappear abruptly; bounds that are too large can reduce culling benefits. An original learning example, not a complete engine pipeline."}},"live_key":"v38-bounds","term_class":"직접 조작형 예제"},{"id":"dar-a99d25b61448","en":"Scalability Settings","ko":"품질 확장 설정","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"장치 성능·설정에 따라 입자량·해상도·효과를 조정하는 체계.","usage":"저사양·고사양 대응.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-quality","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A system adjusting particle counts, resolution, or effects according to device capability and quality settings.","usage":"Supporting low- and high-end hardware.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-quality","term_class":"직접 조작형 예제"},{"id":"dar-a844538cd2cb","en":"Effect Pooling","ko":"이펙트 풀링","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"효과 인스턴스를 제거 대신 재사용하는 방식.","usage":"반복 명중·발사·발걸음.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-pooling","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Reusing effect instances rather than destroying and recreating them.","usage":"Repeated hits, shots, and footsteps.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-pooling","term_class":"직접 조작형 예제"},{"id":"dar-b6c2ea5c67dc","en":"Warm-up Cost","ko":"준비 비용","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"효과를 처음 준비·컴파일·생성할 때 드는 처리 비용.","usage":"첫 사용 시 끊김 진단.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The processing cost of initially preparing, compiling, or creating an effect.","usage":"Diagnosing stutter on first use.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-a8514dae76f6","en":"Shader Variant","ko":"셰이더 변형","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"기능 조합·설정별로 생성되는 셰이더 프로그램 버전.","usage":"컴파일·메모리·배포 관리.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A shader-program version generated for a particular feature or setting combination.","usage":"Managing compilation, memory, and distribution.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-f68cefe4cdc6","en":"Transparent Sorting","ko":"반투명 정렬","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"반투명 요소를 적절한 순서로 그리도록 정렬하는 처리.","usage":"연기·리본 겹침 문제.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Ordering translucent elements so they are drawn in an appropriate sequence.","usage":"Overlapping smoke and ribbon issues.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-d12c98dc4209","en":"Simulation Cache","ko":"시뮬레이션 캐시","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"계산 결과를 저장해 재사용하거나 재생하는 데이터.","usage":"무거운 효과 베이크·반복 재생.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Stored simulation results that can be reused or played back.","usage":"Baking heavy effects and repeated playback.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-0eb8bb6f0796","en":"Effect Budget","ko":"이펙트 예산","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"동시에 허용할 효과 수·시간·메모리·화면 점유 등의 한도.","usage":"전투·플랫폼 성능 계획.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-budget","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Limits on simultaneous effects, processing time, memory, or screen coverage.","usage":"Planning combat and platform performance.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-budget","term_class":"직접 조작형 예제"},{"id":"dar-5e50d2413e08","en":"Gameplay Readability","ko":"게임플레이 판독성","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"위험·범위·상태·결과를 플레이 중 빠르게 이해할 수 있는 정도.","usage":"VFX·UI·팀 색 검수.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다. ATLAS 자체 제작 학습 예제이며 완성형 제작 파이프라인이나 게임 엔진 전체를 구현한 것은 아닙니다.","ecosystem":"","aliases":"atlasv38 v38-readability","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"How quickly a player can understand hazards, areas, states, and outcomes during play.","usage":"Reviewing VFX, UI, and team colors.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost. An original learning example, not a complete engine pipeline."}},"live_key":"v38-readability","term_class":"직접 조작형 예제"},{"id":"dar-8e401e469fb6","en":"Effect Breakdown","ko":"이펙트 분해 분석","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"완성 효과를 형태·시간·재질·레이어별로 나누어 분석한다.","usage":"레퍼런스 분석·제작 계획.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Analyzing a completed effect by its shapes, timing, materials, and layers.","usage":"Reference analysis and production planning.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-07629a5829c6","en":"VFX Flipbook Baking","ko":"VFX 플립북 베이크","domain":"게임 VFX","category":"VFX 최적화·제작·검수","kind":"용어·패턴","description":"시뮬레이션이나 렌더 결과를 이미지 시퀀스·시트로 저장한다.","usage":"복잡한 연기·폭발의 실시간 재생.","notes":"CPU·GPU 병목을 측정하고 목표 장치에서 검증한다. 입자 수가 적다는 이유만으로 저비용이라고 단정하지 않는다.","ecosystem":"","aliases":"","source_url":"https://developer.android.com/topic/performance/rendering/overdraw","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Saving simulation or rendered results as an image sequence or texture sheet.","usage":"Real-time playback of complex smoke and explosions.","notes":"Measure CPU and GPU bottlenecks on target devices. A low particle count does not necessarily mean a low rendering cost."}}},{"id":"dar-b1c32bc1000e","en":"Material Symbols","ko":"머티리얼 심볼","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"채우기·굵기·등급·광학 크기를 조절할 수 있는 Google 심볼 체계.","usage":"제품 UI·상태 변화 아이콘.","notes":"구형 Material Icons와 이름·지원 축이 동일하다고 가정하지 않는다.","ecosystem":"가변 글꼴 / SVG / 앱","aliases":"","source_url":"https://developers.google.com/fonts/docs/material_symbols","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Google's symbol system with adjustable fill, weight, grade, and optical size.","usage":"Product UI and state-change icons.","notes":"Do not assume the names and supported axes match the older Material Icons set."}}},{"id":"dar-87524011565a","en":"SF Symbols","ko":"SF Symbols","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"Apple 플랫폼의 서체·UI와 통합하도록 설계된 심볼 라이브러리.","usage":"iOS·macOS 앱 아이콘·심볼 모션.","notes":"OS 지원 범위와 Apple의 사용 조건을 확인한다. 범용 웹 재배포용 세트로 가정하지 않는다.","ecosystem":"Apple 플랫폼","aliases":"","source_url":"https://developer.apple.com/sf-symbols/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A symbol library designed to integrate with Apple-platform typography and interfaces.","usage":"iOS and macOS app icons and symbol animations.","notes":"Check operating-system support and Apple's usage terms. Do not assume this is a general web redistribution set."}}},{"id":"dar-1fc7048c0c88","en":"Bootstrap Icons","ko":"Bootstrap Icons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"Bootstrap과 독립적으로도 쓸 수 있는 UI 아이콘 라이브러리.","usage":"일반 웹 UI·대시보드.","notes":"Bootstrap 컴포넌트 라이브러리 자체와는 별도 자산이다.","ecosystem":"SVG / 글꼴","aliases":"","source_url":"https://icons.getbootstrap.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An interface icon library that can also be used independently of Bootstrap.","usage":"General web interfaces and dashboards.","notes":"These are separate assets from the Bootstrap component library itself."}}},{"id":"dar-79db9491ce8f","en":"Remix Icon","ko":"Remix Icon","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"여러 기능을 선형·채움 형태로 표현하는 아이콘 세트.","usage":"업무·소비자용 웹 UI.","notes":"최신 배포 방식과 개별 패키지 지원을 확인한다.","ecosystem":"SVG / 글꼴 / 웹 UI","aliases":"","source_url":"https://remixicon.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 사이트 확인·본문 일부 제한","source_checked_on":"2026-10-28","translations":{"en":{"description":"An icon set representing functions in outline and filled forms.","usage":"Business and consumer web interfaces.","notes":"Check current distribution methods and support for individual packages."}}},{"id":"dar-f6ed9b43bd25","en":"Simple Icons","ko":"Simple Icons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 자산","description":"브랜드·서비스를 식별하는 단색 SVG 중심의 아이콘 모음.","usage":"서비스 연동·기술 스택 표시.","notes":"자산 라이선스와 별개로 해당 브랜드의 상표 정책을 확인한다.","ecosystem":"SVG / 브랜드","aliases":"","source_url":"https://simpleicons.org/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 사이트 확인·본문 일부 제한","source_checked_on":"2026-10-28","translations":{"en":{"description":"A collection of predominantly monochrome SVG icons identifying brands and services.","usage":"Service integrations and technology-stack displays.","notes":"Check the brand's trademark policy separately from the asset license."}}},{"id":"dar-d55513710379","en":"React Icons","ko":"React Icons","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 어댑터","description":"여러 아이콘 세트를 React 컴포넌트로 사용할 수 있게 묶은 패키지.","usage":"React UI의 아이콘 도입.","notes":"원본 아이콘 세트별 이용 조건과 번들 구성을 확인한다.","ecosystem":"React","aliases":"","source_url":"https://react-icons.github.io/react-icons/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A package exposing multiple icon sets as React components.","usage":"Adding icons to React interfaces.","notes":"Check terms and bundle composition for each original icon set."}}},{"id":"dar-d78aabb83744","en":"Game-icons.net","ko":"Game-icons.net","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 자산","description":"능력·무기·상태 등 게임 주제의 아이콘을 탐색하는 자산 사이트.","usage":"스킬·아이템·상태이상 아이콘.","notes":"아이콘별 저작자·표시 의무와 이용 조건을 확인한다.","ecosystem":"SVG / PNG / 게임 UI","aliases":"","source_url":"https://game-icons.net/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An asset website for game-themed icons such as abilities, weapons, and status effects.","usage":"Icons for abilities, items, and status effects.","notes":"Check each icon's creator, attribution obligations, and usage terms."}}},{"id":"dar-22c0ccc556ed","en":"QtAwesome","ko":"QtAwesome","domain":"아이콘·모션·VFX 구현","category":"아이콘 라이브러리·자산","kind":"아이콘 라이브러리","description":"아이콘 글꼴을 Qt용 아이콘으로 사용할 수 있게 하는 Python 도구.","usage":"PySide·PyQt 툴바·버튼 아이콘.","notes":"설치된 Qt 바인딩·글꼴 세트·이용 조건을 확인한다.","ecosystem":"Python / Qt","aliases":"PySide 아이콘; PyQt 아이콘; Python GUI 아이콘","source_url":"https://qtawesome.readthedocs.io/en/latest/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Python tool using icon fonts as Qt icons.","usage":"Toolbar and button icons in PySide and PyQt.","notes":"Check the installed Qt binding, font sets, and usage terms."}}},{"id":"dar-047db90fa6cd","en":"Tween.js","ko":"Tween.js","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"트위닝 라이브러리","description":"객체의 수치 속성을 시간에 따라 보간하는 트위닝 도구.","usage":"3D 파라미터·수치·커스텀 모션.","notes":"CreateJS의 TweenJS와 이름이 비슷한 별도 프로젝트다.","ecosystem":"JavaScript","aliases":"","source_url":"https://github.com/tweenjs/tween.js","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A tweening tool interpolating an object's numeric properties over time.","usage":"3D parameters, numeric values, and custom motion.","notes":"This is a separate project with a name similar to CreateJS TweenJS."}}},{"id":"dar-cfd7a460aef4","en":"CSS Animations","ko":"CSS 애니메이션","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"브라우저 스타일 기능","description":"키프레임과 재생 속성으로 스타일 애니메이션을 정의하는 기능.","usage":"반복·다단계·아이콘 모션.","notes":"CSS 언어 기능이며 JavaScript 라이브러리와 구분한다.","ecosystem":"CSS","aliases":"CSS animation; CSS 모션","source_url":"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A feature defining style animation through keyframes and playback properties.","usage":"Looping, multistage, and icon animations.","notes":"This is a CSS language feature rather than a JavaScript library."}}},{"id":"dar-524ff8053d5d","en":"Web Animations API","ko":"웹 애니메이션 API","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"브라우저 API","description":"DOM 애니메이션의 타이밍·재생·취소 등을 스크립트로 제어하는 API.","usage":"프로그래밍 가능한 웹 모션.","notes":"개별 메서드와 브라우저 지원 범위를 확인한다.","ecosystem":"JavaScript / DOM","aliases":"","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An API for controlling DOM animation timing, playback, and cancellation through scripts.","usage":"Programmable web animations.","notes":"Check support for individual methods and browsers."}}},{"id":"dar-d81c89225d25","en":"GSAP ScrollTrigger","ko":"GSAP ScrollTrigger","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"라이브러리 플러그인","description":"스크롤 위치와 애니메이션 재생·고정 등을 연결하는 GSAP 플러그인.","usage":"스크롤 스크러빙·핀 연출.","notes":"브라우저 기본 ScrollTimeline API와는 별개다.","ecosystem":"JavaScript / GSAP","aliases":"","source_url":"https://gsap.com/docs/v3/Plugins/ScrollTrigger/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A GSAP plugin connecting scroll position with animation playback, pinning, and related behavior.","usage":"Scroll scrubbing and pinned sequences.","notes":"This is distinct from the browser's native ScrollTimeline API."}}},{"id":"dar-c11c29492d08","en":"GSAP Flip","ko":"GSAP Flip","domain":"아이콘·모션·VFX 구현","category":"웹 모션 라이브러리·브라우저 API","kind":"라이브러리 플러그인","description":"상태 변경 전후 레이아웃 차이를 바탕으로 FLIP 전환을 구성하는 플러그인.","usage":"재정렬·컨테이너 이동.","notes":"일반 FLIP 기법과 특정 제품 플러그인을 구분한다.","ecosystem":"JavaScript / GSAP","aliases":"","source_url":"https://gsap.com/docs/v3/Plugins/Flip/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A plugin building FLIP transitions from layout differences before and after a state change.","usage":"Reordering and moving between containers.","notes":"Distinguish the general FLIP technique from a particular product plugin."}}},{"id":"dar-d610e1a7b919","en":"QIcon","ko":"Qt 아이콘","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"GUI API","description":"크기·상태에 맞는 아이콘 표현을 위젯에 제공하는 Qt 클래스.","usage":"버튼·메뉴·창 아이콘.","notes":"라이브러리 자체가 아니라 Qt의 API다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtGui/QIcon.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A Qt class providing widgets with icon representations appropriate to size and state.","usage":"Button, menu, and window icons.","notes":"This is a Qt API, not an independent library."}}},{"id":"dar-c32315579264","en":"QMovie","ko":"Qt 이미지 애니메이션","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"GUI API","description":"지원 이미지 형식의 프레임 애니메이션을 읽고 재생하는 Qt 클래스.","usage":"애니메이션 이미지·로딩 이미지.","notes":"범용 동영상 플레이어가 아니며 형식 지원은 플러그인에 따라 달라진다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtGui/QMovie.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A Qt class reading and playing frame animation from supported image formats.","usage":"Animated and loading images.","notes":"This is not a general-purpose video player; format support depends on plugins."}}},{"id":"dar-216fd4df4f41","en":"QSvgRenderer","ko":"Qt SVG 렌더러","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"렌더링 API","description":"SVG 데이터를 Qt의 페인팅 시스템으로 렌더링하는 클래스.","usage":"벡터 아이콘·도형.","notes":"브라우저의 모든 SVG·CSS 기능과 동일하게 동작한다고 가정하지 않는다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtSvg/QSvgRenderer.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A class rendering SVG data through Qt's painting system.","usage":"Vector icons and shapes.","notes":"Do not assume behavior matches every browser SVG and CSS feature."}}},{"id":"dar-cad76bb3cb5c","en":"QPropertyAnimation","ko":"Qt 속성 애니메이션","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"QObject 속성값을 시간에 따라 변화시키는 Qt 애니메이션 클래스.","usage":"위치·크기·사용자 정의 속성 변화.","notes":"대상 속성이 Qt 속성 체계에 맞아야 하며 GUI 이벤트 루프를 막지 않는다.","ecosystem":"Qt / PySide / PyQt","aliases":"Python GUI 모션; Python GUI 애니메이션","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtCore/QPropertyAnimation.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A Qt animation class changing QObject property values over time.","usage":"Changes in position, size, and custom properties.","notes":"The target property must fit Qt's property system. Do not block the GUI event loop."}}},{"id":"dar-ceb871dbc3be","en":"QVariantAnimation","ko":"Qt 값 애니메이션","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"지원되는 값 유형을 보간하고 값 변화 신호를 제공하는 클래스.","usage":"직접 그리는 위젯·커스텀 수치 모션.","notes":"지원하지 않는 값 유형은 보간 처리를 별도 구현해야 할 수 있다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtCore/QVariantAnimation.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A class interpolating supported value types and emitting value-change signals.","usage":"Custom-painted widgets and numeric animations.","notes":"Unsupported value types may require custom interpolation."}}},{"id":"dar-c8e6a78e4b63","en":"QEasingCurve","ko":"Qt 이징 곡선","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"Qt 애니메이션의 이징 곡선을 지정하는 클래스.","usage":"가속·감속·탄성 모션.","notes":"이징만으로 입력 중단·상태 전이가 정의되지는 않는다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtCore/QEasingCurve.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A class specifying easing curves for Qt animations.","usage":"Acceleration, deceleration, and elastic motion.","notes":"Easing alone does not define interruption or state-transition behavior."}}},{"id":"dar-eb41acf9cad9","en":"QParallelAnimationGroup","ko":"Qt 병렬 애니메이션 그룹","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"여러 애니메이션을 동시에 실행하는 그룹.","usage":"이동·크기·색 동시 변화.","notes":"하위 애니메이션의 수명·소유권·완료 조건을 확인한다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtCore/QParallelAnimationGroup.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A group executing multiple animations simultaneously.","usage":"Simultaneous changes in position, size, and color.","notes":"Check child-animation lifetimes, ownership, and completion conditions."}}},{"id":"dar-8fc8ac955ac1","en":"QSequentialAnimationGroup","ko":"Qt 순차 애니메이션 그룹","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"여러 애니메이션을 순서대로 실행하는 그룹.","usage":"단계별 등장·피드백 연출.","notes":"다음 단계 시작과 사용자 취소 처리를 함께 설계한다.","ecosystem":"Qt / PySide / PyQt","aliases":"","source_url":"https://doc.qt.io/qtforpython-6/PySide6/QtCore/QSequentialAnimationGroup.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A group executing multiple animations in sequence.","usage":"Sequential entrances and feedback.","notes":"Design the start of the next stage together with user cancellation."}}},{"id":"dar-72a848977047","en":"Qt Quick Animation","ko":"Qt Quick 애니메이션","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"UI 애니메이션 기능","description":"QML의 속성·상태·전이를 이용해 UI 모션을 구성하는 체계.","usage":"모션 중심 데스크톱·임베디드 UI.","notes":"Qt Widgets와 Qt Quick의 렌더링·구현 방식은 다르다.","ecosystem":"QML / Qt / Python 연동","aliases":"","source_url":"https://doc.qt.io/qt-6/qtquick-statesanimations-animations.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A system composing interface motion from QML properties, states, and transitions.","usage":"Motion-focused desktop and embedded interfaces.","notes":"Qt Widgets and Qt Quick use different rendering and implementation approaches."}}},{"id":"dar-2e7fc1040a82","en":"Tkinter after / Canvas","ko":"Tkinter 타이머·캔버스","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"GUI API 조합","description":"이벤트 루프의 예약 호출로 Canvas 도형 등을 갱신하는 기본 모션 구현 방식.","usage":"가벼운 GUI 애니메이션.","notes":"sleep으로 GUI 스레드를 막지 않는다. 고급 타임라인 엔진이 자동 제공되는 것은 아니다.","ecosystem":"Python / Tk","aliases":"","source_url":"https://docs.python.org/3/library/tkinter.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A basic animation approach using scheduled event-loop callbacks to update Canvas shapes or other elements.","usage":"Lightweight GUI animation.","notes":"Do not block the GUI thread with sleep. An advanced timeline engine is not automatically provided."}}},{"id":"dar-eb3e5daa2b33","en":"Kivy Animation","ko":"Kivy 애니메이션","domain":"아이콘·모션·VFX 구현","category":"Python·데스크톱 애니메이션 API","kind":"애니메이션 API","description":"위젯 속성에 시간·곡선·순서 기반 애니메이션을 적용하는 API.","usage":"터치 UI·전환·피드백.","notes":"같은 속성에 중복 애니메이션이 걸리지 않도록 관리한다.","ecosystem":"Python / Kivy","aliases":"","source_url":"https://kivy.org/doc/stable/api-kivy.animation.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An API applying duration-, easing-, and sequence-based animation to widget properties.","usage":"Touch interfaces, transitions, and feedback.","notes":"Prevent overlapping animations from competing for the same property."}}},{"id":"dar-9f5d7cf432a0","en":"Unity Particle System","ko":"Unity 파티클 시스템","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 기능","description":"모듈별 속성으로 입자의 방출·변화·표시를 구성하는 Unity 파티클 기능.","usage":"범용 게임 효과.","notes":"Visual Effect Graph와 기능·성능·워크플로가 다르다.","ecosystem":"Unity","aliases":"","source_url":"https://docs.unity3d.com/Manual/ParticleSystemModules.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Unity's particle feature configuring emission, evolution, and rendering through modules.","usage":"General-purpose game effects.","notes":"Features, performance, and workflows differ from Visual Effect Graph."}}},{"id":"dar-04d543499c7e","en":"Unity Visual Effect Graph","ko":"Unity 비주얼 이펙트 그래프","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 도구","description":"노드 그래프로 대규모 시각 효과를 제작하는 Unity 패키지.","usage":"GPU 중심 파티클·복합 효과.","notes":"렌더 파이프라인·플랫폼·패키지 버전별 지원을 확인한다.","ecosystem":"Unity / GPU VFX","aliases":"Unity VFX Graph","source_url":"https://docs.unity3d.com/Manual/VFXGraph.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A Unity package authoring large-scale visual effects through node graphs.","usage":"GPU-focused particles and complex effects.","notes":"Check support by render pipeline, platform, and package version."}}},{"id":"dar-47211aea04ef","en":"Niagara","ko":"나이아가라","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 도구","description":"시스템·이미터·모듈·파라미터로 실시간 효과를 구성하는 Unreal Engine VFX 체계.","usage":"입자·빔·리본·복합 효과.","notes":"독립 엔진이 아니라 Unreal Engine의 VFX 시스템이다.","ecosystem":"Unreal Engine","aliases":"","source_url":"https://dev.epicgames.com/documentation/en-us/unreal-engine/overview-of-niagara-effects-for-unreal-engine","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Unreal Engine's VFX system composing real-time effects from systems, emitters, modules, and parameters.","usage":"Particles, beams, ribbons, and combined effects.","notes":"This is Unreal Engine's VFX system, not an independent engine."}}},{"id":"dar-a782bd7d7812","en":"Godot GPUParticles2D / GPUParticles3D","ko":"Godot GPU 파티클","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 API","description":"GPU에서 처리하는 2D·3D 파티클 노드.","usage":"많은 입자·게임 효과.","notes":"렌더러별 충돌·트레일·기능 지원 차이를 확인한다.","ecosystem":"Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Godot nodes for GPU-processed 2D and 3D particles.","usage":"Large particle counts and game effects.","notes":"Check renderer-specific differences in collisions, trails, and other features."}}},{"id":"dar-00becb31e286","en":"Godot CPUParticles2D / CPUParticles3D","ko":"Godot CPU 파티클","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 API","description":"CPU에서 처리하는 2D·3D 파티클 노드.","usage":"프로젝트 조건에 맞는 입자 처리.","notes":"GPU 노드와 지원 속성이 완전히 같지는 않다.","ecosystem":"Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/3d/particles/index.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"Godot nodes for CPU-processed 2D and 3D particles.","usage":"Particle processing suited to project requirements.","notes":"Supported properties are not identical to those of GPU nodes."}}},{"id":"dar-30c637fa2ecd","en":"Godot AnimationPlayer","ko":"Godot 애니메이션 플레이어","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 API","description":"노드 속성·함수 호출 등 여러 트랙의 애니메이션을 재생하는 노드.","usage":"UI·오브젝트·이펙트 시퀀스.","notes":"게임 상태 로직과 애니메이션 타임라인을 적절히 분리한다.","ecosystem":"Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/introduction.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A node playing animation tracks for properties, function calls, and other targets.","usage":"UI, object, and effect sequences.","notes":"Separate gameplay state logic from animation timelines appropriately."}}},{"id":"dar-3114056908e1","en":"Godot AnimationTree","ko":"Godot 애니메이션 트리","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 API","description":"AnimationPlayer의 동작을 블렌딩·전이로 제어하는 노드.","usage":"캐릭터 상태·이동 혼합.","notes":"클립을 직접 담는 저장소가 아니라 기존 애니메이션을 제어하는 구조다.","ecosystem":"Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/tutorials/animation/animation_tree.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A node controlling AnimationPlayer animations through blending and transitions.","usage":"Character states and locomotion blending.","notes":"This controls existing animations rather than acting as a repository that directly stores clips."}}},{"id":"dar-bec5f1e84727","en":"Godot Tween","ko":"Godot 트윈","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"엔진 API","description":"코드로 속성·콜백의 시간 기반 변화를 구성하는 트위닝 기능.","usage":"동적 UI·게임 수치 모션.","notes":"Godot 버전별 생성·수명 API를 확인한다.","ecosystem":"Godot","aliases":"","source_url":"https://docs.godotengine.org/en/stable/classes/class_tween.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A tweening feature defining time-based property changes and callbacks through code.","usage":"Dynamic UI and numeric game animations.","notes":"Check creation and lifetime APIs for the Godot version in use."}}},{"id":"dar-da920940e9ea","en":"Effekseer","ko":"에펙시어","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"이펙트 제작 도구·런타임","description":"게임용 파티클 효과를 제작하고 여러 실행 환경에 연결하는 도구.","usage":"전투·마법·2D·3D 효과 제작.","notes":"에디터와 엔진별 런타임·플러그인의 호환성을 확인한다.","ecosystem":"게임 / 다중 엔진","aliases":"","source_url":"https://effekseer.github.io/en/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A tool authoring game particle effects and integrating them with multiple runtimes.","usage":"Creating combat, magic, 2D, and 3D effects.","notes":"Check compatibility between the editor and engine-specific runtimes or plugins."}}},{"id":"dar-76dde5a11abe","en":"PopcornFX","ko":"PopcornFX","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"VFX 미들웨어","description":"효과 에디터·시뮬레이션·런타임·엔진 연동을 제공하는 VFX 제품군.","usage":"전문 실시간 이펙트 파이프라인.","notes":"에디터·SDK·통합별 계약과 지원 환경을 확인한다.","ecosystem":"실시간 게임 / 엔진 연동","aliases":"","source_url":"https://www.popcornfx.com/","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A VFX product family providing an effect editor, simulation, runtimes, and engine integrations.","usage":"Professional real-time effects pipelines.","notes":"Check contracts and supported environments for the editor, SDK, and integrations."}}},{"id":"dar-1fe34befebc8","en":"three.quarks","ko":"three.quarks","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"VFX 라이브러리","description":"Three.js 환경에서 파티클·트레일 등의 효과를 구성하는 라이브러리.","usage":"웹 3D·게임·인터랙티브 VFX.","notes":"Quarks 웹 서비스와 라이브러리의 기능·이용 조건을 구분한다.","ecosystem":"JavaScript / Three.js","aliases":"","source_url":"https://github.com/Alchemist0823/three.quarks","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A library building particle, trail, and related effects in Three.js.","usage":"Web 3D, games, and interactive VFX.","notes":"Distinguish the features and usage terms of the Quarks web service from the library."}}},{"id":"dar-e19e6b1ebdb6","en":"Three.js TransformControls","ko":"Three.js 변환 컨트롤","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"3D 조작 API","description":"3D 오브젝트의 위치·회전·크기를 조작하는 애드온 컨트롤.","usage":"웹 3D 편집기 기즈모.","notes":"카메라를 움직이는 OrbitControls와 역할이 다르다.","ecosystem":"JavaScript / Three.js","aliases":"","source_url":"https://threejs.org/docs/pages/TransformControls.html","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"An add-on control for manipulating a 3D object's position, rotation, and scale.","usage":"Gizmos for web 3D editors.","notes":"Its role differs from OrbitControls, which moves the camera."}}},{"id":"dar-ca4e3ba5d71c","en":"drei GizmoHelper","ko":"drei 기즈모 헬퍼","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"3D UI 컴포넌트","description":"뷰포트 방향 기즈모 등의 배치·상호작용을 돕는 drei 컴포넌트.","usage":"웹 3D 시점 안내.","notes":"오브젝트 변환용 TransformControls와 구분한다.","ecosystem":"React Three Fiber","aliases":"","source_url":"https://drei.docs.pmnd.rs/gizmos/gizmo-helper","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A drei component supporting placement and interaction of viewport orientation gizmos.","usage":"Web 3D orientation guides.","notes":"Distinguish this from TransformControls used for object transformations."}}},{"id":"dar-8e1c457cc157","en":"ImGuizmo","ko":"ImGuizmo","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"기즈모 라이브러리","description":"Dear ImGui 기반 도구에 3D 변환 기즈모 등을 제공하는 라이브러리.","usage":"자체 엔진·편집기.","notes":"카메라·행렬·좌표계 설정을 사용하는 렌더러와 맞춰야 한다.","ecosystem":"C++ / Dear ImGui","aliases":"","source_url":"https://github.com/CedricGuillemet/ImGuizmo","source_scope":"공식 프로젝트·API 문서","source_status":"공식 참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"A library providing 3D transformation gizmos for Dear ImGui-based tools.","usage":"Custom engines and editors.","notes":"Match camera, matrix, and coordinate-system settings to the renderer."}}},{"id":"dar-78a21d915700","en":"PixiJS ParticleContainer","ko":"PixiJS 파티클 컨테이너","domain":"아이콘·모션·VFX 구현","category":"게임 VFX·기즈모·애니메이션 도구","kind":"렌더링 API","description":"다수의 입자형 그래픽을 효율적으로 그리기 위한 컨테이너.","usage":"2D 웹 효과·다수 스프라이트.","notes":"자체 방출·물리 시뮬레이션을 모두 제공하는 파티클 엔진과는 구분한다.","ecosystem":"JavaScript / PixiJS","aliases":"","source_url":"https://pixijs.com/8.x/guides/components/scene-objects/particle-container","source_scope":"공식 프로젝트·API 문서","source_status":"공식 링크 수록·개별 본문 미확인","source_checked_on":"","translations":{"en":{"description":"A container designed to efficiently draw large numbers of particle-like graphics.","usage":"2D web effects and large numbers of sprites.","notes":"Distinguish this from a particle engine providing emission and physics simulation itself."}}},{"id":"dar-0382e7262662","en":"Default State","ko":"기본 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"특별한 상호작용이나 예외가 없는 기본 표현 상태.","usage":"버튼·메뉴·입력 컴포넌트 기준.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The baseline presentation state without a special interaction or exception.","usage":"Baseline states for buttons, menus, and input components.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-32bd194a5206","en":"Checked State","ko":"체크 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"체크박스·라디오 등 체크 가능한 컨트롤이 선택된 상태.","usage":"선택·설정 항목.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The selected state of a checkable control, such as a checkbox or radio button.","usage":"Selection and settings items.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-8f1566e91393","en":"Unchecked State","ko":"미체크 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"체크 가능한 컨트롤이 체크되지 않은 상태.","usage":"선택 해제·옵션 기본값.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The unselected state of a checkable control.","usage":"Deselection and default option values.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-686ad157ec68","en":"Mixed State","ko":"혼합 선택 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"묶인 하위 항목이 일부만 선택된 상태.","usage":"전체 선택 체크박스.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which only some associated child items are selected.","usage":"Select-all checkboxes.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-af489c77c3d3","en":"Busy State","ko":"처리 중 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"현재 업데이트나 작업을 처리하고 있는 상태.","usage":"데이터 영역·저장 버튼.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state of currently processing an update or operation.","usage":"Data regions and save buttons.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-098754bc0b73","en":"Expanded State","ko":"펼침 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"연결된 하위 내용이나 패널이 열려 있는 상태.","usage":"아코디언·메뉴·트리.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which associated child content or a panel is open.","usage":"Accordions, menus, and trees.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-52dd37cefbd6","en":"Collapsed State","ko":"접힘 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"하위 내용이 접혀 있거나 닫힌 상태.","usage":"트리·상세 패널.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which child content is folded away or closed.","usage":"Trees and detail panels.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-d81cf897bdb5","en":"Dragging State","ko":"드래그 중 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"대상을 끌어 이동·재정렬하는 상호작용이 진행 중인 상태.","usage":"카드·파일·캔버스 객체.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state during an interaction that drags an item to move or reorder it.","usage":"Cards, files, and canvas objects.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-938a261d1067","en":"Drop Target State","ko":"놓기 대상 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"끌고 있는 항목을 받을 영역으로 활성화된 상태.","usage":"업로드·보드·편집기 배치.","notes":"하나의 요소에 포커스·선택·오류 등 여러 상태가 동시에 존재할 수 있다. 각 상태의 의미와 시각 우선순위를 분리한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The active state of a region that can receive the item being dragged.","usage":"Uploads, boards, and editor placement.","notes":"An element can have focus, selection, error, and other states simultaneously. Separate their meanings and visual priorities."}}},{"id":"dar-734ed65c86f0","en":"Invalid State","ko":"유효하지 않은 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"입력값이 적용된 검증 규칙을 충족하지 못한 상태.","usage":"폼 검증.","notes":"오류 이유와 수정 방법을 함께 제공한다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which an input fails its applicable validation rules.","usage":"Form validation.","notes":"Provide both the reason for an error and how to correct it."}}},{"id":"dar-d49fcf414361","en":"Valid State","ko":"유효 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"입력값이 지정한 검증 범위를 통과한 상태.","usage":"입력 검증 피드백.","notes":"클라이언트 형식 검증이 서버 저장 성공까지 보증하지는 않는다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state in which an input passes the specified validation scope.","usage":"Input validation feedback.","notes":"Client-side format validation does not guarantee successful server storage."}}},{"id":"dar-7ab541f81a95","en":"Visited State","ko":"방문 상태","domain":"아이콘·상태 표시","category":"컨트롤 상호작용 상태","kind":"용어·패턴","description":"사용자가 이전에 방문한 링크에 적용되는 상태.","usage":"링크 내비게이션.","notes":"브라우저 개인정보 보호로 사용 가능한 스타일·조회 동작이 제한될 수 있다.","ecosystem":"","aliases":"","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/","source_scope":"분야 참고문서","source_status":"참고 내용 열람","source_checked_on":"2026-10-28","translations":{"en":{"description":"The state applied to a link that the user has visited previously.","usage":"Link navigation.","notes":"Browser privacy protections may restrict available styling and inspection behavior."}}},{"id":"atlas-ce2f8a00ad76","en":"Horizontal Bar Chart","ko":"가로 막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"범주를 세로축에, 값을 가로 방향 길이에 대응시킵니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"긴 범주명이나 순위 비교에 유용합니다. 막대 길이 기준은 0으로 유지하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places categories on the vertical axis and encodes values as horizontal lengths.","notes":"Useful for long labels and ranking; preserve a zero baseline for lengths.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Useful for long labels and ranking; preserve a zero baseline for lengths."}},"live_key":"g36-horizontal","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-f32964cc47ef","en":"Grouped Bar Chart","ko":"그룹 막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"한 범주 안에 여러 계열의 막대를 나란히 배치합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"합계보다 계열 간 직접 비교에 적합합니다. 누적 막대와 구분합니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places series side by side within each category.","notes":"Supports direct series comparison rather than totals, unlike stacked bars.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Supports direct series comparison rather than totals, unlike stacked bars."}},"live_key":"g36-grouped","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-d83488b8cea3","en":"100% Stacked Bar Chart","ko":"100% 누적 막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"각 범주의 합계를 100%로 맞춰 구성비를 비교합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"전체 규모 차이는 사라집니다. 합계도 함께 제공하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Normalizes each category to 100% to compare composition.","notes":"Absolute size differences disappear; provide totals separately.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Absolute size differences disappear; provide totals separately."}},"live_key":"g36-hundred","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-15c351fd2559","en":"Diverging Bar Chart","ko":"발산형 막대 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"기준값을 중심으로 음수와 양수 또는 반대 응답을 나눕니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"중앙이 0인지 중립 응답인지 명확히 표시하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Extends values on opposite sides of a meaningful baseline.","notes":"State whether the center represents zero or a neutral response.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"State whether the center represents zero or a neutral response."}},"live_key":"g36-diverging","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-a191e871fa94","en":"Lollipop Chart","ko":"롤리팝 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"값의 위치를 점으로, 기준선까지의 거리를 얇은 선으로 나타냅니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"막대보다 시각적 밀도를 낮추지만 작은 점은 읽기 어려울 수 있습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses a dot for value and a thin stem to the baseline.","notes":"Lighter than bars, but small markers may be harder to read.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Lighter than bars, but small markers may be harder to read."}},"live_key":"g36-lollipop","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-317e4bc491a5","en":"Dot Plot","ko":"점 도표","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"공통 척도 위의 점 위치로 범주별 값을 비교합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"산점도는 두 수치 변수의 관계이고, 여기서는 범주와 값의 비교입니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares category values using dot positions on a shared scale.","notes":"Unlike a scatterplot, this compares categories against a quantitative scale.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Unlike a scatterplot, this compares categories against a quantitative scale."}},"live_key":"g36-dot","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-d993153db845","en":"Dumbbell Chart","ko":"덤벨 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"한 범주의 두 값을 점 두 개와 연결선으로 비교합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"연결선은 두 값의 차이이며 시간 사이의 경로를 뜻하지 않습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Connects two values per category to emphasize their difference.","notes":"The connector encodes a difference, not an observed path between times.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"The connector encodes a difference, not an observed path between times."}},"live_key":"g36-dumbbell","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-f902adf7e6a6","en":"Slope Chart","ko":"슬로프 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"두 시점의 값을 좌우에 배치하고 같은 대상을 선으로 잇습니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"변화 방향과 순위 이동에 적합하며 중간 시점은 보여주지 않습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Connects each entity across two time points to show change.","notes":"Highlights change and rank shifts, without showing intermediate observations.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Highlights change and rank shifts, without showing intermediate observations."}},"live_key":"g36-slope","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-967b7733b051","en":"Bump Chart","ko":"범프 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"여러 시점에서 대상의 순위가 어떻게 바뀌는지 보여줍니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"축은 실제 수치가 아니라 순위입니다. 1위의 방향을 표시하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Tracks changes in rank over multiple time points.","notes":"The axis represents ranks, not magnitudes; label the direction of rank 1.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"The axis represents ranks, not magnitudes; label the direction of rank 1."}}},{"id":"atlas-890ee2c5ddde","en":"Bullet Chart","ko":"불릿 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"실적 막대, 목표 표식, 성과 구간을 한 줄에 결합합니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"목표선과 배경 구간의 의미가 다릅니다. 게이지보다 공간을 적게 씁니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combines an actual-value bar, a target marker and performance bands.","notes":"Target markers and background bands have different meanings.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Target markers and background bands have different meanings."}},"live_key":"g36-bullet","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-b8369347b8a8","en":"Pareto Chart","ko":"파레토 차트","domain":"데이터 시각화","category":"비교·순위 차트","kind":"용어·패턴","description":"내림차순 막대와 누적 비율 선으로 주요 기여 항목을 찾습니다.","usage":"비교·순위 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"막대는 원래 단위, 선은 누적 비율입니다. 두 척도를 구분하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Pairs descending bars with a cumulative percentage line.","notes":"Bars use the original unit while the line uses cumulative percent.","usage":"Use when designing comparison & ranking and selecting analytical visualizations.","difference":"Bars use the original unit while the line uses cumulative percent."}},"live_key":"g36-pareto","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-3073b62ad7f1","en":"Multi-series Line Chart","ko":"다중 선 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"같은 시간축에서 여러 계열의 추세를 비교합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"계열이 많으면 직접 레이블이나 강조 선택을 사용하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares several series on a shared time axis.","notes":"Use direct labels or selective highlighting when many series overlap.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Use direct labels or selective highlighting when many series overlap."}},"live_key":"g36-multiline","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-a7adae955f5a","en":"Step Chart","ko":"계단 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"관측 시점 사이에 값이 일정하다가 바뀌는 상태를 계단으로 표시합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"재고·요금처럼 구간 내 값이 유지될 때 적합합니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows a value holding steady until it changes at an event.","notes":"Appropriate for quantities that remain constant between changes.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Appropriate for quantities that remain constant between changes."}},"live_key":"g36-step","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-151ab8dcf99a","en":"Stacked Area Chart","ko":"누적 영역 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"시간별 전체 규모와 여러 계열의 기여도를 누적 면적으로 보여줍니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"가운데 계열은 위치 변화와 크기 변화를 혼동하기 쉽습니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows total size and series contributions over time as stacked areas.","notes":"Middle layers are harder to compare because their baseline moves.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Middle layers are harder to compare because their baseline moves."}},"live_key":"g36-stackedarea","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-bbbab3f34b7b","en":"Streamgraph","ko":"스트림그래프","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"여러 시간 계열을 움직이는 중심선 주위의 유기적 층으로 표현합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"패턴 탐색에 쓰지만 정확한 값 비교에는 덜 적합합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Arranges time-series layers around a varying central baseline.","notes":"Useful for pattern exploration, less suitable for exact comparisons.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Useful for pattern exploration, less suitable for exact comparisons."}}},{"id":"atlas-02dc6395c2fe","en":"Combo Chart","ko":"혼합 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"막대와 선 등 서로 다른 표식을 하나의 좌표계에 결합합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"보조 축 사용 시 단위와 척도를 반드시 구분하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Combines marks such as bars and lines in one coordinate system.","notes":"Clearly distinguish units and scales when using a secondary axis.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Clearly distinguish units and scales when using a secondary axis."}}},{"id":"atlas-62957520fdb6","en":"Candlestick Chart","ko":"캔들스틱 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"기간의 시가·고가·저가·종가를 몸통과 심지로 표현합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"몸통은 시가·종가 범위이고 심지는 고가·저가 범위입니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses a body and wick to encode open, high, low and close.","notes":"The body spans open to close; the wick spans low to high.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"The body spans open to close; the wick spans low to high."}}},{"id":"atlas-12ad69ea2ecf","en":"OHLC Chart","ko":"OHLC 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"수직 범위선과 좌우 눈금으로 시가·고가·저가·종가를 표시합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"캔들스틱과 같은 정보를 몸통 없이 표시합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows open, high, low and close with a range line and side ticks.","notes":"Encodes the same four values as a candlestick without a filled body.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Encodes the same four values as a candlestick without a filled body."}}},{"id":"atlas-fa0e97787233","en":"Gantt Chart","ko":"간트 차트","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"작업별 시작과 종료 시점을 시간축 위의 가로 막대로 표시합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"작업 길이는 기간이며 실적 크기가 아닙니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places task intervals as horizontal bars on a time axis.","notes":"Bar length represents duration, not a performance magnitude.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"Bar length represents duration, not a performance magnitude."}}},{"id":"atlas-50c4cd49a798","en":"Event Timeline","ko":"이벤트 타임라인","domain":"데이터 시각화","category":"추세·시간 차트","kind":"용어·패턴","description":"시간축에 사건의 시점과 내용을 표시합니다.","usage":"추세·시간 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"간트는 기간을, 이벤트 타임라인은 사건 시점을 강조합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places discrete events and descriptions along a timeline.","notes":"A Gantt chart emphasizes intervals; an event timeline emphasizes points in time.","usage":"Use when designing trends & time and selecting analytical visualizations.","difference":"A Gantt chart emphasizes intervals; an event timeline emphasizes points in time."}}},{"id":"atlas-b32dc489fba8","en":"Histogram","ko":"히스토그램","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"연속 수치를 구간으로 나누고 구간별 관측 빈도를 표시합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"막대 차트와 달리 구간 폭과 경계가 해석에 영향을 줍니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Bins quantitative observations and shows the frequency per interval.","notes":"Unlike categorical bars, bin widths and boundaries affect interpretation.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Unlike categorical bars, bin widths and boundaries affect interpretation."}},"live_key":"g36-hist","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-654615fe56eb","en":"Box Plot","ko":"상자수염 그림","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"중앙값과 사분위 범위, 수염, 이상치를 요약합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"수염이 최소·최대인지 1.5 IQR 규칙인지 명시하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Summarizes a median, quartiles, whiskers and outliers.","notes":"Specify whether whiskers are min–max or follow the 1.5 IQR rule.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Specify whether whiskers are min–max or follow the 1.5 IQR rule."}},"live_key":"g36-box","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-1b41184b1942","en":"Violin Plot","ko":"바이올린 플롯","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"추정 분포 밀도를 좌우 폭으로 나타내는 대칭 도형입니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"폭은 관측 빈도 원본이 아니라 추정 밀도입니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses a symmetric density silhouette to show a distribution.","notes":"Width represents estimated density, not raw counts.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Width represents estimated density, not raw counts."}}},{"id":"atlas-e44629addc47","en":"Density Plot","ko":"밀도 곡선","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"수치 분포의 추정 확률 밀도를 연속 곡선으로 보여줍니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"평활 정도에 따라 봉우리 수가 달라질 수 있습니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows an estimated probability density as a continuous curve.","notes":"Smoothing choices can change the apparent number of modes.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Smoothing choices can change the apparent number of modes."}}},{"id":"atlas-c9d66192fe40","en":"ECDF Plot","ko":"경험적 누적분포","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"어떤 값 이하인 관측치의 비율을 누적해서 표시합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"세로축은 개별 빈도가 아니라 누적 비율입니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows the proportion of observations at or below each value.","notes":"The vertical axis is cumulative proportion, not individual frequency.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"The vertical axis is cumulative proportion, not individual frequency."}},"live_key":"g36-ecdf","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-21ddbaacfbcf","en":"Strip Plot","ko":"스트립 플롯","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"개별 관측치를 한 수치축 위에 점으로 배치합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"겹침이 많으면 지터나 비스웜 배치를 고려하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places individual observations along a quantitative axis.","notes":"Use jitter or a beeswarm layout to reduce overlap.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Use jitter or a beeswarm layout to reduce overlap."}}},{"id":"atlas-271e591f7bbf","en":"Beeswarm Plot","ko":"비스웜 플롯","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"수치 위치는 유지하면서 점이 겹치지 않도록 옆으로 분산합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"옆으로 퍼진 거리는 별도의 변수가 아닙니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Offsets points to avoid overlap while preserving quantitative position.","notes":"The perpendicular offset is not a separate variable.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"The perpendicular offset is not a separate variable."}}},{"id":"atlas-8c768c00ce03","en":"Ridgeline Plot","ko":"리지라인 플롯","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"여러 그룹의 분포 곡선을 세로로 겹쳐 비교합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"겹침이 과도하면 분포의 작은 차이가 가려집니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Stacks partially overlapping distributions for multiple groups.","notes":"Excessive overlap can hide distribution differences.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Excessive overlap can hide distribution differences."}}},{"id":"atlas-2110b693110b","en":"Error Bar Chart","ko":"오차 막대 차트","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"점 추정치 주변에 불확실성 구간을 선으로 표시합니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"신뢰구간·표준오차·표준편차를 혼용하지 말고 정의하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adds uncertainty intervals around point estimates.","notes":"Define whether intervals are confidence intervals, standard errors or deviations.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Define whether intervals are confidence intervals, standard errors or deviations."}}},{"id":"atlas-5eab9ae2b06c","en":"Confidence Band","ko":"신뢰구간 밴드","domain":"데이터 시각화","category":"분포·통계 차트","kind":"용어·패턴","description":"추정 선 주변에 불확실성 범위를 띠로 보여줍니다.","usage":"분포·통계 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"예측구간과 신뢰구간은 의미가 다르므로 표기해야 합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows an uncertainty band around an estimated line.","notes":"Confidence intervals and prediction intervals are not interchangeable.","usage":"Use when designing distribution & statistics and selecting analytical visualizations.","difference":"Confidence intervals and prediction intervals are not interchangeable."}}},{"id":"atlas-da3c321fd1be","en":"Bubble Chart","ko":"버블 차트","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"산점도의 점 면적에 세 번째 변수의 크기를 추가합니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"반지름이 아닌 면적을 값에 비례시키는지 확인하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adds a third quantitative variable through marker area.","notes":"Scale area, not radius, proportionally to the value.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"Scale area, not radius, proportionally to the value."}},"live_key":"g36-bubble","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-5f4345e015ce","en":"Connected Scatterplot","ko":"연결 산점도","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"두 변수의 관측 위치를 시간 순서로 연결합니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"연결 방향과 시간 순서를 별도로 알려줘야 합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Connects observations in time order across two quantitative axes.","notes":"Provide explicit direction and time ordering.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"Provide explicit direction and time ordering."}}},{"id":"atlas-419215f7256c","en":"Correlation Matrix","ko":"상관행렬","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"변수 쌍의 상관계수를 대칭 행렬로 보여줍니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"대각선은 자기 상관이며 상관의 부호와 크기를 구분합니다.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Displays pairwise correlation coefficients in a symmetric matrix.","notes":"The diagonal is self-correlation; distinguish sign from strength.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"The diagonal is self-correlation; distinguish sign from strength."}},"live_key":"g36-corr","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-86a3d20f751c","en":"Scatterplot Matrix","ko":"산점도 행렬","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"변수의 모든 조합을 작은 산점도로 나눠 배치합니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"상관행렬은 계수 요약이고 이 화면은 개별 관측 분포입니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Arranges pairwise variable combinations as small scatterplots.","notes":"Unlike a correlation matrix, it shows observation-level distributions.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"Unlike a correlation matrix, it shows observation-level distributions."}}},{"id":"atlas-d14cc1da03e9","en":"Parallel Coordinates","ko":"평행좌표","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"각 변수를 평행축으로 배치하고 한 관측치를 여러 축을 잇는 선으로 표시합니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"축별 척도와 축 순서가 패턴 인식에 영향을 줍니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Represents each observation as a line crossing parallel variable axes.","notes":"Axis scales and ordering affect perceived patterns.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"Axis scales and ordering affect perceived patterns."}}},{"id":"atlas-d8bbf4a8d8bd","en":"Radar Chart","ko":"레이더 차트","domain":"데이터 시각화","category":"관계·다변량 차트","kind":"용어·패턴","description":"여러 지표를 방사형 축에 배치하고 값을 다각형으로 연결합니다.","usage":"관계·다변량 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"축 순서에 따라 면적이 달라지므로 면적을 점수로 해석하지 마세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places multiple measures on radial axes and connects their values.","notes":"Polygon area changes with axis order; do not treat it as a score.","usage":"Use when designing relationships & multivariate and selecting analytical visualizations.","difference":"Polygon area changes with axis order; do not treat it as a score."}},"live_key":"g36-radar","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-c57d7fce9069","en":"Waffle Chart","ko":"와플 차트","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"같은 크기의 격자 셀을 채워 전체 대비 비율을 보여줍니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"100칸이라면 한 칸이 1%입니다. 반올림 규칙을 정하세요.","ecosystem":"","aliases":"atlasv36 atlaslive","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Fills equal-sized grid cells to show proportions.","notes":"With 100 cells, each cell is 1%; document rounding.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","difference":"With 100 cells, each cell is 1%; document rounding."}},"live_key":"g36-waffle","revision":"3.6.0","implementation":{"version":"3.6.0","engine":"Native SVG + JavaScript","scope":"Editable synthetic chart study","api_reference":"https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/Scripting"}},{"id":"atlas-bfc7b429219c","en":"Sunburst Chart","ko":"선버스트 차트","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"계층의 깊이를 동심 고리로, 구성비를 각도로 표시합니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"같은 계층 안의 비율과 부모·자식 관계를 함께 보여줍니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Encodes hierarchy depth as concentric rings and composition as angles.","notes":"Shows proportions within a level and parent–child relationships.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","difference":"Shows proportions within a level and parent–child relationships."}}},{"id":"atlas-0aff1e9c2f43","en":"Icicle Chart","ko":"아이시클 차트","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"계층 깊이에 따라 사각형 띠를 층층이 쌓습니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"선버스트의 직교 좌표 대안으로 부모 폭 안에 자식이 들어갑니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Stacks rectangular layers to show hierarchical depth.","notes":"A Cartesian alternative to a sunburst, with children inside parent widths.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","difference":"A Cartesian alternative to a sunburst, with children inside parent widths."}}},{"id":"atlas-91215ccea7a4","en":"Circle Packing","ko":"원 패킹","domain":"데이터 시각화","category":"구성비·계층 차트","kind":"용어·패턴","description":"계층의 포함 관계를 중첩된 원으로 표현합니다.","usage":"구성비·계층 차트 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"빈 공간이 있어 면적의 전체 합을 파이처럼 해석하면 안 됩니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses nested circles to show containment in a hierarchy.","notes":"Gaps mean the layout is not a space-filling pie-like partition.","usage":"Use when designing composition & hierarchy and selecting analytical visualizations.","difference":"Gaps mean the layout is not a space-filling pie-like partition."}}},{"id":"atlas-6a880ce58db4","en":"Sankey Diagram","ko":"생키 다이어그램","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"노드 사이를 이동하는 양을 흐름 띠의 폭으로 나타냅니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"이동량과 단계별 잔량의 집계 기준이 일치해야 합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Encodes quantities moving between nodes as flow-band widths.","notes":"Flow and node totals need consistent aggregation rules.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","difference":"Flow and node totals need consistent aggregation rules."}}},{"id":"atlas-7fdb25808775","en":"Alluvial Diagram","ko":"앨루비얼 다이어그램","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"여러 범주 단계 사이에서 집단이 분할·결합되는 흐름을 보여줍니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"생키와 겹치는 표현이지만 여기서는 단계별 범주 소속을 강조합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows groups splitting and merging across categorical stages.","notes":"Related to Sankey diagrams; this example emphasizes categorical membership across stages.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","difference":"Related to Sankey diagrams; this example emphasizes categorical membership across stages."}}},{"id":"atlas-40883b5b14be","en":"Chord Diagram","ko":"코드 다이어그램","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"원 둘레의 그룹 사이 관계 크기를 내부 연결 띠로 표현합니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"관계가 많으면 복잡해지므로 방향·중복 합산 규칙을 표시하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places groups around a circle and connects them with weighted ribbons.","notes":"Many links become cluttered; explain direction and counting rules.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","difference":"Many links become cluttered; explain direction and counting rules."}}},{"id":"atlas-b5b8b69825ec","en":"Network Graph","ko":"네트워크 그래프","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"대상은 노드로, 관계는 연결선으로 표현합니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"레이아웃의 거리가 실제 관계 거리인지 단순 배치인지 구분하세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Represents entities as nodes and relationships as edges.","notes":"Distinguish meaningful distances from layout-only spacing.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","difference":"Distinguish meaningful distances from layout-only spacing."}}},{"id":"atlas-ee4ed86c51a7","en":"Node-link Tree","ko":"노드 링크 트리","domain":"데이터 시각화","category":"흐름·전환·연결","kind":"용어·패턴","description":"루트에서 자식으로 이어지는 계층을 연결선으로 보여줍니다.","usage":"흐름·전환·연결 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"일반 네트워크와 달리 트리 구조의 부모·자식 관계를 강조합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows parent–child hierarchy as a rooted node-link structure.","notes":"Unlike a general network, it emphasizes tree-structured parenthood.","usage":"Use when designing flow, conversion & networks and selecting analytical visualizations.","difference":"Unlike a general network, it emphasizes tree-structured parenthood."}}},{"id":"atlas-49bca5e3e40e","en":"Calendar Heatmap","ko":"캘린더 히트맵","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"달력의 날짜 셀에 값의 크기를 색으로 표시합니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"일반 행렬과 달리 요일·주·월의 시간 구조가 중요합니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Uses calendar-aligned cells to encode daily values by color.","notes":"Weekday, week and month structure distinguish it from a generic matrix.","usage":"Use when designing matrices & density and selecting analytical visualizations.","difference":"Weekday, week and month structure distinguish it from a generic matrix."}}},{"id":"atlas-d26d848cee1a","en":"Cohort Retention Heatmap","ko":"코호트 리텐션 히트맵","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"같은 시기에 유입된 집단의 경과 기간별 유지율을 보여줍니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"아직 관측되지 않은 미래 셀을 0%로 표시하지 마세요.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows retention by elapsed period for groups acquired at the same time.","notes":"Unobserved future periods are not zero retention.","usage":"Use when designing matrices & density and selecting analytical visualizations.","difference":"Unobserved future periods are not zero retention."}}},{"id":"atlas-af47ad2de749","en":"2D Histogram","ko":"2차원 히스토그램","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"두 수치축을 구간화하고 각 격자의 관측 빈도를 보여줍니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"산점도의 점이 많은 경우 밀도를 요약하며 축은 수치 구간입니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Bins two numerical axes and shows observation counts per cell.","notes":"Summarizes dense scatterplots; axes represent numerical intervals.","usage":"Use when designing matrices & density and selecting analytical visualizations.","difference":"Summarizes dense scatterplots; axes represent numerical intervals."}}},{"id":"atlas-3dab8d271823","en":"Hexbin Plot","ko":"헥스빈 플롯","domain":"데이터 시각화","category":"행렬·시간·공간 밀도","kind":"용어·패턴","description":"수치 평면을 육각형 구간으로 나눠 관측 밀도를 집계합니다.","usage":"행렬·시간·공간 밀도 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"셀의 색은 집계값이고 개별 점을 그대로 보여주는 것이 아닙니다.","ecosystem":"","aliases":"","source_url":"https://vega.github.io/vega-lite/examples/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aggregates point density in hexagonal bins.","notes":"Cell color encodes aggregation, not individual observations.","usage":"Use when designing matrices & density and selecting analytical visualizations.","difference":"Cell color encodes aggregation, not individual observations."}}},{"id":"atlas-9b94a110c03d","en":"Target vs Actual","ko":"목표 대비 실적","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"설정한 목표와 현재 실적을 같은 척도에서 비교합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"목표 초과값을 100%에서 잘라내지 않도록 설계하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Compares a target with actual results on a common scale.","notes":"Do not silently clip values that exceed the target.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Do not silently clip values that exceed the target."}}},{"id":"atlas-25d3b0e81c22","en":"Small Multiples","ko":"스몰 멀티플","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"같은 형태의 작은 차트를 그룹마다 반복해 비교합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"차트마다 축 범위가 다르면 비교가 왜곡될 수 있습니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Repeats the same chart form across groups for comparison.","notes":"Different axis ranges can distort comparisons.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Different axis ranges can distort comparisons."}}},{"id":"atlas-4be34d5e8f02","en":"Benchmark Line","ko":"벤치마크 기준선","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"목표·평균·기준값을 차트 위에 참조선으로 표시합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"어떤 기간과 모집단으로 계산한 기준인지 설명하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adds a reference line for a target, average or benchmark.","notes":"Explain the population and period behind the reference.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Explain the population and period behind the reference."}}},{"id":"atlas-90fc9a9cb517","en":"Anomaly Annotation","ko":"이상치 주석","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"추세에서 벗어난 관측값에 설명과 근거를 붙입니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"눈에 띄는 값이 곧 통계적 이상치라는 의미는 아닙니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Annotates observations that deviate from an expected pattern.","notes":"A visually unusual value is not automatically a statistical anomaly.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"A visually unusual value is not automatically a statistical anomaly."}}},{"id":"atlas-a67f68b6ee9f","en":"Data Freshness Indicator","ko":"데이터 최신성 표시","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"마지막 수집·갱신 시점을 표시해 데이터의 시의성을 알립니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"화면 로드 시각과 원본 데이터 갱신 시각을 구분하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows collection or refresh timestamps to communicate freshness.","notes":"Distinguish page-load time from source-data freshness.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Distinguish page-load time from source-data freshness."}}},{"id":"atlas-3321e2bb8003","en":"Empty Chart State","ko":"차트 빈 상태","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"조회 조건에 맞는 데이터가 없음을 차트 영역 안에서 설명합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"0값 데이터, 권한 없음, 로딩 실패와 구분하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Explains that no data matches the current chart query.","notes":"Distinguish no data from zero values, lack of access and failure.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Distinguish no data from zero values, lack of access and failure."}}},{"id":"atlas-beaca3da8320","en":"Stale Data State","ko":"오래된 데이터 상태","domain":"분석 UI·UX","category":"분석 대시보드·지표","kind":"용어·패턴","description":"갱신 실패나 지연 시 마지막 성공 데이터를 경고와 함께 유지합니다.","usage":"분석 대시보드·지표 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"현재 값처럼 보이지 않도록 기준 시각과 경고를 함께 표시하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Retains the last successful data while indicating a refresh problem.","notes":"Show the data timestamp and warning so old values do not look current.","usage":"Use when designing dashboards & metrics and selecting analytical visualizations.","difference":"Show the data timestamp and warning so old values do not look current."}}},{"id":"atlas-8e29f755e9b5","en":"Interactive Legend","ko":"인터랙티브 범례","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"범례에서 계열을 강조하거나 표시·숨김할 수 있게 합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"숨김 상태를 색만이 아니라 기호·레이블로도 알려주세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Allows users to highlight or toggle series from the legend.","notes":"Communicate hidden states with symbols or labels as well as color.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Communicate hidden states with symbols or labels as well as color."}}},{"id":"atlas-df2d0f545021","en":"Crosshair Cursor","ko":"십자선 커서","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"같은 좌표를 따라 수평·수직 기준선을 표시합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"일반 포인터 아이콘과 달리 축 읽기를 돕는 분석 보조선입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Adds horizontal and vertical guide lines at a chart position.","notes":"These are axis-reading guides, not merely a pointer icon.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"These are axis-reading guides, not merely a pointer icon."}}},{"id":"atlas-a64acd417702","en":"Brushing","ko":"브러시 선택","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"차트 위에 영역을 그려 범위 안의 관측값을 선택합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"선택과 데이터 제거는 다릅니다. 선택 해제 수단을 제공하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selects observations by drawing a region on a chart.","notes":"Selection is not deletion; provide a clear reset action.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Selection is not deletion; provide a clear reset action."}}},{"id":"atlas-220c2ef0fcda","en":"Linked Highlighting","ko":"연결 강조","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"한 차트의 선택 대상을 다른 차트에서도 강조합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"교차 필터링은 비선택 데이터를 제외하고, 연결 강조는 남겨둡니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Highlights matching records across views without removing other records.","notes":"Cross-filtering removes nonmatching data; highlighting leaves it visible.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Cross-filtering removes nonmatching data; highlighting leaves it visible."}}},{"id":"atlas-ddf4376c2698","en":"Drill-through","ko":"드릴스루","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"선택한 대상의 조건을 유지하며 별도 상세 보고서로 이동합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"같은 차트의 계층을 바꾸는 드릴다운과 구분합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Opens a separate detailed report while preserving selection context.","notes":"Unlike drill-down, it changes the report context rather than just hierarchy level.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Unlike drill-down, it changes the report context rather than just hierarchy level."}}},{"id":"atlas-8ecdb795a147","en":"Focus + Context","ko":"포커스와 컨텍스트","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"확대한 상세 차트와 전체 범위의 축소 뷰를 함께 표시합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"확대된 범위가 전체의 어디인지 항상 식별할 수 있어야 합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Pairs a detailed zoomed view with an overview of the full range.","notes":"Keep the zoomed range identifiable within the whole.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Keep the zoomed range identifiable within the whole."}}},{"id":"atlas-3433f8e66e25","en":"Metric Selector","ko":"지표 선택기","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"차트에 사용할 수치 지표를 변경하는 컨트롤입니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"차원을 바꾸는 선택기와 구분하며 단위도 함께 갱신합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changes the numerical metric shown in a visualization.","notes":"Different from a dimension selector; update units together with the metric.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Different from a dimension selector; update units together with the metric."}}},{"id":"atlas-c696f1559c9c","en":"Dimension Selector","ko":"차원 선택기","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"국가·채널·상품처럼 데이터를 나누는 기준을 바꿉니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"집계 지표는 유지하고 그룹 기준을 바꾸는 동작입니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Changes the categorical grouping such as channel or product.","notes":"Changes grouping while keeping the measure definition explicit.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Changes grouping while keeping the measure definition explicit."}}},{"id":"atlas-4f75492e0706","en":"Aggregation Selector","ko":"집계 선택기","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"합계·평균·중앙값 등 값의 요약 방식을 선택합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"평균의 평균은 원본 전체의 평균과 다를 수 있습니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Selects a summary operation such as sum, mean or median.","notes":"An average of averages may differ from the overall mean.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"An average of averages may differ from the overall mean."}}},{"id":"atlas-53a022339c39","en":"Comparison Period Toggle","ko":"비교 기간 전환","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"직전 기간·전년 동기 등 비교 기준을 바꿉니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"윤년·요일·휴일 차이와 동일 길이 여부를 검토하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Switches the baseline to a prior period or year-over-year period.","notes":"Consider calendar alignment and equal period lengths.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Consider calendar alignment and equal period lengths."}}},{"id":"atlas-0458226c48ba","en":"Chart Type Switcher","ko":"차트 유형 전환기","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"같은 데이터에 적합한 여러 시각화 형태를 전환합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"모든 데이터를 모든 차트로 바꾸도록 허용하면 안 됩니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Switches between compatible visual encodings of the same data.","notes":"Not every dataset is suitable for every chart type.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"Not every dataset is suitable for every chart type."}}},{"id":"atlas-dcbc984fa891","en":"Chart Data Table","ko":"차트 데이터 표","domain":"분석 UI·UX","category":"분석 탐색·상호작용","kind":"용어·패턴","description":"시각화에 쓰인 수치를 표로 확인할 수 있게 합니다.","usage":"분석 탐색·상호작용 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"차트 필터·단위·집계와 동일한 데이터를 보여줘야 합니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Provides a tabular alternative for the values used in a chart.","notes":"The table must match the chart's filters, units and aggregation.","usage":"Use when designing analytical exploration and selecting analytical visualizations.","difference":"The table must match the chart's filters, units and aggregation."}}},{"id":"atlas-89aa5fe03982","en":"Pivot Table","ko":"피벗 테이블","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"행·열 차원을 교차해 집계값을 계산하는 요약 표입니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"일반 표의 표시 변경이 아니라 집계 기준이 바뀝니다.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Aggregates measures across intersecting row and column dimensions.","notes":"It changes aggregation, not just visual formatting.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","difference":"It changes aggregation, not just visual formatting."}},"live_key":"d35-pivot","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"atlas-d7da5caeb7f8","en":"Conditional Formatting","ko":"조건부 서식","domain":"분석 UI·UX","category":"데이터 표·그리드","kind":"용어·패턴","description":"값이나 규칙에 따라 셀의 배경·막대·아이콘을 달리합니다.","usage":"데이터 표·그리드 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"서식 규칙과 범위를 명시하고 색상에만 의존하지 마세요.","ecosystem":"","aliases":"atlaslive atlasv35","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Varies cell styling, bars or icons according to values and rules.","notes":"Explain rule scope and avoid color-only meaning.","usage":"Use when designing data tables & grids and selecting analytical visualizations.","difference":"Explain rule scope and avoid color-only meaning."}},"live_key":"d35-conditional","implementation":{"release":"3.5.0","kind":"native-local-demo","scope":"Original interactive learning example; no backend or real AI calls"}},{"id":"atlas-9b0099f2c8bf","en":"Direct Labeling","ko":"직접 레이블","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"계열 이름을 범례가 아닌 표식 가까이에 표시합니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"레이블이 서로 겹치지 않도록 위치를 조정하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Places series labels near the marks instead of only in a legend.","notes":"Prevent labels from overlapping each other or the data.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"Prevent labels from overlapping each other or the data."}}},{"id":"atlas-2e8279259b19","en":"Color-safe Chart","ko":"색각 다양성 대응 차트","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"색 외에 선 종류·기호·텍스트를 함께 써 계열을 구분합니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"명도 대비와 흑백 상태에서도 핵심 정보를 확인하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Distinguishes series with patterns, shapes and labels as well as color.","notes":"Check contrast and readability in grayscale.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"Check contrast and readability in grayscale."}}},{"id":"atlas-f0c79a982313","en":"Missing Data Gap","ko":"결측값 간격","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"관측이 없는 구간을 선의 끊김이나 별도 표식으로 표현합니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"결측을 0으로 바꾸거나 근거 없이 선으로 잇지 마세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows unobserved intervals as gaps or explicit missing-value markers.","notes":"Do not replace missing data with zero or silently interpolate.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"Do not replace missing data with zero or silently interpolate."}}},{"id":"atlas-70ae9e8e007c","en":"Zero Baseline","ko":"0 기준선","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"길이로 값을 인코딩하는 차트에서 0의 위치를 분명하게 표시합니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"막대의 잘린 축은 차이를 과장할 수 있습니다. 모든 선 차트에 강제하는 규칙은 아닙니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Makes zero explicit when value is encoded through length.","notes":"Truncated bar axes can exaggerate differences; this is not a universal rule for line charts.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"Truncated bar axes can exaggerate differences; this is not a universal rule for line charts."}}},{"id":"atlas-cdd8b4291648","en":"Logarithmic Scale","ko":"로그 척도","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"같은 비율 변화가 같은 거리를 갖도록 축을 배치합니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"0과 음수 처리, 로그 밑과 눈금 값을 명시하세요.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Spaces the axis so equal ratios occupy equal distances.","notes":"Explain zero and negative handling, the logarithm base and tick values.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"Explain zero and negative handling, the logarithm base and tick values."}}},{"id":"atlas-694a89bf0a44","en":"Data Uncertainty Display","ko":"데이터 불확실성 표시","domain":"분석 UI·UX","category":"차트 접근성·표현 원칙","kind":"용어·패턴","description":"점 추정치만이 아니라 범위·표본수·품질 정보도 함께 보여줍니다.","usage":"차트 접근성·표현 원칙 설계와 분석 화면의 시각화 선택에 활용합니다.","notes":"정확해 보이는 숫자가 실제로도 확실하다는 뜻은 아닙니다.","ecosystem":"","aliases":"","source_url":"https://v10.carbondesignsystem.com/data-visualization/dashboards/","source_scope":"분야 참고문서","source_status":"공식 분야 문서 확인·편집 정의","source_checked_on":"2026-10-28","translations":{"en":{"description":"Shows ranges, sample size or quality alongside point estimates.","notes":"A precise-looking number is not necessarily a certain estimate.","usage":"Use when designing chart accessibility & encoding and selecting analytical visualizations.","difference":"A precise-looking number is not necessarily a certain estimate."}}},{"id":"atlas35-abort","en":"AbortController","ko":"요청 취소 컨트롤러","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"AbortSignal을 통해 지원되는 비동기 작업의 취소 의사를 전달하는 브라우저 API입니다.","usage":"요청 시작 후 취소 · 새 요청은 새 컨트롤러 사용","notes":"취소는 서버에서 이미 수행한 변경의 롤백을 보장하지 않습니다. 예제는 AbortSignal을 실제 사용하지만 네트워크 요청은 로컬 지연으로 대체합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 abort","live_key":"d35-abort","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/AbortController","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-c0b4a8067497","dar-8f2ddde27ca4"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/AbortController","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"A browser API that signals cancellation to supported asynchronous operations through an AbortSignal.","usage":"Start and cancel a local task; restart with a fresh controller","notes":"Cancellation does not roll back server-side effects. This demo uses a real AbortSignal with a local delayed task, not a network request."}}},{"id":"atlas35-race","en":"Request Race Condition","ko":"요청 응답 순서 경합","domain":"UI·UX","category":"로딩·진행·비동기","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"비동기 응답 도착 순서가 요청 순서와 달라 오래된 응답이 최신 화면을 덮는 문제입니다. 요청 번호 비교나 취소로 방지할 수 있습니다.","usage":"느린 A·빠른 B 요청 · 최신 요청만 반영 비교","notes":"경합은 오류 응답이 없어도 발생합니다. 예제 지연은 모의 값이며 최신 요청 판정은 실제 코드로 수행합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 race","live_key":"d35-race","source_url":"https://react.dev/reference/react/useEffect#fetching-data-with-effects","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-a0c323e916e9","dar-b17cb721f637"],"sources":[{"title":"Official API / pattern reference","url":"https://react.dev/reference/react/useEffect#fetching-data-with-effects","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"An asynchronous response-order race in which an older response can overwrite newer UI state; request identifiers or cancellation can prevent it.","usage":"Run slow A and fast B; compare naive and latest-request-only handling","notes":"Races can occur without request errors. Delays are simulated, but request-order checks are real."}}},{"id":"atlas35-ime","en":"IME Composition Guard","ko":"입력기 조합 중 전송 방지","domain":"UI·UX","category":"폼·텍스트 입력·검증","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"한글·일본어 등 입력기 조합 중인 Enter를 제출로 처리하지 않도록 조합 이벤트와 isComposing을 확인하는 입력 처리 패턴입니다.","usage":"조합 중 Enter 차단 · 조합 종료 후 전송","notes":"브라우저·운영체제별 입력기 이벤트 순서는 실제 기기에서 확인해야 합니다. 일부 경계 상황을 위해 keyCode 229를 보완 확인하지만 일반 키 처리는 key를 사용합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 ime","live_key":"d35-ime","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-3128c0c530f9","dar-be7561502346"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"An input pattern that checks composition events and isComposing so Enter used for IME composition does not submit a form.","usage":"Ignore Enter during composition; send after composition ends","notes":"Verify event ordering on real browser and OS input methods. A keyCode 229 fallback covers some composition edge cases; normal handling uses key."}}},{"id":"atlas35-roving","en":"Roving tabindex","ko":"이동식 탭 인덱스","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"복합 위젯 안에서 한 요소만 tabindex=0으로 두고 방향키 이동 시 탭 진입점을 옮기는 포커스 관리 방식입니다.","usage":"방향키·Home·End · Tab 진입점 하나 유지","notes":"모든 일반 버튼 묶음에 무조건 적용하지 않습니다. 해당 위젯의 키보드 패턴과 선택 상태를 함께 설계해야 합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 roving","live_key":"d35-roving","source_url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-42984ca1fae2","dar-a1b226276da9"],"sources":[{"title":"Official API / pattern reference","url":"https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"A composite-widget focus strategy that assigns tabindex=0 to one item and moves the tab stop as arrow keys move focus.","usage":"Arrow keys, Home and End; retain a single tab stop","notes":"Do not apply indiscriminately to ordinary button groups; follow the relevant widget keyboard pattern and selection model."}}},{"id":"atlas35-busy","en":"aria-busy","ko":"영역 업데이트 중 상태","domain":"UI·UX","category":"접근성·포용성","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"요소가 업데이트 중임을 보조기술에 알리고 여러 변경이 끝난 뒤 내용을 제공하도록 돕는 WAI-ARIA 상태입니다.","usage":"업데이트 중 true · 완료 후 false","notes":"aria-busy 자체는 사용자 입력을 막거나 로딩 UI를 그리지 않습니다. 낭독 시점은 보조기술 조합에 따라 별도 검증합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 busy","live_key":"d35-busy","source_url":"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-busy","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-ebfe5f265026","dar-51218c132ee7"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-busy","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"A WAI-ARIA state indicating that an element is being updated, helping assistive technology defer exposing incomplete changes.","usage":"Set true while updating and false when complete","notes":"aria-busy does not disable input or draw loading UI; announcement timing requires assistive-technology testing."}}},{"id":"atlas35-delegation","en":"Event Delegation","ko":"이벤트 위임","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"자식별 리스너 대신 상위 요소에서 버블링 이벤트를 받아 대상 요소를 판별해 처리하는 패턴입니다.","usage":"자식 추가 후에도 상위 리스너 하나로 처리","notes":"모든 이벤트가 버블링하는 것은 아닙니다. closest 결과가 의도한 컨테이너 내부인지 확인해야 합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 delegation","live_key":"d35-delegation","source_url":"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/Event_bubbling","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-03784e2dd7f4"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/Event_bubbling","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"A pattern that handles bubbling events on an ancestor and identifies the target instead of installing a listener on each child.","usage":"Add children and handle them with one ancestor listener","notes":"Not every event bubbles. Verify that the closest matching target belongs to the intended container."}}},{"id":"atlas35-url","en":"URLSearchParams State","ko":"URL 검색 매개변수 상태","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"URLSearchParams로 검색·필터 상태를 쿼리 문자열로 직렬화하고 다시 복원하는 방식입니다.","usage":"한글·+·& 문자를 포함한 조건 직렬화·복원","notes":"민감정보를 URL에 넣지 않습니다. 직렬화가 브라우저 주소나 기록을 자동으로 바꾸지는 않으며 예제도 현재 주소를 변경하지 않습니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 url","live_key":"d35-url","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-c8323d5969bd","dar-5ffdd5bc3019"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"Serializing search and filter state into a query string and restoring it with URLSearchParams.","usage":"Serialize and restore values including Korean, + and &","notes":"Do not put sensitive data in URLs. Serialization does not automatically update browser history; this demo leaves the current address unchanged."}}},{"id":"atlas35-backpressure","en":"ReadableStream Backpressure","ko":"읽기 스트림 배압","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"소비 속도에 맞춰 생산 속도를 조절하도록 큐의 여유량과 pull 요청을 사용하는 스트림 흐름 제어입니다.","usage":"큐 한도와 소비 속도 변경 · 실제 ReadableStream","notes":"로컬 정수 청크로 시연합니다. 네트워크 전송 속도를 측정하는 예제가 아니며 desiredSize는 설정한 크기 전략 기준입니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 backpressure","live_key":"d35-backpressure","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Streams_API/Using_readable_streams","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-7af652f6ef5d"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/Streams_API/Using_readable_streams","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"Stream flow control using queue capacity and pull requests to match production to consumption.","usage":"Change queue limits and consumption rate in a real ReadableStream","notes":"Uses local integer chunks, not network throughput measurements. desiredSize follows the configured queuing strategy."}}},{"id":"atlas35-settled","en":"Promise.allSettled()","ko":"병렬 작업의 전체 결과 수집","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"여러 Promise가 모두 이행 또는 거부될 때까지 기다린 뒤 입력 순서대로 각 결과를 제공하는 메서드입니다.","usage":"일부 실패여도 성공 결과 유지 · 입력 순서 보존","notes":"실패를 자동 복구하거나 취소하지 않습니다. Promise.all의 빠른 실패 동작과 구분합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 settled","live_key":"d35-settled","source_url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-7edddbd1acfc"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"A method that waits for all promises to fulfill or reject, then returns their outcomes in input order.","usage":"Keep successes when some tasks fail; preserve input order","notes":"Does not automatically recover or cancel failed tasks; distinguish it from Promise.all fail-fast behavior."}}},{"id":"atlas35-mutation","en":"MutationObserver","ko":"DOM 변경 관찰자","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"설정한 DOM 하위 노드·속성·문자 데이터의 변경을 비동기 콜백으로 관찰하는 API입니다.","usage":"노드 추가·속성 변경 · 관찰 시작·해제","notes":"스타일 계산 결과나 화면 크기 변화 자체를 감지하는 API는 아닙니다. 해제 시 disconnect로 자원을 정리합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 mutation","live_key":"d35-mutation","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-03784e2dd7f4"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"An API that asynchronously observes configured DOM child-node, attribute or character-data changes.","usage":"Add nodes, change attributes, start and disconnect observation","notes":"Does not directly observe computed style or layout-size changes. Disconnect observers during cleanup."}}},{"id":"atlas35-resizeobserver","en":"ResizeObserver","ko":"요소 크기 관찰자","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"관찰 대상 요소의 콘텐츠·테두리 박스 등 크기 변화를 전달하는 API입니다.","usage":"요소 너비 변경 · 콜백의 실제 측정값 확인","notes":"콜백에서 같은 요소 크기를 반복 변경하면 루프가 생길 수 있습니다. 예제는 측정과 출력 대상을 분리합니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 resizeobserver","live_key":"d35-resizeobserver","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-348a3360ca24","dar-84399d59be60"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"An API that reports size changes to an observed element, including content- or border-box measurements.","usage":"Resize the element and inspect callback measurements","notes":"Changing the observed size inside its callback can create loops; this demo separates the observed and output elements."}}},{"id":"atlas35-intersection","en":"IntersectionObserver","ko":"교차 영역 관찰자","domain":"웹·CSS","category":"웹 렌더링·성능·상태","kind":"용어·패턴","term_class":"브라우저 API·구현 패턴","description":"대상 요소와 스크롤 컨테이너 또는 뷰포트가 교차하는 비율의 변화를 비동기로 관찰하는 API입니다.","usage":"카드 안에서 스크롤 · 실제 교차 비율 확인","notes":"기본 교차 관찰은 가림·투명도까지 포함한 완전한 가시성 판정이나 사용자 주목도 측정이 아닙니다.","ecosystem":"HTML · CSS · JavaScript","aliases":"atlaslive atlasv35 atlasnew35 intersection","live_key":"d35-intersection","source_url":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","source_scope":"공식 API·접근성 패턴 문서","source_status":"공식 본문 확인 · 자체 제작 학습용 예제","source_checked_on":"2026-10-29","revision":"3.5.0","related_ids":["dar-2a1fda4841d0","dar-31d6053446af"],"sources":[{"title":"Official API / pattern reference","url":"https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API","status":"공식 본문 확인","scope":"API 동작·구현 원칙"}],"translations":{"en":{"description":"An API that asynchronously observes intersection changes between a target and a scroll container or viewport.","usage":"Scroll inside the card and inspect the real intersection ratio","notes":"Basic intersection observation is not a complete visibility or attention measurement; occlusion and opacity require separate consideration."}}}],"categories":[{"id":"M04","domain":"UI·UX 모션","name":"마이크로인터랙션·로딩 피드백","source_keys":["applemotion","live","waapi"],"count":20},{"id":"C01","name":"로딩·진행·비동기","domain":"UI·UX","count":20},{"id":"C02","name":"알림·피드백·메시징","domain":"UI·UX","count":17},{"id":"I04","domain":"아이콘·상태 표시","name":"작업·오류·데이터 상태 표시","source_keys":["status","badge","live"],"count":24},{"id":"C03","name":"모달·오버레이·패널","domain":"UI·UX","count":19},{"id":"C04","name":"버튼·액션·명령","domain":"UI·UX","count":17},{"id":"I01","domain":"아이콘·상태 표시","name":"아이콘의 역할·의미","source_keys":["icons","functional","apple"],"count":18},{"id":"C05","name":"폼·텍스트 입력·검증","domain":"UI·UX","count":28},{"id":"C06","name":"선택·설정·필터","domain":"UI·UX","count":19},{"id":"C07","name":"내비게이션·화면 이동","domain":"UI·UX","count":22},{"id":"C08","name":"레이아웃·콘텐츠 구조","domain":"UI·UX","count":21},{"id":"C09","name":"콘텐츠·미디어 표시","domain":"UI·UX","count":18},{"id":"AG3e676af1","name":"데이터 표·그리드","domain":"분석 UI·UX","count":12},{"id":"AG09fe27b7","name":"분석 대시보드·지표","domain":"분석 UI·UX","count":14},{"id":"AGf362a6be","name":"추세·시간 차트","domain":"데이터 시각화","count":12},{"id":"AGe87797b0","name":"비교·순위 차트","domain":"데이터 시각화","count":13},{"id":"AG58049099","name":"구성비·계층 차트","domain":"데이터 시각화","count":7},{"id":"AGd1471881","name":"관계·다변량 차트","domain":"데이터 시각화","count":7},{"id":"AGe6d10fc4","name":"행렬·시간·공간 밀도","domain":"데이터 시각화","count":6},{"id":"AGe9c02996","name":"흐름·전환·연결","domain":"데이터 시각화","count":7},{"id":"AG6b7247b0","name":"분석 탐색·상호작용","domain":"분석 UI·UX","count":16},{"id":"C11","name":"검색·발견·정렬","domain":"UI·UX","count":16},{"id":"C12","name":"온보딩·가이드·도움말","domain":"UI·UX","count":14},{"id":"I08","domain":"아이콘·상태 표시","name":"컨트롤 상호작용 상태","source_keys":["keyboard","active","status"],"count":20},{"id":"C13","name":"제스처·상호작용","domain":"UI·UX","count":17},{"id":"M01","domain":"UI·UX 모션","name":"시간·보간·이징·물리","source_keys":["easing","waapi"],"count":24},{"id":"C14","name":"모션·전환·시각 효과","domain":"모션·사운드","count":11},{"id":"M02","domain":"UI·UX 모션","name":"이동·변형·등장 표현","source_keys":["waapi","godotanim"],"count":20},{"id":"M06","domain":"UI·UX 모션","name":"모션 구성·연속성·원칙","source_keys":["applemotion","godotanim"],"count":18},{"id":"M03","domain":"UI·UX 모션","name":"화면·레이아웃 전환","source_keys":["view","waapi"],"count":18},{"id":"M05","domain":"UI·UX 모션","name":"스크롤·드래그·입력 연동","source_keys":["scroll","waapi","reduced"],"count":18},{"id":"C15","name":"상태·오류·복구","domain":"UI·UX","count":19},{"id":"C16","name":"모바일·반응형·적응형","domain":"UI·UX","count":18},{"id":"C17","name":"접근성·포용성","domain":"UI·UX","count":20},{"id":"I07","domain":"아이콘·상태 표시","name":"아이콘 구현·가독성·접근성","source_keys":["functional","icons","live"],"count":16},{"id":"M07","domain":"UI·UX 모션","name":"모션 접근성·성능·실행 상태","source_keys":["reduced","a11ymotion","waapi","overdraw"],"count":18},{"id":"C18","name":"시각 언어·디자인 시스템","domain":"시각·그래픽","count":22},{"id":"C19","name":"AI·대화형 서비스","domain":"UI·UX","count":19},{"id":"I05","domain":"아이콘·상태 표시","name":"접속·통신·장치·권한 상태","source_keys":["status","badge","live"],"count":20},{"id":"C20","name":"커머스·업무 대시보드","domain":"UI·UX","count":16},{"id":"C21","name":"UX 연구·설계·평가","domain":"설계·검증","count":20},{"id":"C22","name":"3D·공간 인터페이스","domain":"3D·렌더링","count":9},{"id":"G01","domain":"기즈모·편집기 조작","name":"변환 기즈모·좌표계","source_keys":["blender","unityhandles","controls"],"count":22},{"id":"G02","domain":"기즈모·편집기 조작","name":"선택·경계·곡선 조작","source_keys":["blender","unityhandles","controls"],"count":18},{"id":"C23","name":"구도·조형·시각 원리","domain":"시각·그래픽","count":23},{"id":"I02","domain":"아이콘·상태 표시","name":"아이콘 스타일·도형 규칙","source_keys":["icons","apple"],"count":20},{"id":"C24","name":"타이포그래피·색채","domain":"시각·그래픽","count":31},{"id":"C25","name":"디자인 스타일·미학","domain":"시각·그래픽","count":32},{"id":"C26","name":"웹 페이지·서비스 구조","domain":"웹·CSS","count":20},{"id":"C27","name":"CSS 기초·레이아웃","domain":"웹·CSS","count":32},{"id":"C28","name":"CSS 스타일링·효과·설계 방식","domain":"웹·CSS","count":29},{"id":"L02","domain":"아이콘·모션·VFX 구현","name":"웹 모션 라이브러리·브라우저 API","source_keys":[],"count":16},{"id":"C29","name":"웹 렌더링·성능·상태","domain":"웹·CSS","count":25},{"id":"C30","name":"GUI 구조·이벤트·위젯","domain":"Python·데스크톱","count":28},{"id":"C31","name":"게임 규칙·루프·시스템","domain":"게임 디자인","count":31},{"id":"C32","name":"전투·이동·입력 설계","domain":"게임 디자인","count":26},{"id":"A02","domain":"게임 애니메이션","name":"상태 전이·블렌딩·전투 타이밍","source_keys":["godotblend","godotanim","clarity"],"count":16},{"id":"C33","name":"장르·시점·게임 UI","domain":"게임 디자인","count":27},{"id":"I06","domain":"아이콘·상태 표시","name":"게임 HUD·상태이상·목표 표식","source_keys":["clarity","riotshader"],"count":24},{"id":"C34","name":"게임 AI·내러티브·제작","domain":"게임 디자인","count":24},{"id":"C35","name":"레벨 동선·공간 문법","domain":"맵·레벨 디자인","count":33},{"id":"C36","name":"월드·지형·환경 제작","domain":"맵·레벨 디자인","count":23},{"id":"C37","name":"타일맵·절차 생성·탐색","domain":"맵·레벨 디자인","count":28},{"id":"C38","name":"지도 시각화·지리정보","domain":"지도·GIS","count":26},{"id":"C39","name":"3D 모델링·기하·UV","domain":"3D·렌더링","count":31},{"id":"V05","domain":"게임 VFX","name":"텍스처·셰이더·합성 기법","source_keys":["shaders","depth","fresnel"],"count":28},{"id":"C40","name":"재질·텍스처·라이팅","domain":"3D·렌더링","count":28},{"id":"V04","domain":"게임 VFX","name":"렌더러·트레일·리본·데칼","source_keys":["niagararender","godottrails","riotshader"],"count":18},{"id":"V08","domain":"게임 VFX","name":"카메라·화면·후처리 효과","source_keys":["riotshader","profile","shaders"],"count":18},{"id":"C41","name":"렌더링·카메라·최적화","domain":"3D·렌더링","count":20},{"id":"V09","domain":"게임 VFX","name":"VFX 최적화·제작·검수","source_keys":["overdraw","profile","niagara","godotparticles"],"count":20},{"id":"V01","domain":"게임 VFX","name":"이펙트 역할·구성·시간 구조","source_keys":["riotvfx","clarity","niagara"],"count":18},{"id":"A01","domain":"게임 애니메이션","name":"캐릭터·오브젝트 애니메이션 기초","source_keys":["godotanim","godotblend"],"count":20},{"id":"C42","name":"애니메이션·VFX 제작","domain":"모션·사운드","count":9},{"id":"V02","domain":"게임 VFX","name":"파티클 생성·수명·속성","source_keys":["particles","godotparticles","niagara"],"count":24},{"id":"C43","name":"사운드·영상·합성","domain":"모션·사운드","count":20},{"id":"C44","name":"브랜딩·편집·패키지","domain":"브랜드·인쇄·공간","count":25},{"id":"C45","name":"전시·제품·공간 설계","domain":"브랜드·인쇄·공간","count":18},{"id":"C46","name":"레퍼런스 조사·명세·QA","domain":"설계·검증","count":22},{"id":"C47","name":"파일 형식·그래픽 표준","domain":"표준·자산","count":24},{"id":"C48","name":"CSS 프레임워크·스타일 도구","domain":"웹 라이브러리","count":20},{"id":"C49","name":"웹 UI 프레임워크·앱 구조","domain":"웹 라이브러리","count":16},{"id":"C50","name":"React·헤드리스·컴포넌트 시스템","domain":"웹 라이브러리","count":18},{"id":"C51","name":"Vue·Angular·Svelte 컴포넌트","domain":"웹 라이브러리","count":14},{"id":"C52","name":"웹 모션·스크롤·효과","domain":"웹 라이브러리","count":5},{"id":"C53","name":"상호작용·폼·테이블·상태","domain":"웹 라이브러리","count":21},{"id":"C54","name":"웹 차트·시각화 라이브러리","domain":"데이터 시각화","count":16},{"id":"C55","name":"캔버스·편집기·다이어그램","domain":"웹 라이브러리","count":22},{"id":"C56","name":"Python 네이티브·데스크톱 GUI","domain":"Python·데스크톱","count":16},{"id":"C57","name":"Python 웹 GUI·데이터 앱·TUI","domain":"Python·데스크톱","count":15},{"id":"C58","name":"Python 시각화·이미지·3D","domain":"데이터 시각화","count":15},{"id":"L03","domain":"아이콘·모션·VFX 구현","name":"Python·데스크톱 애니메이션 API","source_keys":[],"count":12},{"id":"C59","name":"데스크톱·모바일 UI 툴킷","domain":"네이티브·모바일","count":26},{"id":"C60","name":"게임 엔진·2D 프레임워크","domain":"게임 구현","count":21},{"id":"C61","name":"물리·게임 UI·내러티브 도구","domain":"게임 구현","count":15},{"id":"C62","name":"웹 3D·그래픽·XR 라이브러리","domain":"3D·렌더링","count":15},{"id":"C63","name":"지도·GIS 라이브러리·SDK","domain":"지도·GIS","count":19},{"id":"C64","name":"디자인·3D·맵 제작 도구","domain":"제작 도구","count":24},{"id":"L01","domain":"아이콘·모션·VFX 구현","name":"아이콘 라이브러리·자산","source_keys":[],"count":14},{"id":"C65","name":"아이콘·자산·검수·빌드 도구","domain":"제작 도구","count":11},{"id":"C66","name":"공식 디자인 시스템·학습 자료","domain":"레퍼런스","count":16},{"id":"C67","name":"화면·게임·아트 레퍼런스 사이트","domain":"레퍼런스","count":18},{"id":"C68","name":"에셋·폰트·재질 소스","domain":"레퍼런스","count":12},{"id":"I03","domain":"아이콘·상태 표시","name":"탐색·조작 아이콘 명칭","source_keys":["icons","functional"],"count":20},{"id":"G03","domain":"기즈모·편집기 조작","name":"뷰포트·디버그·공간 보조 표시","source_keys":["unityhandles","blender","controls"],"count":16},{"id":"V03","domain":"게임 VFX","name":"힘·궤적·시뮬레이션","source_keys":["godotparticleintro","particles","niagara"],"count":20},{"id":"V06","domain":"게임 VFX","name":"전투·마법·능력 이펙트","source_keys":["clarity","riotvfx","riotshader"],"count":24},{"id":"V07","domain":"게임 VFX","name":"환경·기후·원소 효과","source_keys":["godotparticleintro","riotshader","particles"],"count":22},{"id":"L04","domain":"아이콘·모션·VFX 구현","name":"게임 VFX·기즈모·애니메이션 도구","source_keys":[],"count":15},{"id":"AGb12ddf07","name":"분포·통계 차트","domain":"데이터 시각화","count":10},{"id":"AG64cd5777","name":"차트 접근성·표현 원칙","domain":"분석 UI·UX","count":6},{"id":"LIVE32-2D","domain":"UI·UX 모션","name":"포인터·호버·클릭 인터랙션","count":22},{"id":"LIVE32-3D","domain":"3D·렌더링","name":"실시간 3D 인터랙션","count":10}]}