[{"data":1,"prerenderedAt":406},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/collaborator-demo":3},{"data":4,"headers":383},{"story":5,"cv":364,"rels":365,"links":382},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":356,"full_slug":357,"sort_by_date":30,"position":358,"tag_list":359,"is_startpage":201,"parent_id":360,"meta_data":30,"group_id":361,"first_published_at":362,"release_id":30,"lang":318,"path":30,"alternates":363,"default_full_slug":30,"translated_slugs":30},"Collaborator Demo","2026-03-23T19:45:48.783Z","2026-10-10T22:14:55.273Z","2026-10-10T22:14:55.316Z",158128327867478,"a7291551-5b19-4ad2-9738-98f5ee4421cf",{"_uid":13,"body":14,"date":258,"fold":259,"intro":321,"title":334,"gallery":335,"category":336,"metadata":338,"component":342,"demo_link":343,"thumbnail":345,"github_link":351,"last_updated":353,"open_graph_image":354,"include_open_graph":63,"block_search_engines":201},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,249],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":248,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,75,79,155,190,231],{"_uid":22,"body":23,"alignment":61,"component":62,"is_full_width":63},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56],{"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,44,54],{"text":43,"type":34},"이 데모는 ",{"text":45,"type":34,"marks":46},"HOOPS Visualize",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"text":55,"type":34}," for Web (이전의 HOOPS Communicator)을 사용하여 3D 엔지니어링 데이터를 보기 위한 협업 스크린 미러 애플리케이션을 어떻게 만들 수 있는지 보여줍니다. 이 데모는 한 번에 몇 명의 사용자가 접속되어 있는지를 모니터링하고 Socket.io를 사용하여 데모의 활성 사용자의 화면을 관리합니다. Socket.io를 통해 모델이나 환경이 사용자가 어떻게 변경하든 관계없이 연결된 모든 화면에 뷰가 미러링됩니다.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"이 데모를 두 개 이상의 다른 화면에서 데모 URL로 탐색하여 작동할 수 있습니다. 이 두 화면은 동일한 장치에서나 여러 장치에서 사용할 수 있습니다. 데모가 여러 화면에서 열리면 모델이 각 화면에서 정확히 동일하게 표시됩니다. 그런 다음 화면 중 하나에서 모델을 조작하기 시작할 수 있으며 반대 화면에서도 동일한 동작이 수행되는 것을 확인할 수 있습니다. 이는 렌더링 변경, 마크업, 폭발, 고립 등 데모와의 모든 상호작용에 해당됩니다.","align-left","copy",true,{"_uid":65,"body":66,"alignment":61,"component":62,"is_full_width":63},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":67},[68],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"데모 안내",[74],{"type":37},{"_uid":76,"code":77,"component":78},"6d1ac756-634d-401a-bc7c-4bf015dd38b7","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/X-48jAOQ7PA?si=Q1KpIhLW_OPEXEY1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":80,"body":81,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":82},[83,95],{"type":27,"attrs":84,"content":85},{"level":29,"textAlign":30},[86,88],{"text":87,"type":34},"에 대해 자세히 알아보세요 ",{"text":89,"type":34,"marks":90},"HOOPS Visualize for Web (이전의 HOOPS Communicator)",[91],{"type":48,"attrs":92},{"href":93,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://www.techsoft3d.com/products/hoops/communicator","url",{"type":96,"content":97},"bullet_list",[98,114,129,142],{"type":99,"content":100},"list_item",[101],{"type":39,"attrs":102,"content":103},{"textAlign":30},[104,106,112],{"text":105,"type":34},"HOOPS Visualize for Web (이전의 HOOPS Communicator) ",{"text":107,"type":34,"marks":108},"문서",[109],{"type":48,"attrs":110},{"href":111,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://docs.techsoft3d.com/communicator/latest/",{"text":113,"type":34},"를 참조하세요.",{"type":99,"content":115},[116],{"type":39,"attrs":117,"content":118},{"textAlign":30},[119,121,127],{"text":120,"type":34},"무료 ",{"text":122,"type":34,"marks":123},"평가판",[124],{"type":48,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://manage.techsoft3d.com/signup?product=communicator",{"text":128,"type":34},"에 등록하세요.",{"type":99,"content":130},[131],{"type":39,"attrs":132,"content":133},{"textAlign":30},[134,136],{"text":135,"type":34},"로 바로 코딩을 시작하세요 ",{"text":137,"type":34,"marks":138},"3D Sandbox",[139],{"type":48,"attrs":140},{"href":141,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://3dsandbox.techsoft3d.com/",{"type":99,"content":143},[144],{"type":39,"attrs":145,"content":146},{"textAlign":30},[147,149],{"text":148,"type":34},"우리의 ",{"text":150,"type":34,"marks":151},"커뮤니티 포럼",[152],{"type":48,"attrs":153},{"href":154,"uuid":30,"anchor":30,"target":30,"linktype":94},"https://forum.techsoft3d.com/",{"_uid":156,"body":157,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":158},[159,166,179],{"type":27,"attrs":160,"content":161},{"level":29,"textAlign":30},[162],{"text":163,"type":34,"marks":164},"질문 또는 의견이 있으신가요?",[165],{"type":37},{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"우리는 이 도구 키트가 귀하의 요구를 충족할 수 있도록 피드백과 개선 방안을 찾고 있습니다! 저희 ",{"text":172,"type":34,"marks":173},"포럼",[174],{"type":48,"attrs":175},{"href":154,"uuid":30,"anchor":30,"target":176,"linktype":94},"_blank",{"text":178,"type":34},"에서 연결해주세요.",{"type":39,"attrs":180,"content":181},{"textAlign":30},[182,184],{"text":183,"type":34},"또한, 60일의 ",{"text":185,"type":34,"marks":186},"HOOPS Visualize ",[187],{"type":48,"attrs":188},{"href":189,"uuid":30,"anchor":30,"target":52,"linktype":94},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":191,"messages":192,"component":225,"background":226,"remove_padding":63,"is_verticalized":201},"2517b691-8590-46b2-b1a0-c989536a3b36",[193],{"_uid":194,"icon":16,"buttons":195,"content":206,"headline":213,"link_url":16,"metadata":220,"component":223,"icon_size":16,"link_label":16,"headline_heading":224},"1f7a4845-55d4-4520-b973-efe814118e45",[196],{"_uid":197,"href":16,"color":198,"label":199,"action":200,"new_tab":201,"outline":63,"alignment":16,"component":202,"text_link":201,"destination":203},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독하기","action-modal",false,"element-button",{"id":16,"url":204,"linktype":94,"fieldtype":205,"cached_url":204},"subscribe","multilink",{"type":24,"content":207},[208],{"type":39,"attrs":209,"content":210},{"textAlign":30},[211],{"text":212,"type":34},"새 프로젝트가 이용 가능해지면 즉시 알려 드리겠습니다.",{"type":24,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218],{"text":219,"type":34},"새 프로젝트를 가장 먼저 알아보세요",{"_uid":221,"title":16,"plugin":222,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":227,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":228,"copyright":16,"fieldtype":229,"meta_data":230,"is_external_url":201},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":232,"body":233,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":234},[235],{"type":39,"attrs":236,"content":237},{"textAlign":30},[238,240,246],{"text":239,"type":34},"저희에게 연락이 필요하신가요? ",{"text":241,"type":34,"marks":242},"labs@techsoft3d.com",[243],{"type":48,"attrs":244},{"href":241,"uuid":30,"anchor":30,"target":52,"linktype":245},"email",{"text":247,"type":34},"으로 이메일 보내주세요.","columns",{"id":204,"_uid":250,"items":251,"component":257},"ca556064-0fa5-4110-8395-86e3f005ea32",[252],{"id":253,"_uid":254,"component":255,"business_unit":256},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-26 00:00",[260],{"_uid":261,"source":262,"component":320},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":263,"created_at":264,"published_at":265,"updated_at":266,"id":267,"uuid":268,"content":269,"slug":311,"full_slug":312,"sort_by_date":30,"position":313,"tag_list":314,"is_startpage":201,"parent_id":315,"meta_data":30,"group_id":316,"first_published_at":317,"release_id":30,"lang":318,"path":30,"alternates":319,"default_full_slug":30,"translated_slugs":30,"_stopResolving":63},"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":270,"items":271,"component":310},"8915070e-32eb-476d-b215-1c92ebdad15c",[272,292],{"_uid":273,"left_nav":16,"messages":274,"component":291,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[275,281,286],{"_uid":276,"icon":277,"link":278,"target":176,"message":279,"component":280},"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":282,"icon":283,"link":284,"target":176,"message":285,"component":280},"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":287,"icon":288,"link":289,"target":16,"message":290,"component":280},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":293,"menu":294,"component":309,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[295,300,303,306],{"url":296,"_uid":297,"label":298,"new_tab":201,"component":299},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":296,"_uid":301,"label":302,"new_tab":201,"component":299,"style_as_button":201},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":296,"_uid":304,"label":305,"new_tab":201,"component":299,"style_as_button":201},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":296,"_uid":307,"label":308,"new_tab":201,"component":299,"style_as_button":63},"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":322},[323],{"type":39,"attrs":324,"content":325},{"textAlign":30},[326,327,332],{"text":43,"type":34},{"text":328,"type":34,"marks":329},"HOOPS Visualize for Web",[330],{"type":48,"attrs":331},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":333,"type":34}," (이전의 HOOPS Communicator)을 사용하여 3D 엔지니어링 데이터를 보기 위한 협업 스크린 미러 애플리케이션을 어떻게 만들 수 있는지 보여줍니다.","협업 데모",[],[337],"hoopsVisualize",{"_uid":339,"title":340,"plugin":222,"description":341},"8466de66-b279-433f-8d9c-75b14062e38e","Collaborator Demo | Tech Soft 3D 연구소","이 데모는 웹용 HOOPS Visualize를 사용하여 3D 엔지니어링 데이터를 보기 위한 협업 스크린 미러 애플리케이션을 만드는 방법을 보여줍니다.","lab",{"id":16,"url":344,"linktype":94,"fieldtype":205,"cached_url":344},"https://collaborator-docker.techsoft3d.com/",{"id":346,"alt":347,"name":16,"focus":16,"title":348,"source":16,"filename":349,"copyright":16,"fieldtype":229,"meta_data":350,"is_external_url":201},160845471975344,"3D model of motorcycle for HOOPS Visualize Collaborator Demo","Collaborator Demo Motorcycle","https://a-us.storyblok.com/f/1023536/1920x1080/8ae8878142/collaborator-demo-motorbike.jpg",{"alt":347,"title":348,"source":16,"copyright":16},{"id":16,"url":352,"linktype":94,"fieldtype":205,"cached_url":352},"https://github.com/techsoft3d/Collaborator","월요일, 2023년 6월 26일",{"id":346,"alt":347,"name":16,"focus":16,"title":348,"source":16,"filename":349,"copyright":16,"fieldtype":229,"meta_data":355,"is_external_url":201},{"alt":347,"title":348,"source":16,"copyright":16},"collaborator-demo","ko/developers/labs/collaborator-demo",-70,[],99359039112762,"002c98af-96eb-4cd5-819d-bad5a04dae0f","2026-04-03T18:44:15.445Z",[],1791995899,[366],{"name":263,"created_at":264,"published_at":265,"updated_at":266,"id":267,"uuid":268,"content":367,"slug":311,"full_slug":312,"sort_by_date":30,"position":313,"tag_list":380,"is_startpage":201,"parent_id":315,"meta_data":30,"group_id":316,"first_published_at":317,"release_id":30,"lang":318,"path":30,"alternates":381,"default_full_slug":30,"translated_slugs":30},{"_uid":270,"items":368,"component":310},[369,374],{"_uid":273,"left_nav":16,"messages":370,"component":291,"right_nav":16},[371,372,373],{"_uid":276,"icon":277,"link":278,"target":176,"message":279,"component":280},{"_uid":282,"icon":283,"link":284,"target":176,"message":285,"component":280},{"_uid":287,"icon":288,"link":289,"target":16,"message":290,"component":280},{"_uid":293,"menu":375,"component":309,"has_notice":63},[376,377,378,379],{"url":296,"_uid":297,"label":298,"new_tab":201,"component":299},{"url":296,"_uid":301,"label":302,"new_tab":201,"component":299,"style_as_button":201},{"url":296,"_uid":304,"label":305,"new_tab":201,"component":299,"style_as_button":201},{"url":296,"_uid":307,"label":308,"new_tab":201,"component":299,"style_as_button":63},[],[],[],{"cache-control":384,"connection":385,"content-encoding":386,"content-type":387,"date":388,"etag":389,"referrer-policy":390,"sb-be-version":391,"server":392,"strict-transport-security":393,"transfer-encoding":394,"vary":395,"via":396,"x-amz-cf-id":397,"x-amz-cf-pop":398,"x-cache":399,"x-content-type-options":400,"x-frame-options":401,"x-permitted-cross-domain-policies":402,"x-request-id":403,"x-runtime":404,"x-xss-protection":405},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:01 GMT","W/\"03d0de531a600394282886b98013e77f\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 2e518fdd52a59136f75dd93fdd93aeb0.cloudfront.net (CloudFront)","oykga24OGfd-C-NMt2C8xirKzU9liGArV7LquQwTHlW6YzBnCvyiWg==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","acbfaa6a-2a37-4ece-ad46-6575734baef0","0.045728","0",1791997381161]