라이트박스

Outcome：Complete the task with 라이트박스 (Lightbox)。 User context：사진을 선택하여 캡션과 함께 전체 크기 보기로 엽니다. 이전, 다음, 닫기 버튼이 있습니다. Recommended pattern：라이트박스 (Lightbox)。 Why it fits：이것은 갤러리에서 현재 위치를 잃지 않으면서 미디어를 자세히 살펴보는 데 사용하세요. Do not use it when：복잡한 편집이나 병렬 비교가 필요한 작업에는 절대 사용하지 마세요. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.