[{"data":1,"prerenderedAt":492},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/four-models":3},{"data":4,"headers":469},{"story":5,"cv":450,"rels":451,"links":468},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":442,"full_slug":443,"sort_by_date":30,"position":444,"tag_list":445,"is_startpage":141,"parent_id":446,"meta_data":30,"group_id":447,"first_published_at":448,"release_id":30,"lang":398,"path":30,"alternates":449,"default_full_slug":30,"translated_slugs":30},"Four Models","2026-03-09T14:52:27.370Z","2026-10-10T22:15:08.467Z","2026-10-10T22:15:08.512Z",153101710869841,"2529b396-28a8-4653-aba4-42d8d0b6c78e",{"_uid":13,"body":14,"date":338,"fold":339,"intro":401,"title":408,"gallery":409,"category":422,"metadata":424,"component":428,"demo_link":429,"thumbnail":431,"github_link":437,"last_updated":439,"open_graph_image":440,"include_open_graph":69,"block_search_engines":141},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,329],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":144,"remove_padding":69},"","7d8d5b34-9501-4f53-8220-a76bf31cfe98","column-one","width-full",[21,70,123,134,145,235,272,312],{"_uid":22,"body":23,"alignment":67,"component":68,"is_full_width":69},"b989bae4-64bd-41d7-bfd4-28b9b2933a49",{"type":24,"content":25},"doc",[26,38,62],{"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,52,54,60],{"text":43,"type":34},"이 데모는 HOOPS 웹 뷰어를 사용하여 장면에 추가 CAD 데이터를 신속하고 효율적으로 로드 및 표시하는 방법을 보여줍니다. 이 데모에서는 사용자가 모델을 표시하도록 요청할 때까지는 아무것도 장면에 로드되지 않습니다. 이 동작은 우리의 ",{"text":45,"type":34,"marks":46},"요청 시 로딩",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/data_model/stream_cache/loading.html?highlight=on%20demand#","url",{"text":53,"type":34}," 기능과 다르며, 이는 ",{"text":55,"type":34,"marks":56},"시멘트 공장 데모",[57],{"type":48,"attrs":58},{"href":59,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://master--elaborate-shortbread-ea7430.netlify.app/project/cement-plant",{"text":61,"type":34},"에 나타납니다. 시멘트 공장 데모와 달리, 이 장면에 로드된 모든 모델은 서로 완전히 독립적이며 사전 로딩 절차가 없습니다.",{"type":39,"attrs":63,"content":64},{"textAlign":30},[65],{"text":66,"type":34},"이 데모를 시작할 때, 장면은 빈 상태로 나타나며, 모델 드롭다운 위로 마우스를 올리면 장면에 다른 모델을 추가할 수 있습니다.","align-left","copy",true,{"_uid":71,"body":72,"alignment":67,"component":68,"is_full_width":69},"417764ff-e6fc-4fba-a853-ca6cbde1cba2",{"type":24,"content":73},[74,81],{"type":27,"attrs":75,"content":76},{"level":29,"textAlign":30},[77],{"text":78,"type":34,"marks":79},"어떻게 구현되었는가",[80],{"type":37},{"type":82,"content":83},"bullet_list",[84,98,110],{"type":85,"content":86},"list_item",[87],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90,92],{"text":91,"type":34},"초기화하기 ",{"text":93,"type":34,"marks":94},"WebViewer",[95],{"type":48,"attrs":96},{"href":97,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#constructor",{"type":85,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"시작하기 ",{"text":93,"type":34,"marks":106},[107],{"type":48,"attrs":108},{"href":109,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":85,"content":111},[112],{"type":39,"attrs":113,"content":114},{"textAlign":30},[115,117],{"text":116,"type":34},"요청된 모델 불러오기 ",{"text":118,"type":34,"marks":119},"viewer.getModel().loadSubtreeFromModel",[120],{"type":48,"attrs":121},{"href":122,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=loadSubtreeFromModel#loadsubtreefrommodel",{"_uid":124,"body":125,"alignment":67,"component":68,"is_full_width":69},"a13c3392-16a2-48a4-97b5-7282a80b8ece",{"type":24,"content":126},[127],{"type":27,"attrs":128,"content":129},{"level":29,"textAlign":30},[130],{"text":131,"type":34,"marks":132},"사용 방법 (데모 안내 비디오)",[133],{"type":37},{"gap":16,"_uid":135,"align":16,"count":18,"width":136,"columns":137,"component":144,"remove_padding":69},"4856b2cc-b527-484c-b518-b636cf85bc1b","width-small",[138],{"_uid":139,"video":140,"is_full":141,"platform":142,"component":143,"aspect_ratio":16},"efea74d8-b9a4-4800-9a56-a813759e27f9","uBxPSby6CmA",false,"youtube","element-video","columns",{"_uid":146,"body":147,"alignment":67,"component":68,"is_full_width":69},"4528fbe7-0d6e-4536-81b4-4891791b9c17",{"type":24,"content":148},[149,156,177],{"type":27,"attrs":150,"content":151},{"level":29,"textAlign":30},[152],{"text":153,"type":34,"marks":154},"웹용 HOOPS Visualise 탐색하기",[155],{"type":37},{"type":39,"attrs":157,"content":158},{"textAlign":30},[159,163,173],{"text":160,"type":34,"marks":161},"이 데모는 다음을 사용하여 만들어졌습니다: ",[162],{"type":37},{"text":164,"type":34,"marks":165},"웹용 HOOPS Visualize",[166,172],{"type":48,"attrs":167},{"href":168,"uuid":169,"anchor":30,"target":170,"linktype":171},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":174,"type":34,"marks":175}," (이전 명칭: HOOPS Communicator).",[176],{"type":37},{"type":82,"content":178},[179,194,209,222],{"type":85,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"웹용 HOOPS Visualize (이전 명칭: HOOPS Communicator) ",{"text":187,"type":34,"marks":188},"문서 참고",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://docs.techsoft3d.com/communicator/latest/",{"text":193,"type":34},".",{"type":85,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201,207],{"text":200,"type":34},"무료 ",{"text":202,"type":34,"marks":203},"평가판",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://manage.techsoft3d.com/signup?product=communicator",{"text":208,"type":34},"을 신청하세요.",{"type":85,"content":210},[211],{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216],{"text":215,"type":34},"코딩을 바로 시작하세요 ",{"text":217,"type":34,"marks":218},"3D Sandbox",[219],{"type":48,"attrs":220},{"href":221,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://3dsandbox.techsoft3d.com/",{"type":85,"content":223},[224],{"type":39,"attrs":225,"content":226},{"textAlign":30},[227,229],{"text":228,"type":34},"우리의 ",{"text":230,"type":34,"marks":231},"커뮤니티 포럼",[232],{"type":48,"attrs":233},{"href":234,"uuid":30,"anchor":30,"target":30,"linktype":51},"https://forum.techsoft3d.com/",{"_uid":236,"body":237,"alignment":67,"component":68,"is_full_width":69},"d044d050-b8d4-462f-b447-ad857eb3dd00",{"type":24,"content":238},[239,246,259],{"type":27,"attrs":240,"content":241},{"level":29,"textAlign":30},[242],{"text":243,"type":34,"marks":244},"질문 또는 피드백?",[245],{"type":37},{"type":39,"attrs":247,"content":248},{"textAlign":30},[249,251,257],{"text":250,"type":34},"귀하의 요구를 충족하기 위해 이 도구킷을 어떻게 개선할 수 있는지 피드백을 원합니다! 우리의 ",{"text":252,"type":34,"marks":253},"포럼",[254],{"type":48,"attrs":255},{"href":234,"uuid":30,"anchor":30,"target":256,"linktype":51},"_blank",{"text":258,"type":34},"에서 연결해 주세요.",{"type":39,"attrs":260,"content":261},{"textAlign":30},[262,264,270],{"text":263,"type":34},"또한 60일 동안 ",{"text":265,"type":34,"marks":266},"HOOPS 웹 플랫폼",[267],{"type":48,"attrs":268},{"href":269,"uuid":30,"anchor":30,"target":256,"linktype":51},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":271,"type":34},"을 체험할 수 있는 시험판을 신청할 수 있습니다.",{"_uid":273,"messages":274,"component":306,"background":307,"remove_padding":69,"is_verticalized":141},"744ffc7b-e5be-4b1a-97bb-578a922ab6a5",[275],{"_uid":276,"icon":16,"buttons":277,"content":287,"headline":294,"link_url":16,"metadata":301,"component":304,"icon_size":16,"link_label":16,"headline_heading":305},"895c648c-b8c3-4953-a690-6e71dd15bba1",[278],{"_uid":279,"href":16,"color":280,"label":281,"action":282,"new_tab":141,"outline":69,"alignment":16,"component":283,"text_link":141,"destination":284},"3f9e1f1c-9c3b-4ee5-b399-669acab8f58d","light","구독","action-modal","element-button",{"id":16,"url":285,"linktype":51,"fieldtype":286,"cached_url":285},"subscribe","multilink",{"type":24,"content":288},[289],{"type":39,"attrs":290,"content":291},{"textAlign":30},[292],{"text":293,"type":34},"새 프로젝트가 사용 가능할 때 즉시 알려드리겠습니다.",{"type":24,"content":295},[296],{"type":39,"attrs":297,"content":298},{"textAlign":30},[299],{"text":300,"type":34},"새로운 프로젝트에 대한 소식을 가장 먼저 알아보세요",{"_uid":302,"title":16,"plugin":303,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":308,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":309,"copyright":16,"fieldtype":310,"meta_data":311,"is_external_url":141},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":313,"body":314,"alignment":67,"component":68,"is_full_width":69},"1a88a65d-c0fb-4d4d-b5cc-e95b1640588e",{"type":24,"content":315},[316],{"type":39,"attrs":317,"content":318},{"textAlign":30},[319,321,327],{"text":320,"type":34},"우리에게 연락해야 합니까? ",{"text":322,"type":34,"marks":323},"labs@techsoft3d.com",[324],{"type":48,"attrs":325},{"href":322,"uuid":30,"anchor":30,"target":170,"linktype":326},"email",{"text":328,"type":34},"으로 이메일을 보내주세요.",{"id":285,"_uid":330,"items":331,"component":337},"ca556064-0fa5-4110-8395-86e3f005ea32",[332],{"id":333,"_uid":334,"component":335,"business_unit":336},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[340],{"_uid":341,"source":342,"component":400},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":343,"created_at":344,"published_at":345,"updated_at":346,"id":347,"uuid":348,"content":349,"slug":391,"full_slug":392,"sort_by_date":30,"position":393,"tag_list":394,"is_startpage":141,"parent_id":395,"meta_data":30,"group_id":396,"first_published_at":397,"release_id":30,"lang":398,"path":30,"alternates":399,"default_full_slug":30,"translated_slugs":30,"_stopResolving":69},"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":350,"items":351,"component":390},"8915070e-32eb-476d-b215-1c92ebdad15c",[352,372],{"_uid":353,"left_nav":16,"messages":354,"component":371,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[355,361,366],{"_uid":356,"icon":357,"link":358,"target":256,"message":359,"component":360},"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":362,"icon":363,"link":364,"target":256,"message":365,"component":360},"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":367,"icon":368,"link":369,"target":16,"message":370,"component":360},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":373,"menu":374,"component":389,"has_notice":69},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[375,380,383,386],{"url":376,"_uid":377,"label":378,"new_tab":141,"component":379},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":376,"_uid":381,"label":382,"new_tab":141,"component":379,"style_as_button":141},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":376,"_uid":384,"label":385,"new_tab":141,"component":379,"style_as_button":141},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":376,"_uid":387,"label":388,"new_tab":141,"component":379,"style_as_button":69},"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":402},[403],{"type":39,"attrs":404,"content":405},{"textAlign":30},[406],{"text":407,"type":34},"이 HOOPS Visualize for Web (이전의 HOOPS Communicator) 기반 데모는 동일한 장면 내에서 여러 모델을 필요에 따라 어떻게 로드할 수 있는지를 보여줍니다.","네 가지 모델 데모",[410,414,418],{"id":411,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":412,"copyright":16,"fieldtype":310,"meta_data":413},153103553727336,"https://a-us.storyblok.com/f/1023536/1800x1200/d2ce154c11/four-models-demo-1.webp",{},{"id":415,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":416,"copyright":16,"fieldtype":310,"meta_data":417},153103553686375,"https://a-us.storyblok.com/f/1023536/1800x1200/f92c7e5c0e/four-models-demo-2.webp",{},{"id":419,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":420,"copyright":16,"fieldtype":310,"meta_data":421},153103553739625,"https://a-us.storyblok.com/f/1023536/1800x1200/c46bb6c439/four-models-demo-3.webp",{},[423],"hoopsVisualize",{"_uid":425,"title":426,"plugin":303,"description":427},"ded6124e-4494-40f6-8d0f-4c5571b0f503","Four Models Demo | Tech Soft 3D Labs","이 HOOPS Visualize for Web 기반 데모는 어떻게 여러 모델이 같은 장면 내에서 필요에 따라 로드될 수 있는지를 보여줍니다.","lab",{"id":16,"url":430,"linktype":51,"fieldtype":286,"cached_url":430},"https://four-models-docker.techsoft3d.com/",{"id":432,"alt":433,"name":16,"focus":16,"title":434,"source":16,"filename":435,"copyright":16,"fieldtype":310,"meta_data":436,"is_external_url":141},153102770641766,"Four CAD models from a 'four models' HOOPS web viewer demo","Four CAD Models","https://a-us.storyblok.com/f/1023536/447x298/a2607531eb/four-models-demo.webp",{"alt":433,"title":434,"source":16,"copyright":16},{"id":16,"url":438,"linktype":51,"fieldtype":286,"cached_url":438},"https://github.com/techsoft3d/four-models-docker"," 금요일, 2023년 6월 16일",{"id":432,"alt":433,"name":16,"focus":16,"title":434,"source":16,"filename":435,"copyright":16,"fieldtype":310,"meta_data":441,"is_external_url":141},{"alt":433,"title":434,"source":16,"copyright":16},"four-models","ko/developers/labs/four-models",0,[],99359039112762,"4b361977-c914-497a-978f-5152136684af","2026-04-03T18:44:17.203Z",[],1791995899,[452],{"name":343,"created_at":344,"published_at":345,"updated_at":346,"id":347,"uuid":348,"content":453,"slug":391,"full_slug":392,"sort_by_date":30,"position":393,"tag_list":466,"is_startpage":141,"parent_id":395,"meta_data":30,"group_id":396,"first_published_at":397,"release_id":30,"lang":398,"path":30,"alternates":467,"default_full_slug":30,"translated_slugs":30},{"_uid":350,"items":454,"component":390},[455,460],{"_uid":353,"left_nav":16,"messages":456,"component":371,"right_nav":16},[457,458,459],{"_uid":356,"icon":357,"link":358,"target":256,"message":359,"component":360},{"_uid":362,"icon":363,"link":364,"target":256,"message":365,"component":360},{"_uid":367,"icon":368,"link":369,"target":16,"message":370,"component":360},{"_uid":373,"menu":461,"component":389,"has_notice":69},[462,463,464,465],{"url":376,"_uid":377,"label":378,"new_tab":141,"component":379},{"url":376,"_uid":381,"label":382,"new_tab":141,"component":379,"style_as_button":141},{"url":376,"_uid":384,"label":385,"new_tab":141,"component":379,"style_as_button":141},{"url":376,"_uid":387,"label":388,"new_tab":141,"component":379,"style_as_button":69},[],[],[],{"cache-control":470,"connection":471,"content-encoding":472,"content-type":473,"date":474,"etag":475,"referrer-policy":476,"sb-be-version":477,"server":478,"strict-transport-security":479,"transfer-encoding":480,"vary":481,"via":482,"x-amz-cf-id":483,"x-amz-cf-pop":484,"x-cache":485,"x-content-type-options":486,"x-frame-options":487,"x-permitted-cross-domain-policies":488,"x-request-id":489,"x-runtime":490,"x-xss-protection":491},"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:14 GMT","W/\"66fed08c56b4b780d7ca62159488daa4\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 604b77eecab133d2f1e4a87ee4ebe7e2.cloudfront.net (CloudFront)","ioUoEl0KeEFBgdl-M5VzEQ6VqhBKYK46N0rsG_RfjDjdZhIJXkdjNw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","e697b959-9182-445d-90b0-5e2129b45001","0.040288","0",1791997394656]