[{"data":1,"prerenderedAt":397},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/minimal-web-viewer":3},{"data":4,"headers":374},{"story":5,"cv":355,"rels":356,"links":373},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":347,"full_slug":348,"sort_by_date":30,"position":349,"tag_list":350,"is_startpage":157,"parent_id":351,"meta_data":30,"group_id":352,"first_published_at":353,"release_id":30,"lang":311,"path":30,"alternates":354,"default_full_slug":30,"translated_slugs":30},"Minimal Web Viewer","2026-03-27T16:47:31.453Z","2026-10-10T22:15:18.970Z","2026-10-10T22:15:19.013Z",159500089204480,"56bbad4b-8a2f-4d13-bbce-a3656a977a7a",{"_uid":13,"body":14,"date":251,"fold":252,"intro":314,"title":6,"gallery":327,"category":328,"metadata":331,"component":335,"demo_link":336,"thumbnail":337,"github_link":343,"last_updated":344,"open_graph_image":345,"include_open_graph":51,"block_search_engines":157},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,242],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":241,"remove_padding":51},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,52,56,111,146,187,224],{"_uid":22,"body":23,"alignment":49,"component":50,"is_full_width":51},"152b4bc8-9953-4de6-97d6-3ca41c22cb62",{"type":24,"content":25},"doc",[26,38,44],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"개요","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"몇 줄의 HTML만으로 개발자는 웹사이트에 3D 콘텐츠를 추가할 수 있습니다.",{"type":39,"attrs":45,"content":46},{"textAlign":30},[47],{"text":48,"type":34},"다음은 HOOPS Web Viewer에 3D 데이터를 로드하는 최소한의 구현과 그것이 어떻게 이루어지는지에 대한 설명입니다.","align-left","copy",true,{"_uid":53,"code":54,"component":55},"5a7eb982-8a51-4f0e-be2e-7e1cd9804968","\u003Cdiv style=\"height: 0; margin: 20px 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;\">\n\u003Ciframe style=\"height: 100%;left: 0; position: absolute; top: 0; width: 100%;\" src=\"https://innovation-lab-downloads.s3-us-west-2.amazonaws.com/minimal.html\">\u003C/iframe>\n\u003C/div>","code",{"_uid":57,"body":58,"alignment":49,"component":50,"is_full_width":51},"f2adecbd-ef0e-41ef-83ba-15419b51ba2f",{"type":24,"content":59},[60,67,84],{"type":27,"attrs":61,"content":62},{"level":29,"textAlign":30},[63],{"text":64,"type":34,"marks":65},"어떻게 구현되었는가",[66],{"type":37},{"type":39,"attrs":68,"content":69},{"textAlign":30},[70,72,82],{"text":71,"type":34}," ",{"text":73,"type":34,"marks":74},"HOOPS Visualize",[75],{"type":76,"attrs":77},"link",{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":83,"type":34}," 웹 뷰어는 스크립트 태그에 임포트됩니다. 웹 뷰어는 두 개의 인수를 사용하여 생성됩니다. endpointUri는 3D 데이터를 로드할 위치를 나타내고, containerId는 웹 뷰어가 렌더링될 HTML 요소의 id입니다. 웹 뷰어는 시작되며, 그것이 전부입니다.",{"type":39,"attrs":85,"content":86},{"textAlign":30},[87,91,93,101,103,109],{"text":88,"type":34,"marks":89},"데이터는 어디서 왔는가? ",[90],{"type":37},{"text":92,"type":34},"HOOPS Visualize의 ",{"text":94,"type":34,"marks":95},"CAD 변환기",[96],{"type":76,"attrs":97},{"href":98,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://docs.techsoft3d.com/hoops/visualize-web/prog_guide/data_import/cad_conversion/converter_app/converter-application-overview.html","_blank","url",{"text":102,"type":34},", 이것은 ",{"text":104,"type":34,"marks":105},"HOOPS Exchange",[106],{"type":76,"attrs":107},{"href":108,"uuid":30,"anchor":30,"target":80,"linktype":100},"https://www.techsoft3d.com/developers/products/hoops-exchange/",{"text":110,"type":34}," 에 의존하여 신속하게 CAD 파일을 읽고, CATIA V5 CAD 어셈블리를 경량화된 스트리밍 가능한 SCS 파일로 변환했습니다. SCS 파일은 쉽게 접근할 수 있도록 공용 AWS S3 버킷에 저장되었습니다.",{"_uid":112,"body":113,"alignment":49,"component":50,"is_full_width":51},"67c4014c-c9ee-42e5-8407-c5c49ed9eed8",{"type":24,"content":114},[115,122,135],{"type":27,"attrs":116,"content":117},{"level":29,"textAlign":30},[118],{"text":119,"type":34,"marks":120},"직접 시도해 보기",[121],{"type":37},{"type":39,"attrs":123,"content":124},{"textAlign":30},[125,127,133],{"text":126,"type":34},"이 구현에 대한 자세한 내용과 확장 방법에 대해서는 ",{"text":128,"type":34,"marks":129},"기본 응용 프로그램을 만드는 방법",[130],{"type":76,"attrs":131},{"href":132,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/basic-app/introduction.html",{"text":134,"type":34}," 가이드에서 HOOPS Visualize for Web을 확인하세요.",{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,140,144],{"text":139,"type":34},"이 가이드는 ",{"text":73,"type":34,"marks":141},[142],{"type":76,"attrs":143},{"href":78,"uuid":79,"anchor":30,"target":99,"linktype":81},{"text":145,"type":34},"를 사용하여 웹 애플리케이션을 개발하는 핵심 개념을 소개합니다. 이 가이드의 끝을 보면, 자신만의 프로젝트에 통합할 수 있는 탄탄한 기초를 가지게 될 것입니다.",{"_uid":147,"messages":148,"component":181,"background":182,"remove_padding":51,"is_verticalized":157},"f964a1a0-8c11-4253-9374-60fac4cd3a0a",[149],{"_uid":150,"icon":16,"buttons":151,"content":162,"headline":169,"link_url":16,"metadata":176,"component":179,"icon_size":16,"link_label":16,"headline_heading":180},"8db5e947-ff83-4bde-b44c-c230d43ec62e",[152],{"_uid":153,"href":16,"color":154,"label":155,"action":156,"new_tab":157,"outline":51,"alignment":16,"component":158,"text_link":157,"destination":159},"ff9677fc-f285-40b3-ab6f-3fa2e32c697e","light","구독","action-modal",false,"element-button",{"id":16,"url":160,"linktype":100,"fieldtype":161,"cached_url":160},"subscribe","multilink",{"type":24,"content":163},[164],{"type":39,"attrs":165,"content":166},{"textAlign":30},[167],{"text":168,"type":34},"새로운 프로젝트가 이용 가능해지면 바로 알려드리겠습니다.",{"type":24,"content":170},[171],{"type":39,"attrs":172,"content":173},{"textAlign":30},[174],{"text":175,"type":34},"새로운 프로젝트에 대해 가장 먼저 알아보세요",{"_uid":177,"title":16,"plugin":178,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":183,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":184,"copyright":16,"fieldtype":185,"meta_data":186,"is_external_url":157},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":188,"body":189,"alignment":49,"component":50,"is_full_width":51},"8fdf56ab-b62c-48bf-a5d3-bd005e411480",{"type":24,"content":190},[191,198,211],{"type":27,"attrs":192,"content":193},{"level":29,"textAlign":30},[194],{"text":195,"type":34,"marks":196},"질문 또는 피드백?",[197],{"type":37},{"type":39,"attrs":199,"content":200},{"textAlign":30},[201,203,209],{"text":202,"type":34},"당사는 귀하의 요구를 충족시키기 위해 이 툴킷이 어떻게 개선될 수 있는지 피드백을 찾고 있습니다! 저희의 ",{"text":204,"type":34,"marks":205},"포럼",[206],{"type":76,"attrs":207},{"href":208,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://forum.techsoft3d.com/",{"text":210,"type":34},"에서 연결해 주세요.",{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"또한 ",{"text":217,"type":34,"marks":218},"HOOPS Web Platform",[219],{"type":76,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":99,"linktype":100},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":223,"type":34},"의 60일 체험판에 가입할 수 있습니다.",{"_uid":225,"body":226,"alignment":49,"component":50,"is_full_width":51},"99152d4a-552b-453a-90c0-b4b9796888c1",{"type":24,"content":227},[228],{"type":39,"attrs":229,"content":230},{"textAlign":30},[231,233,239],{"text":232,"type":34},"저희에게 연락이 필요하신가요? 저희에게 이메일을 보내주세요. ",{"text":234,"type":34,"marks":235},"labs@techsoft3d.com",[236],{"type":76,"attrs":237},{"href":234,"uuid":30,"anchor":30,"target":80,"linktype":238},"email",{"text":240,"type":34},".","columns",{"id":160,"_uid":243,"items":244,"component":250},"ca556064-0fa5-4110-8395-86e3f005ea32",[245],{"id":246,"_uid":247,"component":248,"business_unit":249},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2020-03-02 00:00",[253],{"_uid":254,"source":255,"component":313},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":256,"created_at":257,"published_at":258,"updated_at":259,"id":260,"uuid":261,"content":262,"slug":304,"full_slug":305,"sort_by_date":30,"position":306,"tag_list":307,"is_startpage":157,"parent_id":308,"meta_data":30,"group_id":309,"first_published_at":310,"release_id":30,"lang":311,"path":30,"alternates":312,"default_full_slug":30,"translated_slugs":30,"_stopResolving":51},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":263,"items":264,"component":303},"8915070e-32eb-476d-b215-1c92ebdad15c",[265,285],{"_uid":266,"left_nav":16,"messages":267,"component":284,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[268,274,279],{"_uid":269,"icon":270,"link":271,"target":99,"message":272,"component":273},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","새 연구: 제조업체가 증가하는 엔지니어링 데이터 수요를 충족하는 방법","element-notice-child",{"_uid":275,"icon":276,"link":277,"target":99,"message":278,"component":273},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","다가오는 웨비나에 등록하세요: VNTANA가 CAD 데이터를 HOOPS Exchange를 통해 활용한 방법 알아보기",{"_uid":280,"icon":281,"link":282,"target":16,"message":283,"component":273},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":286,"menu":287,"component":302,"has_notice":51},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[288,293,296,299],{"url":289,"_uid":290,"label":291,"new_tab":157,"component":292},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":289,"_uid":294,"label":295,"new_tab":157,"component":292,"style_as_button":157},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":289,"_uid":297,"label":298,"new_tab":157,"component":292,"style_as_button":157},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":289,"_uid":300,"label":301,"new_tab":157,"component":292,"style_as_button":51},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","지원","top","global","main-navigation","ko/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ko",[],"reference",{"type":24,"content":315},[316],{"type":39,"attrs":317,"content":318},{"textAlign":30},[319,321,325],{"text":320,"type":34},"HOOPS Web Platform은 CAD 데이터 액세스를 위해 HOOPS Exchange를 사용하고 ",{"text":73,"type":34,"marks":322},[323],{"type":76,"attrs":324},{"href":78,"uuid":79,"anchor":30,"target":80,"linktype":81},{"text":326,"type":34}," for Web (이전 HOOPS Communicator)은 3D 웹 시각화를 위해 사용됩니다.",[],[329,330],"hoopsExchange","hoopsVisualize",{"_uid":332,"title":333,"plugin":178,"description":334},"59a2eda4-8282-41eb-b238-8c2a72f7ae1f","미니멀 웹 뷰어 | Tech Soft 3D 연구소","HOOPS 웹 플랫폼은 CAD 데이터 액세스를 위해 HOOPS Exchange를 사용하고, 3D 웹 시각화를 위해 HOOPS Visualize for Web (이전에 HOOPS Communicator)을 사용합니다.","lab",{"id":16,"url":16,"linktype":100,"fieldtype":161,"cached_url":16},{"id":338,"alt":339,"name":16,"focus":16,"title":340,"source":16,"filename":341,"copyright":16,"fieldtype":185,"meta_data":342,"is_external_url":157},160806696871751,"A 3D model in a minimal CAD viewer built with HOOPS Visualize.","Minimal CAD Viewer","https://a-us.storyblok.com/f/1023536/1920x1080/e1c17dea97/minimal-cad-viewer.jpg",{"alt":339,"title":340,"source":16,"copyright":16},{"id":16,"url":16,"linktype":100,"fieldtype":161,"cached_url":16},"Monday, March 2, 2020",{"id":338,"alt":339,"name":16,"focus":16,"title":340,"source":16,"filename":341,"copyright":16,"fieldtype":185,"meta_data":346,"is_external_url":157},{"alt":339,"title":340,"source":16,"copyright":16},"minimal-web-viewer","ko/developers/labs/minimal-web-viewer",-200,[],99359039112762,"4a2fa999-84cf-4106-a297-f63b5b104b6f","2026-04-03T18:44:12.259Z",[],1791995899,[357],{"name":256,"created_at":257,"published_at":258,"updated_at":259,"id":260,"uuid":261,"content":358,"slug":304,"full_slug":305,"sort_by_date":30,"position":306,"tag_list":371,"is_startpage":157,"parent_id":308,"meta_data":30,"group_id":309,"first_published_at":310,"release_id":30,"lang":311,"path":30,"alternates":372,"default_full_slug":30,"translated_slugs":30},{"_uid":263,"items":359,"component":303},[360,365],{"_uid":266,"left_nav":16,"messages":361,"component":284,"right_nav":16},[362,363,364],{"_uid":269,"icon":270,"link":271,"target":99,"message":272,"component":273},{"_uid":275,"icon":276,"link":277,"target":99,"message":278,"component":273},{"_uid":280,"icon":281,"link":282,"target":16,"message":283,"component":273},{"_uid":286,"menu":366,"component":302,"has_notice":51},[367,368,369,370],{"url":289,"_uid":290,"label":291,"new_tab":157,"component":292},{"url":289,"_uid":294,"label":295,"new_tab":157,"component":292,"style_as_button":157},{"url":289,"_uid":297,"label":298,"new_tab":157,"component":292,"style_as_button":157},{"url":289,"_uid":300,"label":301,"new_tab":157,"component":292,"style_as_button":51},[],[],[],{"cache-control":375,"connection":376,"content-encoding":377,"content-type":378,"date":379,"etag":380,"referrer-policy":381,"sb-be-version":382,"server":383,"strict-transport-security":384,"transfer-encoding":385,"vary":386,"via":387,"x-amz-cf-id":388,"x-amz-cf-pop":389,"x-cache":390,"x-content-type-options":391,"x-frame-options":392,"x-permitted-cross-domain-policies":393,"x-request-id":394,"x-runtime":395,"x-xss-protection":396},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:47 GMT","W/\"58c6a8b067bf42cf1d72d72efd28bd0c\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 dfefeb7bf78c4bb787739d020c642c14.cloudfront.net (CloudFront)","yNmO18hak3nYQkZ_NJziFJiuH1khk_TSq50nL7AdJu7D5OOrzWPglw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","f0f237e2-a5bb-4aca-89b9-0b6a02532995","0.029584","0",1791997367911]