[{"data":1,"prerenderedAt":511},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/inventory-management-demo":3},{"data":4,"headers":488},{"story":5,"cv":469,"rels":470,"links":487},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":461,"full_slug":462,"sort_by_date":30,"position":463,"tag_list":464,"is_startpage":299,"parent_id":465,"meta_data":30,"group_id":466,"first_published_at":467,"release_id":30,"lang":416,"path":30,"alternates":468,"default_full_slug":30,"translated_slugs":30},"Inventory Management Demo","2026-03-27T14:56:46.412Z","2026-10-10T22:15:11.962Z","2026-10-10T22:15:12.023Z",159472871113299,"b0f7e637-33e5-42ef-8891-202db83f4370",{"_uid":13,"body":14,"date":356,"fold":357,"intro":419,"title":431,"gallery":432,"category":445,"metadata":447,"component":451,"demo_link":452,"thumbnail":454,"github_link":456,"last_updated":458,"open_graph_image":459,"include_open_graph":74,"block_search_engines":299},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,347],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":346,"remove_padding":74},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,75,86,90,171,254,288,329],{"_uid":22,"body":23,"alignment":72,"component":73,"is_full_width":74},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,51,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],{"text":43,"type":34},"이 데모 내에서 사용자는 재고, 제조업체 및 부품 비용을 기준으로 필터링할 수 있으며, 데이터베이스에서 추가 부품 정보를 시각적이고 직관적으로 나타낼 수 있습니다.",{"type":27,"attrs":45,"content":46},{"level":29,"textAlign":30},[47],{"text":48,"type":34,"marks":49},"작동 방법",[50],{"type":37},{"type":39,"attrs":52,"content":53},{"textAlign":30},[54],{"text":55,"type":34},"이 데모를 작동하려면 모델 브라우저에서 사용 가능한 모델 중 하나를 클릭하기만 하면 됩니다. 그 이후로 화면에 표시되는 부품을 사용 가능한 재고 및 비용 슬라이더를 사용하여 필터링하거나, 제조업체 필터를 통해 필터링할 수 있습니다. 필터 렌더 모드를 변경하고 색상 그래디언트가 모델에 적용되는 방식을 변경할 수 있습니다. 마지막으로, 어셈블리 내에서 개별 부품을 선택하여 추가 정보를 표시할 수 있습니다.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59,61,70],{"text":60,"type":34},"이 데모에는 전체 ",{"text":62,"type":34,"marks":63},"단계별 튜토리얼",[64],{"type":65,"attrs":66},"link",{"href":67,"uuid":30,"anchor":30,"target":68,"linktype":69},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/inventory-management/intro.html","_blank","url",{"text":71,"type":34}," 이 포함되어 있어 이 프로젝트를 직접 구현하는 방법을 보여줍니다.","align-left","copy",true,{"_uid":76,"body":77,"alignment":72,"component":73,"is_full_width":74},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":78},[79],{"type":27,"attrs":80,"content":81},{"level":29,"textAlign":30},[82],{"text":83,"type":34,"marks":84},"데모 연습 비디오",[85],{"type":37},{"_uid":87,"code":88,"component":89},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/DyXOj6rZv-s?si=S9jqgi7y_doc56i1\" 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":91,"body":92,"alignment":72,"component":73,"is_full_width":74},"de567d9f-5e33-4bf8-a22f-7197ecac474f",{"type":24,"content":93},[94,101],{"type":27,"attrs":95,"content":96},{"level":29,"textAlign":30},[97],{"text":98,"type":34,"marks":99},"구현 방법",[100],{"type":37},{"type":102,"content":103},"bullet_list",[104,116,127,138,149,160],{"type":105,"content":106},"list_item",[107],{"type":39,"attrs":108,"content":109},{"textAlign":30},[110],{"text":111,"type":34,"marks":112},"WebViewer 설정하기",[113],{"type":65,"attrs":114},{"href":115,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/setting-up-the-main-viewer.html",{"type":105,"content":117},[118],{"type":39,"attrs":119,"content":120},{"textAlign":30},[121],{"text":122,"type":34,"marks":123},"어셈블리 트리에 모델 로드하기",[124],{"type":65,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/loading-models.html#loading-the-model-into-the-assembly-tree",{"type":105,"content":128},[129],{"type":39,"attrs":130,"content":131},{"textAlign":30},[132],{"text":133,"type":34,"marks":134},"애플리케이션 데이터에 연결하기",[135],{"type":65,"attrs":136},{"href":137,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/linking-to-application-data.html",{"type":105,"content":139},[140],{"type":39,"attrs":141,"content":142},{"textAlign":30},[143],{"text":144,"type":34,"marks":145},"디스플레이 필터 생성",[146],{"type":65,"attrs":147},{"href":148,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/creating-the-display-filter.html",{"type":105,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154],{"text":155,"type":34,"marks":156},"색상 그래디언트 추가하기",[157],{"type":65,"attrs":158},{"href":159,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-color-gradients.html",{"type":105,"content":161},[162],{"type":39,"attrs":163,"content":164},{"textAlign":30},[165],{"text":166,"type":34,"marks":167},"UI 이벤트 리스너 추가하기",[168],{"type":65,"attrs":169},{"href":170,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-the-UI-event-listeners.html",{"_uid":172,"body":173,"alignment":72,"component":73,"is_full_width":74},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":174},[175,196],{"type":39,"attrs":176,"content":177},{"textAlign":30},[178,182,192],{"text":179,"type":34,"marks":180},"이 데모는 ",[181],{"type":37},{"text":183,"type":34,"marks":184},"HOOPS Visualize for Web",[185,191],{"type":65,"attrs":186},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":193,"type":34,"marks":194}," (이전에는 HOOPS Communicator). 사용하여 제작되었습니다.",[195],{"type":37},{"type":102,"content":197},[198,213,228,241],{"type":105,"content":199},[200],{"type":39,"attrs":201,"content":202},{"textAlign":30},[203,205,211],{"text":204,"type":34},"HOOPS Visualize for Web (이전에는 HOOPS Communicator) ",{"text":206,"type":34,"marks":207},"문서",[208],{"type":65,"attrs":209},{"href":210,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/",{"text":212,"type":34},"를 참조하세요.",{"type":105,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,226],{"text":219,"type":34},"무료 ",{"text":221,"type":34,"marks":222},"평가",[223],{"type":65,"attrs":224},{"href":225,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://manage.techsoft3d.com/signup?product=communicator",{"text":227,"type":34},"에 가입하세요.",{"type":105,"content":229},[230],{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235],{"text":234,"type":34},"3D 샌드박스를 통해 바로 코딩을 시작하세요 ",{"text":236,"type":34,"marks":237},"3D Sandbox",[238],{"type":65,"attrs":239},{"href":240,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://3dsandbox.techsoft3d.com/",{"type":105,"content":242},[243],{"type":39,"attrs":244,"content":245},{"textAlign":30},[246,248],{"text":247,"type":34},"우리의 ",{"text":249,"type":34,"marks":250},"커뮤니티 포럼",[251],{"type":65,"attrs":252},{"href":253,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://forum.techsoft3d.com/",{"_uid":255,"body":256,"alignment":72,"component":73,"is_full_width":74},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":257},[258,265,277],{"type":27,"attrs":259,"content":260},{"level":29,"textAlign":30},[261],{"text":262,"type":34,"marks":263},"질문이나 피드백이 있습니까?",[264],{"type":37},{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,275],{"text":269,"type":34},"우리는 피드백과 이 툴킷을 어떻게 개선할 수 있는지에 대한 의견을 찾고 있습니다! 우리의 ",{"text":271,"type":34,"marks":272},"포럼",[273],{"type":65,"attrs":274},{"href":253,"uuid":30,"anchor":30,"target":68,"linktype":69},{"text":276,"type":34},"에서 연결해주세요.",{"type":39,"attrs":278,"content":279},{"textAlign":30},[280,282],{"text":281,"type":34},"또한 ",{"text":283,"type":34,"marks":284},"HOOPS Visualize 의 60일 체험판에 가입할 수 있습니다. ",[285],{"type":65,"attrs":286},{"href":287,"uuid":30,"anchor":30,"target":189,"linktype":69},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":289,"messages":290,"component":323,"background":324,"remove_padding":74,"is_verticalized":299},"2517b691-8590-46b2-b1a0-c989536a3b36",[291],{"_uid":292,"icon":16,"buttons":293,"content":304,"headline":311,"link_url":16,"metadata":318,"component":321,"icon_size":16,"link_label":16,"headline_heading":322},"1f7a4845-55d4-4520-b973-efe814118e45",[294],{"_uid":295,"href":16,"color":296,"label":297,"action":298,"new_tab":299,"outline":74,"alignment":16,"component":300,"text_link":299,"destination":301},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독하기","action-modal",false,"element-button",{"id":16,"url":302,"linktype":69,"fieldtype":303,"cached_url":302},"subscribe","multilink",{"type":24,"content":305},[306],{"type":39,"attrs":307,"content":308},{"textAlign":30},[309],{"text":310,"type":34},"새 프로젝트가 제공되면 곧바로 알려드리겠습니다.",{"type":24,"content":312},[313],{"type":39,"attrs":314,"content":315},{"textAlign":30},[316],{"text":317,"type":34},"새 프로젝트에 대해 가장 먼저 알고 싶으신가요",{"_uid":319,"title":16,"plugin":320,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":325,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":326,"copyright":16,"fieldtype":327,"meta_data":328,"is_external_url":299},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":330,"body":331,"alignment":72,"component":73,"is_full_width":74},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":332},[333],{"type":39,"attrs":334,"content":335},{"textAlign":30},[336,338,344],{"text":337,"type":34},"문의하려면? ",{"text":339,"type":34,"marks":340},"labs@techsoft3d.com",[341],{"type":65,"attrs":342},{"href":339,"uuid":30,"anchor":30,"target":189,"linktype":343},"email",{"text":345,"type":34},"으로 이메일을 보내주세요.","columns",{"id":302,"_uid":348,"items":349,"component":355},"ca556064-0fa5-4110-8395-86e3f005ea32",[350],{"id":351,"_uid":352,"component":353,"business_unit":354},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[358],{"_uid":359,"source":360,"component":418},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":361,"created_at":362,"published_at":363,"updated_at":364,"id":365,"uuid":366,"content":367,"slug":409,"full_slug":410,"sort_by_date":30,"position":411,"tag_list":412,"is_startpage":299,"parent_id":413,"meta_data":30,"group_id":414,"first_published_at":415,"release_id":30,"lang":416,"path":30,"alternates":417,"default_full_slug":30,"translated_slugs":30,"_stopResolving":74},"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":368,"items":369,"component":408},"8915070e-32eb-476d-b215-1c92ebdad15c",[370,390],{"_uid":371,"left_nav":16,"messages":372,"component":389,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[373,379,384],{"_uid":374,"icon":375,"link":376,"target":68,"message":377,"component":378},"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":380,"icon":381,"link":382,"target":68,"message":383,"component":378},"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":385,"icon":386,"link":387,"target":16,"message":388,"component":378},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":391,"menu":392,"component":407,"has_notice":74},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[393,398,401,404],{"url":394,"_uid":395,"label":396,"new_tab":299,"component":397},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":394,"_uid":399,"label":400,"new_tab":299,"component":397,"style_as_button":299},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":394,"_uid":402,"label":403,"new_tab":299,"component":397,"style_as_button":299},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":394,"_uid":405,"label":406,"new_tab":299,"component":397,"style_as_button":74},"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":420},[421],{"type":39,"attrs":422,"content":423},{"textAlign":30},[424,425,429],{"text":179,"type":34},{"text":183,"type":34,"marks":426},[427],{"type":65,"attrs":428},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},{"text":430,"type":34}," (이전에는 HOOPS Communicator) 를 사용하여 브라우저에서 외부 데이터베이스의 정보를 시각화하는 방법을 보여줍니다.","재고 관리 데모",[433,439],{"id":434,"alt":435,"name":16,"focus":16,"title":436,"source":16,"filename":437,"copyright":16,"fieldtype":327,"meta_data":438},159475726753543,"3D CAD model of motorbike in inventory management demo","3D Motorbike in Inventory Management","https://a-us.storyblok.com/f/1023536/1800x1012/897472fbbd/inventory-management-demo-2.jpg",{"alt":435,"title":436,"source":16,"copyright":16},{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":444},159475726765832,"Drill CAD model in inventory management 3D demo","Inventory Management 3D Model","https://a-us.storyblok.com/f/1023536/1654x1103/68a2e25b5d/inventory-management-demo-1.jpg",{"alt":441,"title":442,"source":16,"copyright":16},[446],"hoopsVisualize",{"_uid":448,"title":449,"plugin":320,"description":450},"b2ea6fcf-a357-4943-b080-60cc8d1a258f","재고 관리 | Tech Soft 3D Labs","이 데모는 HOOPS Visualize for Web (이전의 HOOPS Communicator)이 브라우저에서 외부 데이터베이스의 정보를 시각화하는 방법을 보여줍니다","lab",{"id":16,"url":453,"linktype":69,"fieldtype":303,"cached_url":453},"https://techsoft3d.github.io/inventory-management/",{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":455,"is_external_url":299},{"alt":441,"title":442,"source":16,"copyright":16},{"id":16,"url":457,"linktype":69,"fieldtype":303,"cached_url":457},"https://github.com/techsoft3d/inventory-management","2023년 6월 27일 화요일",{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":460,"is_external_url":299},{"alt":441,"title":442,"source":16,"copyright":16},"inventory-management-demo","ko/developers/labs/inventory-management-demo",-220,[],99359039112762,"a53444eb-25e6-4975-a83b-ff9023bff472","2026-04-03T18:44:11.695Z",[],1791995899,[471],{"name":361,"created_at":362,"published_at":363,"updated_at":364,"id":365,"uuid":366,"content":472,"slug":409,"full_slug":410,"sort_by_date":30,"position":411,"tag_list":485,"is_startpage":299,"parent_id":413,"meta_data":30,"group_id":414,"first_published_at":415,"release_id":30,"lang":416,"path":30,"alternates":486,"default_full_slug":30,"translated_slugs":30},{"_uid":368,"items":473,"component":408},[474,479],{"_uid":371,"left_nav":16,"messages":475,"component":389,"right_nav":16},[476,477,478],{"_uid":374,"icon":375,"link":376,"target":68,"message":377,"component":378},{"_uid":380,"icon":381,"link":382,"target":68,"message":383,"component":378},{"_uid":385,"icon":386,"link":387,"target":16,"message":388,"component":378},{"_uid":391,"menu":480,"component":407,"has_notice":74},[481,482,483,484],{"url":394,"_uid":395,"label":396,"new_tab":299,"component":397},{"url":394,"_uid":399,"label":400,"new_tab":299,"component":397,"style_as_button":299},{"url":394,"_uid":402,"label":403,"new_tab":299,"component":397,"style_as_button":299},{"url":394,"_uid":405,"label":406,"new_tab":299,"component":397,"style_as_button":74},[],[],[],{"cache-control":489,"connection":490,"content-encoding":491,"content-type":492,"date":493,"etag":494,"referrer-policy":495,"sb-be-version":496,"server":497,"strict-transport-security":498,"transfer-encoding":499,"vary":500,"via":501,"x-amz-cf-id":502,"x-amz-cf-pop":503,"x-cache":504,"x-content-type-options":505,"x-frame-options":506,"x-permitted-cross-domain-policies":507,"x-request-id":508,"x-runtime":509,"x-xss-protection":510},"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:46 GMT","W/\"eed5993d2063085db344301cc11ef475\"","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)","-WBnz5mG9zLhHHcktMUFqCSs0DxXaso7hBDml0ERcubYwmmB9bPzXA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","2ee92b73-36a4-4124-aa0e-df6a6a51aa03","0.038058","0",1791997366653]