https://utilzip.com/_next/static/chunks/144.9a171e5407994a61.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[144],{80144:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});var l=r(95155),n=r(12115);let s=[{id:"white",label:"흰색",color:"#ffffff",note:"안 켜지는 점(검은 점)이 드러납니다"},{id:"black",label:"검은색",color:"#000000",note:"항상 켜진 점(밝은 점)이 드러납니다",dark:!0},{id:"red",label:"빨강",color:"#ff0000",note:"빨강 서브픽셀 고장 확인",dark:!0},{id:"green",label:"초록",color:"#00ff00",note:"초록 서브픽셀 고장 확인"},{id:"blue",label:"파랑",color:"#0000ff",note:"파랑 서브픽셀 고장 확인",dark:!0},{id:"gray",label:"회색",color:"#808080",note:"밝기 얼룩\xb7멍(멍든 화면) 확인",dark:!0}];function a(){let[e,t]=(0,n.useState)(0),[r,a]=(0,n.useState)(!1),[o,i]=(0,n.useState)(!1),[c,d]=(0,n.useState)(!0),u=(0,n.useRef)(null),x=(0,n.useRef)(!1);(0,n.useEffect)(()=>{x.current=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1},[]);let b=(0,n.useCallback)(async e=>{i("burn"===e),a(!0),d(!0);try{await u.current?.requestFullscreen?.()}catch{}},[]),m=(0,n.useCallback)(()=>{a(!1),document.fullscreenElement&&document.exitFullscreen?.().catch(()=>{})},[]);(0,n.useEffect)(()=>{let e=()=>{document.fullscreenElement||a(!1)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]),(0,n.useEffect)(()=>{if(!r)return;let e=e=>t(t=>(t+e+s.length)%s.length),l=t=>{if("Escape"===t.key)return void m();("ArrowRight"===t.key||" "===t.key||"Enter"===t.key)&&(t.preventDefault(),e(1),d(!1)),"ArrowLeft"===t.key&&(t.preventDefault(),e(-1),d(!1))};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[r,m]),(0,n.useEffect)(()=>{if(!r||!c)return;let e=setTimeout(()=>d(!1),3e3);return()=>clearTimeout(e)},[r,c,e]);let f=s[e];return(0,l.jsxs)("div",{className:"w-full pt-1",children:[(0,l.jsxs)("div",{ref:u,onClick:()=>{r&&(t(e=>(e+1)%s.length),d(!1))},className:[r?"fixed inset-0 z-[9999] cursor-none":"hidden","flex items-center justify-center"].join(" "),style:{background:o?"#000":f.color},role:r?"button":void 0,tabIndex:r?0:-1,"aria-label":r?"눌러서 다음 색으로":void 0,children:[o&&(0,l.jsx)("div",{className:x.current?"":"monitor-burnin-sweep",style:{width:"18vw",height:"100%",background:"linear-gradient(90deg, #000 0%, #fff 45%, #fff 55%, #000 100%)"}}),r&&c&&(0,l.jsxs)("div",{className:"pointer-events-none absolute bottom-8 left-1/2 -translate-x-1/2 rounded-lg bg-black/70 px-4 py-2 text-center text-sm text-white",children:[o?"밝은 띠가 지나갈 때 잔상이 남는지 보세요":`${f.label} — 눌러서 다음 색 (${e+1}/${s.length})`,(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"text-xs text-white/70",children:"끝내려면 ESC 또는 ì˜

1¤ë¥¸ìª½ 위 ✕"})]}),r&&(0,l.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),m()},"aria-label":"테스트 끝내기",className:"absolute right-3 top-3 z-10 flex h-11 w-11 cursor-pointer items-center justify-center rounded-full bg-black/35 text-lg font-bold text-white/70 opacity-60 transition hover:bg-black/60 hover:text-white hover:opacity-100 focus-visible:opacity-100",children:"✕"})]}),(0,l.jsxs)("div",{className:"w-full rounded-2xl border border-warm-200 bg-warm-50/60 p-3 sm:p-6",children:[(0,l.jsxs)("div",{className:"mb-4 flex flex-wrap gap-2",children:[(0,l.jsx)("button",{type:"button",onClick:()=>b("color"),className:"min-h-[44px] rounded-xl bg-accent px-5 py-2.5 text-sm font-bold text-white transition hover:brightness-95",children:"불량화소 테스트 시작"}),(0,l.jsx)("button",{type:"button",onClick:()=>b("burn"),className:"min-h-[44px] rounded-xl border border-warm-300 bg-white px-5 py-2.5 text-sm font-semibold text-warm-800 transition hover:bg-warm-50",children:"잔상(번인) 확인"})]}),(0,l.jsx)("div",{className:"mb-4 grid grid-cols-2 gap-2 sm:grid-cols-3",children:s.map((e,r)=>(0,l.jsxs)("button",{type:"button",onClick:()=>{t(r),b("color")},className:"flex items-center gap-2.5 rounded-xl border border-warm-200 bg-white px-3 py-2.5 text-left transition hover:border-accent",children:[(0,l.jsx)("span",{className:"h-7 w-7 shrink-0 rounded-md border border-warm-300",style:{background:e.color},"aria-hidden":"true"}),(0,l.jsxs)("span",{className:"min-w-0",children:[(0,l.jsx)("span",{className:"block text-sm font-semibold text-warm-800",children:e.label}),(0,l.jsx)("span",{className:"block truncate text-[11px] text-warm-400",children:e.note})]})]},e.id))}),(0,l.jsxs)("div",{className:"rounded-xl border border-warm-200 bg-white px-4 py-3",children:[(0,l.jsx)("p",{className:"mb-2 text-[11px] font-bold uppercase tracking-wide text-warm-400",children:"보는 방법"}),(0,l.jsxs)("ul",{className:"space-y-1 text-xs leading-relaxed text-warm-600",children:[(0,l.jsx)("li",{children:"\xb7 화면에서 30~50cm 떨어져 정면으로 봅니다. 비스듬히 ë³´ë©´ 없는 얼룩이 보입니다."}),(0,l.jsx)("li",{children:"\xb7 먼저 화면을 닦으세요. 먼지와 불량화소는 눈으로 구분되지 않습니다."}),(0,l.jsx)("li",{children:"\xb7 색마다 한 번씩 훑어야 합니다. 한 색에서만 안 보이는 고장이 있습니다."}),(0,l.jsx)("li",{children:"\xb7 여러 점이 뭉쳐 있거나 화면 중앙이면 제조사 교환 기준에 드는 경우가 많습니다."})]})]}),(0,l.jsx)("p",{className:"mt-3 text-[11px] leading-relaxed text-warm-400",children:"전체화면이 막히는 환경(일부 앱 내 브라우저)에서는 페이지를 덮는 큰 화면으로 대신 표시됩니다. 판정 기준은 제조사\xb7모델마다 다르니 교환 문의 전 해당 기준을 확인하세요."})]})]})}}}]);