[{"data":1,"prerenderedAt":485},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/configurator-demo":3},{"data":4,"headers":462},{"story":5,"cv":443,"rels":444,"links":461},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":435,"full_slug":436,"sort_by_date":30,"position":437,"tag_list":438,"is_startpage":268,"parent_id":439,"meta_data":30,"group_id":440,"first_published_at":441,"release_id":30,"lang":385,"path":30,"alternates":442,"default_full_slug":30,"translated_slugs":30},"Configurator Demo","2026-03-24T20:33:36.512Z","2026-10-10T22:14:56.982Z","2026-10-10T22:14:57.028Z",158493968474293,"5a44ce41-1aab-4759-8902-bce8663d5df8",{"_uid":13,"body":14,"date":325,"fold":326,"intro":388,"title":401,"gallery":402,"category":419,"metadata":421,"component":425,"demo_link":426,"thumbnail":428,"github_link":430,"last_updated":432,"open_graph_image":433,"include_open_graph":63,"block_search_engines":268},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,316],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":315,"remove_padding":63},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,64,135,220,257,298],{"_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 for Web",[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}," (이전의 HOOPS Communicator)를 사용하여 제품 구성기 시각화 워크플로를 만드는 방법을 보여줍니다. 이 데모에서는 자동차 어셈블리의 요소를 선택하여 동적 로딩을 통해 장면에 추가할 수 있습니다. 또한 추가된 부품에 여러 옵션이 있는 경우, 다른 부품으로 교체할 수 있습니다. 이 데모에는 어셈블리의 다양한 측면을 강조하기 위한 일부 애니메이션이 포함된 다양한 사전 정의된 뷰가 있습니다.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"이 데모를 작동하려면 뷰를 가리키고 드롭다운하여 시청 위치를 변경하고 내장된 애니메이션을 확인하십시오. 추가로, 트레일러, 엔진, 스티어링 휠 드롭다운을 사용하여 장면에 더 많은 요소를 추가하거나 이미 장면에 있는 부품을 교체할 수 있습니다.","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,75],{"type":27,"attrs":69,"content":70},{"level":29,"textAlign":30},[71],{"text":72,"type":34,"marks":73},"구현 방법:",[74],{"type":37},{"type":76,"content":77},"bullet_list",[78,91,102,113,124],{"type":79,"content":80},"list_item",[81],{"type":39,"attrs":82,"content":83},{"textAlign":30},[84],{"text":85,"type":34,"marks":86},"뷰어 설정",[87],{"type":48,"attrs":88},{"href":89,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html","url",{"type":79,"content":92},[93],{"type":39,"attrs":94,"content":95},{"textAlign":30},[96],{"text":97,"type":34,"marks":98},"모델 로드",[99],{"type":48,"attrs":100},{"href":101,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/loading-models.html",{"type":79,"content":103},[104],{"type":39,"attrs":105,"content":106},{"textAlign":30},[107],{"text":108,"type":34,"marks":109},"구성 요소 선택 추가",[110],{"type":48,"attrs":111},{"href":112,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/add-component-selection.html",{"type":79,"content":114},[115],{"type":39,"attrs":116,"content":117},{"textAlign":30},[118],{"text":119,"type":34,"marks":120},"모델 관계 통합",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/incorporating-model-relationships.html",{"type":79,"content":125},[126],{"type":39,"attrs":127,"content":128},{"textAlign":30},[129],{"text":130,"type":34,"marks":131},"애니메이션 추가",[132],{"type":48,"attrs":133},{"href":134,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/prog_guide/viewing/animation.html?highlight=animation",{"_uid":136,"body":137,"alignment":61,"component":62,"is_full_width":63},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":138},[139,146,162],{"type":27,"attrs":140,"content":141},{"level":29,"textAlign":30},[142],{"text":143,"type":34,"marks":144},"웹용 HOOPS Visualise 탐색",[145],{"type":37},{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,152,158],{"text":43,"type":34,"marks":150},[151],{"type":37},{"text":153,"type":34,"marks":154},"웹용 HOOPS Visualize",[155,157],{"type":48,"attrs":156},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":159,"type":34,"marks":160}," (이전에는 HOOPS Communicator)으로 작성되었습니다.",[161],{"type":37},{"type":76,"content":163},[164,179,194,207],{"type":79,"content":165},[166],{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"HOOPS Visualize for Web (이전에는 HOOPS Communicator) ",{"text":172,"type":34,"marks":173},"문서",[174],{"type":48,"attrs":175},{"href":176,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://docs.techsoft3d.com/communicator/latest/",{"text":178,"type":34},"를 참고하세요.",{"type":79,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186,192],{"text":185,"type":34},"무료 ",{"text":187,"type":34,"marks":188},"평가판",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://manage.techsoft3d.com/signup?product=communicator",{"text":193,"type":34},"에 등록하세요.",{"type":79,"content":195},[196],{"type":39,"attrs":197,"content":198},{"textAlign":30},[199,201],{"text":200,"type":34},"코딩을 바로 시작하려면 ",{"text":202,"type":34,"marks":203},"3D Sandbox",[204],{"type":48,"attrs":205},{"href":206,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://3dsandbox.techsoft3d.com/",{"type":79,"content":208},[209],{"type":39,"attrs":210,"content":211},{"textAlign":30},[212,214],{"text":213,"type":34},"에 참여하세요. ",{"text":215,"type":34,"marks":216},"Community Forum",[217],{"type":48,"attrs":218},{"href":219,"uuid":30,"anchor":30,"target":30,"linktype":90},"https://forum.techsoft3d.com/",{"_uid":221,"body":222,"alignment":61,"component":62,"is_full_width":63},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":223},[224,231,244],{"type":27,"attrs":225,"content":226},{"level":29,"textAlign":30},[227],{"text":228,"type":34,"marks":229},"질문 또는 피드백이 있습니까?",[230],{"type":37},{"type":39,"attrs":232,"content":233},{"textAlign":30},[234,236,242],{"text":235,"type":34},"당사는 피드백을 받고 이 툴킷이 귀하의 요구를 충족하도록 개선할 방법을 찾고 있습니다! 저희의 ",{"text":237,"type":34,"marks":238},"포럼",[239],{"type":48,"attrs":240},{"href":219,"uuid":30,"anchor":30,"target":241,"linktype":90},"_blank",{"text":243,"type":34},"에 연결해 주세요.",{"type":39,"attrs":245,"content":246},{"textAlign":30},[247,249,255],{"text":248,"type":34},"또한 ",{"text":250,"type":34,"marks":251},"HOOPS 웹 플랫폼",[252],{"type":48,"attrs":253},{"href":254,"uuid":30,"anchor":30,"target":241,"linktype":90},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":256,"type":34},"60일 평가판에 등록할 수 있습니다.",{"_uid":258,"messages":259,"component":292,"background":293,"remove_padding":63,"is_verticalized":268},"2517b691-8590-46b2-b1a0-c989536a3b36",[260],{"_uid":261,"icon":16,"buttons":262,"content":273,"headline":280,"link_url":16,"metadata":287,"component":290,"icon_size":16,"link_label":16,"headline_heading":291},"1f7a4845-55d4-4520-b973-efe814118e45",[263],{"_uid":264,"href":16,"color":265,"label":266,"action":267,"new_tab":268,"outline":63,"alignment":16,"component":269,"text_link":268,"destination":270},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독","action-modal",false,"element-button",{"id":16,"url":271,"linktype":90,"fieldtype":272,"cached_url":271},"subscribe","multilink",{"type":24,"content":274},[275],{"type":39,"attrs":276,"content":277},{"textAlign":30},[278],{"text":279,"type":34},"새로운 프로젝트가 사용 가능해지면 즉시 알려드리겠습니다.",{"type":24,"content":281},[282],{"type":39,"attrs":283,"content":284},{"textAlign":30},[285],{"text":286,"type":34},"새 프로젝트에 대해 가장 먼저 알아보세요",{"_uid":288,"title":16,"plugin":289,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":294,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":295,"copyright":16,"fieldtype":296,"meta_data":297,"is_external_url":268},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":299,"body":300,"alignment":61,"component":62,"is_full_width":63},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":301},[302],{"type":39,"attrs":303,"content":304},{"textAlign":30},[305,307,313],{"text":306,"type":34},"문의가 필요하신가요? 다음 이메일로 연락주세요: ",{"text":308,"type":34,"marks":309},"labs@techsoft3d.com",[310],{"type":48,"attrs":311},{"href":308,"uuid":30,"anchor":30,"target":52,"linktype":312},"email",{"text":314,"type":34},".","columns",{"id":271,"_uid":317,"items":318,"component":324},"ca556064-0fa5-4110-8395-86e3f005ea32",[319],{"id":320,"_uid":321,"component":322,"business_unit":323},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-25 00:00",[327],{"_uid":328,"source":329,"component":387},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":330,"created_at":331,"published_at":332,"updated_at":333,"id":334,"uuid":335,"content":336,"slug":378,"full_slug":379,"sort_by_date":30,"position":380,"tag_list":381,"is_startpage":268,"parent_id":382,"meta_data":30,"group_id":383,"first_published_at":384,"release_id":30,"lang":385,"path":30,"alternates":386,"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":337,"items":338,"component":377},"8915070e-32eb-476d-b215-1c92ebdad15c",[339,359],{"_uid":340,"left_nav":16,"messages":341,"component":358,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[342,348,353],{"_uid":343,"icon":344,"link":345,"target":241,"message":346,"component":347},"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":349,"icon":350,"link":351,"target":241,"message":352,"component":347},"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":354,"icon":355,"link":356,"target":16,"message":357,"component":347},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":360,"menu":361,"component":376,"has_notice":63},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[362,367,370,373],{"url":363,"_uid":364,"label":365,"new_tab":268,"component":366},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":363,"_uid":368,"label":369,"new_tab":268,"component":366,"style_as_button":268},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":363,"_uid":371,"label":372,"new_tab":268,"component":366,"style_as_button":268},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":363,"_uid":374,"label":375,"new_tab":268,"component":366,"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":389},[390],{"type":39,"attrs":391,"content":392},{"textAlign":30},[393,394,399],{"text":43,"type":34},{"text":395,"type":34,"marks":396},"HOOPS Visualize",[397],{"type":48,"attrs":398},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"text":400,"type":34}," for Web (이전의 HOOPS Communicator)를 사용하여 제품 구성기 시각화 워크플로를 만드는 방법을 보여줍니다. ","구성기 데모",[403,409,415],{"id":404,"alt":405,"name":16,"focus":16,"title":406,"source":16,"filename":407,"copyright":16,"fieldtype":296,"meta_data":408},158749818666057,"3D model of vehicle for configurator demo","Configurator Model","https://a-us.storyblok.com/f/1023536/4500x3000/a2b8ba9027/configurator-demo-model.jpg",{"alt":405,"title":406,"source":16,"copyright":16},{"id":410,"alt":411,"name":16,"focus":16,"title":412,"source":16,"filename":413,"copyright":16,"fieldtype":296,"meta_data":414},158750117702730,"Close up of a 3D trailer model for configurator demo","Configurator Model Close Up","https://a-us.storyblok.com/f/1023536/4500x3000/15fa29cfa4/configurator-demo-close-up.jpg",{"alt":411,"title":412,"source":16,"copyright":16},{"id":416,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":417,"copyright":16,"fieldtype":296,"meta_data":418},158750527593548,"https://a-us.storyblok.com/f/1023536/4500x3000/a67872034b/configurator-demo-model-front.jpg",{},[420],"hoopsVisualize",{"_uid":422,"title":423,"plugin":289,"description":424},"50e66b75-341e-411c-b5dc-a43b7fb0a86d","구성자 데모 | Tech Soft 3D Labs","이 데모는 HOOPS Visualize for Web (이전 이름: HOOPS Communicator)을 사용하여 제품 구성자 시각화 워크플로를 생성하는 방법을 보여줍니다. ","lab",{"id":16,"url":427,"linktype":90,"fieldtype":272,"cached_url":427},"https://configurator-docker.techsoft3d.com/",{"id":404,"alt":405,"name":16,"focus":16,"title":406,"source":16,"filename":407,"copyright":16,"fieldtype":296,"meta_data":429,"is_external_url":268},{"alt":405,"title":406,"source":16,"copyright":16},{"id":16,"url":431,"linktype":90,"fieldtype":272,"cached_url":431},"https://github.com/techsoft3d/configurator-docker/","2023년 6월 25일, 일요일",{"id":404,"alt":405,"name":16,"focus":16,"title":406,"source":16,"filename":407,"copyright":16,"fieldtype":296,"meta_data":434,"is_external_url":268},{"alt":405,"title":406,"source":16,"copyright":16},"configurator-demo","ko/developers/labs/configurator-demo",-140,[],99359039112762,"994da7ba-6801-4c31-bd3d-95d5270d377d","2026-04-03T18:44:13.707Z",[],1791995899,[445],{"name":330,"created_at":331,"published_at":332,"updated_at":333,"id":334,"uuid":335,"content":446,"slug":378,"full_slug":379,"sort_by_date":30,"position":380,"tag_list":459,"is_startpage":268,"parent_id":382,"meta_data":30,"group_id":383,"first_published_at":384,"release_id":30,"lang":385,"path":30,"alternates":460,"default_full_slug":30,"translated_slugs":30},{"_uid":337,"items":447,"component":377},[448,453],{"_uid":340,"left_nav":16,"messages":449,"component":358,"right_nav":16},[450,451,452],{"_uid":343,"icon":344,"link":345,"target":241,"message":346,"component":347},{"_uid":349,"icon":350,"link":351,"target":241,"message":352,"component":347},{"_uid":354,"icon":355,"link":356,"target":16,"message":357,"component":347},{"_uid":360,"menu":454,"component":376,"has_notice":63},[455,456,457,458],{"url":363,"_uid":364,"label":365,"new_tab":268,"component":366},{"url":363,"_uid":368,"label":369,"new_tab":268,"component":366,"style_as_button":268},{"url":363,"_uid":371,"label":372,"new_tab":268,"component":366,"style_as_button":268},{"url":363,"_uid":374,"label":375,"new_tab":268,"component":366,"style_as_button":63},[],[],[],{"cache-control":463,"connection":464,"content-encoding":465,"content-type":466,"date":467,"etag":468,"referrer-policy":469,"sb-be-version":470,"server":471,"strict-transport-security":472,"transfer-encoding":473,"vary":474,"via":475,"x-amz-cf-id":476,"x-amz-cf-pop":477,"x-cache":478,"x-content-type-options":479,"x-frame-options":480,"x-permitted-cross-domain-policies":481,"x-request-id":482,"x-runtime":483,"x-xss-protection":484},"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:51 GMT","W/\"e6ee54b48505306860db09b852873e52\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 3b2dd9ca40903562e8f0412d796f5600.cloudfront.net (CloudFront)","BSAXoVWPeE_78FOq1waB5cm7fHF8DQNozG7Q6M78_OjyFuIl6iBq9Q==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","ee042d1a-6359-4036-89d0-06d50e3d0979","0.030284","0",1791997371042]