https://www.missgoauction.com/_next/static/chunks/3007.6918c833473fd601.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3007,7025],{16178:function(e,n,t){var i=t(26314);n.Z=void 0;var o=i(t(80984)),r=t(57437);n.Z=(0,o.default)((0,r.jsx)("path",{d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"}),"ArrowBackIosNew")},13362:function(e,n,t){var i=t(26314);n.Z=void 0;var o=i(t(80984)),r=t(57437);n.Z=(0,o.default)((0,r.jsx)("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}),"KeyboardArrowRight")},29745:function(e,n,t){t.d(n,{KN:function(){return useFindAllFilterHistory},RJ:function(){return useFindLocation},yg:function(){return useFindOneLocation},Gp:function(){return useGetRegionList},dg:function(){return useRemoverFilterHistory},As:function(){return useRemoverFilterHistoryAll},IO:function(){return useSearchRegion},Hk:function(){return useUpdateFilterHistory}});var i=t(59077),o=t(69);let r="https://apiv1.missgoauction.com/",a="".concat(r,"comm/regions/list"),l="".concat("https://api-app.missgoauction.com","/regions/search"),s="".concat(r,"user/v4/filter/history"),d="".concat(r,"user/v3/filter/history");t(62601).env.REACT_APP_REGION_API;let useFindLocation=async e=>{var n,t,i,r,l;let s=await fetch("".concat(a,"?cortarNo=").concat(e),{method:"get",headers:{"Content-Type":"application/json",Authorization:(0,o.Xb)((null===(n=localStorage)||void 0===n?void 0:n.getItem("userSession"))?null===(i=JSON.parse(null!==(l=null===(r=localStorage)||void 0===r?void 0:r.getItem("userSession"))&&void 0!==l?l:""))||void 0===i?void 0:null===(t=i.value)||void 0===t?void 0:t.accessToken:"")},cache:"no-cache",keepalive:!0}),d=await s.json(),c=null==d?void 0:d.regionList;return c},useFindOneLocation=async e=>{var n,t,i,r,l;let s=await fetch("".concat(a,"?cortarNo=").concat(e),{method:"get",headers:{"Content-Type":"application/json",Authorization:(0,o.Xb)((null===(n=localStorage)||void 0===n?void 0:n.getItem("userSession"))?null===(i=JSON.parse(null!==(l=null===(r=localStorage)||void 0===r?void 0:r.getItem("userSession"))&&void 0!==l?l:""))||void 0===i?void 0:null===(t=i.value)||void 0===t?void 0:t.accessToken:"")},cache:"no-cache",keepalive:!0}),d=await s.json();return d},useGetRegionList=function(e){let n=!(arguments.length>1)||void 0===arguments[1]||arguments[1];return(0,i.useQuery)({queryKey:["regions",e],queryFn:()=>{var n,t,i,r,l;return fetch("".concat(a,"?cortarNo=").concat(e),{method:"get",headers:{"Content-Type":"application/json",Authorization:(0,o.Xb)((null===(n=localStorage)||void 0===n?void 0:n.getItem("userSession"))?null===(i=JSON.parse(null!==(l=null===(r=localStorage)||void 0===r?void 0:r.getItem("userSession"))&&void 0!==l?l:""))||void 0===i?void 0:null===(t=i.value)||void 0===t?void 0:t.accessToken:"")},cache:"no-cache",keepalive:!0}).then(e=>e.json())},select:e=>null==e?void 0:e.regionList,enabled:n})},useSearchRegion=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:20,searchRegion=async()=>{var t;let{data:i}=await o.N9.get(l,{params:{keyword:e,limit:n}});return null!==(t=null==i?void 0:i.list)&&void 0!==t?t:[]};return(0,i.useQuery)({queryKey:["regionSearch",e,n],queryFn:searchRegion,enabled:!!e.trim()})},useFindAllFilterHistory=e=>(0,i.useQuery)(["filterHistory"],async()=>{let e=await o.N9.get(s).then(e=>{var n,t;return null==e?void 0:null===(t=e.data)||void 0===t?void 0:null===(n=t.payload)||void 0===n?void 0:n.list}).catch(e=>(console.log("err>>>",e),e));return e},{enabled:e}),useUpdateFilterHistory=()=>(0,i.useMutation)(async e=>{try{let n=await o.N9.post(s,{value:{...e}});return n}catch(e){throw console.log("saveError>>",e),e}}),useRemoverFilterHistory=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};return(0,i.useMutation)(async e=>{try{let n=await o.N9.delete("".concat(d,"/").concat(e));return n}catch(e){throw console.log("deleteError>>",e),e}},{onSuccess:e,onError:n})},useRemoverFilterHistoryAll=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};return(0,i.useMutation)(async()=>{try{let e=await o.N9.delete("".concat(s,"/all"));return e}catch(e){throw console.log("deleteError>>",e),e}},{onSuccess:e,onError:n})}},16432:function(e,n,t){t.d(n,{P:function(){return useGetLandUseBuild},Y:function(){return useGetMaxRatio}});var i=t(2265),o=t(59077),r=t(69);let a="".concat("https://api-app.missgoauction.com","/land-use"),useGetMaxRatio=e=>{let{pnu:n}=e,getMaxRatio=async()=>{let e=new URLSearchParams({pnu:n}),t=await r.N9.get("".concat(a,"/max/ratio?").concat(e),{timeout:3e4});return null==t?void 0:t.data};return(0,o.useQuery)(["landUseMaxRatio",n],getMaxRatio)},useGetLandUseBuild=(e,n)=>{let{pnu:t,buildRatio:l}=e,s=(0,i.useRef)(null),getLandUseBuild=async()=>

1{s.current&&s.current.abort(),s.current=new AbortController;let e=JSON.stringify({pnu:t,buildRatio:l}),n=await r.N9.post("".concat(a,"/build"),e,{timeout:3e4,signal:s.current.signal});return null==n?void 0:n.data};return(0,o.useQuery)(["landUseBuild",{pnu:t,buildRatio:l}],getLandUseBuild,n)}},86306:function(e,n,t){t.r(n);var i=t(60230),o=t(57437),r=t(35843),a=t(4451),l=t(92164),s=t(74964),d=t(16691),c=t.n(d),u=t(28811),g=t.n(u),h=t(2265),p=t(56636),x=t(16432),m=t(60309),f=t(28177),v=t(3356),b=t(79280);function _templateObject(){let e=(0,i._)(["\n    width: ",";\n    height: ",";\n    border: 2px solid rgba(0, 0, 0, 0.1);\n    border-top: 2px solid #0047ff;\n    border-radius: 50%;\n    animation: spin 0.6s linear infinite;\n\n    @keyframes spin {\n        0% {\n            transform: rotate(0deg);\n        }\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,i._)(["\n    padding: 24px 0;\n\n    .title {\n        color: #0c002c;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 28px;\n    }\n\n    .threeWrapper {\n        height: 362px;\n        position: relative;\n        margin-top: 24px;\n\n        .loadingBox {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            svg {\n                width: 100%;\n                height: 100px !important;\n            }\n        }\n\n        .calculatingSpinner {\n            position: absolute;\n            top: 32px;\n            right: 16px;\n        }\n\n        .forbidden {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            gap: 24px;\n\n            span {\n                padding: 0 36px;\n                text-align: center;\n            }\n        }\n    }\n\n    table {\n        width: 100%;\n        text-align: center;\n        border-collapse: collapse;\n\n        &.firstTable {\n            margin-top: 14px;\n        }\n        &.secondTable {\n            margin: 26px 0 32px;\n        }\n\n        td {\n            line-height: 24px;\n            font-size: 13px;\n\n            .tdWrapper {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            &:not(.active) {\n                .floor {\n                    background-color: #00ff00;\n                    width: max-content;\n                    margin: 0 auto;\n                    padding: 0 6px;\n                    border-radius: 100px;\n                }\n            }\n        }\n\n        td,\n        th {\n            box-sizing: border-box;\n            border: 1px solid #8d8d8d;\n            height: 28px;\n            vertical-align: middle;\n        }\n\n        .navy {\n            background-color: #17366d;\n            color: white;\n            font-weight: 600;\n        }\n        .active {\n            color: #0047ff;\n            font-weight: 600;\n        }\n    }\n\n    .slider {\n        padding: 0;\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        justify-content: space-between;\n        margin-bottom: 14px;\n\n        .minRatio,\n        .maxRatio {\n            text-align: center;\n            font-size: 12px;\n            min-width: 28px;\n            color: #0c002c;\n\n            span {\n                font-weight: 600;\n                font-size: 12px;\n                color: #505050;\n            }\n        }\n    }\n\n    .info {\n        display: inline-block;\n        color: #8d8d8d;\n        font-size: 12px;\n        line-height: 22px;\n    }\n"]);return _templateObject1=function(){return e},e}let j=g()(()=>Promise.all([t.e(5870),t.e(6689),t.e(5188),t.e(9857)]).then(t.bind(t,69857)).then(e=>e.BuildingSimulation),{loadableGenerated:{webpack:()=>[69857]},ssr:!1}

1),y={0:{image:"/images/forbidden.png",text:"서버에 연결할 수 없습니다.\n잠시 후 다시 시도해주세요."},1:{image:"/images/forbidden.png",text:"이 토지는 국가 또는 지방자치단체 소유의 공유지로, 건축이 제한됩니다."},2:{image:"/images/forbidden.png",text:"이 토지는 법정 기준(4m 이상 도로에 2m 이상 접함)을 충족하지 못해 건축이 제한됩니다."},3:{image:"/images/forbidden.png",text:"이 토지는 농업진흥구역 내 농지로,\n농업 목적 외 건축이 제한됩니다."},4:{image:"/images/forbidden.png",text:"이 토지는 생태적 가치가 높은 비오톱 1등급 지역으로, 환경 보호를 위해 건축이 제한됩니다."},5:{image:"/images/forbidden.png",text:"이 토지는 보전 산지로 지정되어 있어 건축이 제한됩니다."},6:{image:"/images/forbidden.png",text:"이 토지는 급경사 임야로, 건축이 제한됩니다."},7:{image:"/images/forbidden.png",text:"다세대, 아파트, 집합건물에 접한 토지는 시뮬레이션을 제공하지 않습니다."}

1,8:{image:"/images/forbidden.png",text:"이 토지는 해당 용도지역의 최소 필지 크기 기준에 미달하여 건축이 제한됩니다."},9:{image:"/images/forbidden.png",text:"이 토지는 개발제한구역(그린벨트) 내에 위치하여 건축이 제한됩니다."},10:{image:"/images/forbidden.png",text:"이 토지는 하천부지로 지정되어 있어,\n수자원 보호를 위해 건축이 제한됩니다."},11:{image:"/images/forbidden.png",text:"이 토지는 비행안전 1구역 내에 위치하여 항공기 안전을 위해 건축이 제한됩니다."},12:{image:"/images/forbidden.png",text:"이 토지는 경관보전지구 1등급으로 지정되어 있어, 자연경관 보호를 위해 건축이 제한됩니다."},13:{image:"/images/phone.png",text:"해당 필지는 몇 층까지 건축 가능한 토지인지 알 수 없습니다. 건축사에게 문의하세요."}};n.default=e=>{var n,t;let{pnu:i}=e,[r,a]=(0,h.useState)(20),[d,u]=(0,h.useState)(r),{data:g}=(0,x.Y)({pnu:null!=i?i:""}),[p,f]=(0,h.useState)(!1),{data:S,isLoading:F,isFetching:R,isError:P,error:k}=(0,v.j)({pnu:null!=i?i:"",debouncedRatio:d});return S&&200!==S.result?null:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(w,{children:[(0,o.jsx)("h1",{className:"title",children:"이 땅 몇 층까지 가능? 3D 시뮬레이션"}),(0,o.jsx)("div",{className:"threeWrapper",children:F?(0,o.jsx)("div",{className:"loadingBox",children:(0,o.jsx)(s.Z,{animationData:m})}):(null==S?void 0:S.result)===200?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(j,{}),R&&(0,o.jsx)("div",{className:"calculatingSpinner",children:(0,o.jsx)(Spinner,{size:"md"})})]}):P&&k instanceof l.d7&&"ECONNABORTED"===k.code?(0,o.jsxs)("div",{className:"forbidden",children:[(0,o.jsx)(c(),{src:"/images/forbid

1den.png",alt:"건축 불가",width:140,height:140}),(0,o.jsxs)("span",{children:["요청이 시간 초과되었습니다.",(0,o.jsx)("br",{}),"네트워크 상태를 확인하고 다시 시도해 주세요."]})]}):(0,o.jsxs)("div",{className:"forbidden",children:[(0,o.jsx)(c(),{src:y[null!==(n=null==S?void 0:S.result)&&void 0!==n?n:0].image,alt:"건축 불가",width:140,height:140}),(0,o.jsxs)("span",{children:[" ",y[null!==(t=null==S?void 0:S.result)&&void 0!==t?t:0].text.split("\n").map((e,n)=>(0,o.jsxs)(h.Fragment,{children:[e,(0,o.jsx)("br",{})]},n))]})]})}),(F||(null==S?void 0:S.result)===200)&&(0,o.jsxs)(o.Fragment,{children:[(null==S?void 0:S.ancientLights)&&(0,o.jsx)("span",{className:"info",style:{marginTop:"8px"},children:"※ 해당 입지는 일조권 적용 대상입니다."}),(0,o.jsxs)("table",{className:"firstTable",children:[(0,o.jsxs)("colgroup",{children:[(0,o.jsx)("col",{style:{width:"50%"}}),(0,o.jsx)("col",{style:{width:"50%"}})]}),(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{className:"navy",children:"건물규모"}),(0,o.jsx)("td",{className:"navy",children:"용적률"})]})}),(0,o.jsx)("tbody",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{className:"".concat(p?"active":""),children:(0,o.jsx)("div",{className:"tdWrapper",children:R?(0,o.jsx)(Spinner,{}):(null==S?void 0:S.result)===200?(0,o.jsxs)("span",{className:"floor",children:["지상 ",null==S?void 0:S.totalFloor,"층"]}):(0,o.jsx)(o.Fragment,{children:"알 수 없음"})})}),(0,o.jsx)("td",{className:"".concat(p?"active":""),children:(0,o.jsx)("div",{className:"tdWrapper",children:R?(0,o.jsx)(Spinner,{}):(null==S?void 0:S.result)===200?"약 ".concat(null==S?void 0:S.floorAreaRatio,"%"):(0,o.jsx)(o.Fragment,{children:"알 수 없음"})})})]})})]}),(0,o.jsxs)("table",{className:"secondTable",children:[(0,o.jsxs)("colgroup",{children:[(0,o.jsx)("col",{style:{width:"50%"}}),(0,o.jsx)("col",{style:{width:"50%"}})]}),(0,o.jsx)("thead",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{className:"navy",children:"1층 면적"}),(0,o.jsx)("td",{className:"navy",children:"건폐율"})]})}),(0,o.jsx)("tbody",{children:(0,o.jsxs)("tr",{children:[(0,o.jsx)("td",{className:"".concat(p?"active":""),children:(0,o.jsx)("div",{className:"tdWrapper",children:(()=>{if(R)return(0,o.jsx)(Spinner,{});if((null==S?void 0:S.result)===200){var e,n;return null==S?void 0:null===(n=S.buildPolygon)||void 0===n?void 0:null===(e=n[0])||void 0===e?void 0:e.area_pyong}return(0,o.jsx)(o.Fragment,{children:"알 수 없음"})})()})}),(0,o.jsx)("td",{className:"".concat(p?"active":""),children:(null==S?void 0:S.result)===200?(0,o.jsxs)(o.Fragment,{children:["약 ",Math.floor(r),"%"]}):(0,o.jsx)(o.Fragment,{children:"-"})})]})})]}),(0,o.jsxs)("div",{className:"slider",children:[(0,o.jsxs)("span",{className:"minRatio",children:[(0,o.jsx)("span",{children:"최소"}),(0,o.jsx)("br",{}),"20%"]}),(0,o.jsx)(N,{value:r,min:20,max:g,disabled:(null==S?void 0:S.result)!==200||20===g,slots:{thumb:StyledSliderThumb},step:10,valueLabelDisplay:"auto",valueLabelFormat:e=>"".concat(e,"%"),onChange:(e,n)=>a(n),onMouseDown:()=>{f(!0)},onChangeCommitted:(e,n)=>{f(!1),u(n)}}),(0,o.jsxs)("span",{className:"maxRatio",children:[(0,o.jsx)("span",{children:"최대"}),(0,o.jsx)("br",{}),null!=g?g:"-","%"]})]}),(0,o.jsxs)("span",{className:"info",children:["※ 산정된 층수는 모든 법률적 요건을 ê

1³„ì‚°í•œ 결과가 아닙니다.",(0,o.jsx)("br",{})," 본 서비스는 법적 효력이 없으며, 참고 자료로만 활용이 가능합니다."]})]})]}),(0,o.jsx)(b.Z,{})]})};let Spinner=e=>{let{size:n="sm"}=e;return(0,o.jsx)(S,{$size:n})},S=p.ZP.div(_templateObject(),e=>"sm"===e.$size?"14px":"24px",e=>"sm"===e.$size?"14px":"24px"),N=(0,r.ZP)(a.ZP)({color:"#0047ff",height:6,"& .MuiSlider-thumb":{width:32,height:32,border:"1px solid white","&:hover":{boxShadow:"none!important"}},"& .Mui-focusVisible":{boxShadow:"none!important"},"& .MuiSlider-valueLabel":{fontSize:12,color:"#0047FF",fontWeight:600,padding:"2px 6px",height:26,borderRadius:4,backgroundColor:"#DFF0FF","&::after":{content:'""',position:"absolute",bottom:"-6px",left:"50%",transform:"translateX(-50%)",borderLeft:"6px solid transparent",borderRight:"6px solid transparent",borderTop:"6px solid #DFF0FF"}}}),StyledSliderThumb=e=>{let{children:n,...t}=e;return(0,o.jsxs)(a.gs,{...t,children:[n,(0,o.jsx)(c(),{src:f.Z,alt:"sliderIcon"})]})},w=p.ZP.div(_templateOb

1ject1())},79090:function(e,n,t){t.d(n,{Es:function(){return o},Gz:function(){return s},HP:function(){return l},I5:function(){return a},y6:function(){return r}});var i=t(55883);let o=(0,i.cn)({key:"compassRotationState",default:0}),r=(0,i.cn)({key:"buildingPolygonState",default:null}),a=(0,i.cn)({key:"landPolygonState",default:null}),l=(0,i.cn)({key:"controlByUserState",default:!1}),s=(0,i.cn)({key:"buildingHeightState",default:null})},3356:function(e,n,t){t.d(n,{j:function(){return useLandUseData}});var i=t(2265),o=t(55883),r=t(16432),a=t(79090),l=t(37025);let useLandUseData=e=>{let{pnu:n,debouncedRatio:t}=e,s=(0,r.P)({pnu:n,buildRatio:t},{keepPreviousData:!0,staleTime:Number.POSITIVE_INFINITY,refetchOnWindowFocus:!1}),{data:d,isError:c}=s,u=(0,o.Zl)(a.y6),g=(0,o.Zl)(a.I5),h=(0,o.Zl)(a.Gz);return(0,i.useEffect)(()=>{if(!d||200!==d.result||c||!d.buildPolygon||0===d.buildPolygon.length)return;let e=d.buildPolygon.map(e=>{if(e.coordinates&&e.floor&&e.height){let n=e.coordinates.map(l.hG);return{floor:e.floor,height:e.height,coordinates:n}}return null}).filter(e=>null!==e);if(0===e.length)return;let n=(0,l.qg)(e[0].coordinates),t=e.map(e=>({floor:e.floor,height:e.height,coordinates:(0,l.xl)(e.coordinates,n)}));if(!d.landPolygon||!d.landPolygon.coordinates||0===d.landPolygon.coordinates.length)return;let i=d.landPolygon.coordinates.map(e=>(0,l.hG)(e)),o=(0,l.xl)(i,n),r=d.buildPolygon.reduce((e,n)=>{var t;return e+(null!==(t=n.height)&&void 0!==t?t:0)},0)/l.EM;return u(t),g(o),h(r),()=>{u(null),g(null),h(null)}},[d,c]),s}},37025:function(e,n,t){t.d(n,{EM:function(){return a},gh:function(){return getMaxAbsCoord},hG:function(){return lngLatToXY},kB:function(){return l},qg:function(){return getCenter},xl:function(){return getRelativeCoords}});var i=t(42298),o=t(50007),r=t(97892);let getCenter=e=>{let n=i.yu([e]),t=o.M(n);return t.geometry.coordinates},a=4,getRelativeCoords=(e,n)=>e.map(e=>{let[t,i]=e;return[(t-n[0])/a,(i-n[1])/a]}),lngLatToXY=e=>{let[n,t]=(0,r.Z)("EPSG:4326","EPSG:3857",e);return[n,t]},getMaxAbsCoord=e=>{let n=0,t=0;return e.forEach(e=>{let[i,o]=e;n=Math.max(n,Math.abs(i)),t=Math.max(t,Math.abs(o))}),[n,t]},l=80/a}

1,28177:function(e,n){n.Z={src:"/_next/static/media/sliderIcon.5fac15a4.svg",height:15,width:15,blurWidth:0,blurHeight:0}},92164:function(e,n,t){t.d(n,{d7:function(){return r}});var i=t(54829);let{Axios:o,AxiosError:r,CanceledError:a,isCancel:l,CancelToken:s,VERSION:d,all:c,Cancel:u,isAxiosError:g,spread:h,toFormData:p,AxiosHeaders:x,HttpStatusCode:m,formToJSON:f,getAdapter:v,mergeConfig:b}=i.default}}]);