[{"data":1,"prerenderedAt":456},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":3},{"data":4,"headers":433},{"story":5,"cv":414,"rels":415,"links":432},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":406,"full_slug":407,"sort_by_date":30,"position":408,"tag_list":409,"is_startpage":250,"parent_id":410,"meta_data":30,"group_id":411,"first_published_at":412,"release_id":30,"lang":367,"path":30,"alternates":413,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-10-10T22:15:41.487Z","2026-10-10T22:15:41.567Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":307,"fold":308,"intro":370,"title":383,"gallery":384,"category":385,"metadata":388,"component":392,"demo_link":393,"thumbnail":395,"github_link":401,"last_updated":403,"open_graph_image":404,"include_open_graph":78,"block_search_engines":250},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,298],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":297,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,202,239,280],{"_uid":22,"body":23,"alignment":76,"component":77,"is_full_width":78},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38],{"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,49,59,64,71],{"text":43,"type":34,"marks":44},"이 데모 웹 애플리케이션은 HOOPS Visualize와 HOOPS Exchange를 시연합니다. ",[45],{"type":46,"attrs":47},"textStyle",{"color":48},"#5C5C5C",{"text":50,"type":34,"marks":51},"HOOPS Exchange",[52],{"type":53,"attrs":54},"link",{"href":55,"uuid":56,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":60,"type":34,"marks":61}," 는 자동차 문, 내부 패널, 팔걸이 및 창문 스위치를 가벼운 스트리밍 형태로 읽고 변환하는 데 사용되었습니다. ",[62],{"type":46,"attrs":63},{"color":48},{"text":65,"type":34,"marks":66},"HOOPS Visualize for Web",[67],{"type":53,"attrs":68},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":72,"type":34,"marks":73}," (이전 HOOPS Communicator)는 얇은 클라이언트 애플리케이션의 일부로 3D 뷰어에서 CAD 데이터를 표시합니다. 프론트 엔드 컴포넌트 라이브러리는 애플리케이션에 독특한 스타일을 제공합니다.",[74],{"type":46,"attrs":75},{"color":48},"align-left","copy",true,{"_uid":80,"code":81,"component":82},"cc2f7021-299c-42a2-9acc-ce51fb5788eb","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/pLyDNLDJDtM?si=ye8yGQIIcbFMU1To\" 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":84,"body":85,"alignment":76,"component":77,"is_full_width":78},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":86},[87,92],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"주 3D 뷰어 내에서 자동 강조 표시 기능은 개별 부품의 표시를 검사용으로 두 번째 3D 뷰로 강제합니다. 해당 부품에 대한 메타데이터는 CAD 모델 또는 외부 데이터베이스에서 가져올 수 있으며, 예를 들어 가격 등이 고유 ID에 연결되어 표시될 수 있습니다.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"HOOPS Visualize for Web's (이전 HOOPS Communicator)의 강력한 JavaScript API 덕분에 도어의 분해 및 재조립을 보여주는 애니메이션을 프로그램적으로 생성할 수 있습니다. 여기에는 세부적인 확대 뷰가 포함됩니다. 뷰를 변경하고, 레드라인 마크업을 추가하며, 객체의 가시성 및 불투명도를 변경할 수 있습니다.",{"_uid":98,"body":99,"alignment":76,"component":77,"is_full_width":78},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":100},[101,108,124,144],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"HOOPS Visualize for Web을 탐색하십시오",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,120],{"text":112,"type":34,"marks":113},"이 데모는 ",[114],{"type":37},{"text":65,"type":34,"marks":116},[117,119],{"type":53,"attrs":118},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"type":37},{"text":121,"type":34,"marks":122}," (이전 HOOPS Communicator)를 사용하여 생성되었습니다.",[123],{"type":37},{"type":125,"content":126},"bullet_list",[127],{"type":128,"content":129},"list_item",[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135,142],{"text":134,"type":34},"이 ",{"text":136,"type":34,"marks":137},"기본 애플리케이션 빌딩",[138],{"type":53,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/tutorials/basic-app/introduction.html","url",{"text":143,"type":34}," 튜토리얼을 시도해보십시오. 이 데모는 동일한 개념을 사용하여 빌드되었습니다.",{"type":125,"content":145},[146,161,176,189],{"type":128,"content":147},[148],{"type":39,"attrs":149,"content":150},{"textAlign":30},[151,153,159],{"text":152,"type":34},"HOOPS Visualize for Web (이전 HOOPS Communicator)의 ",{"text":154,"type":34,"marks":155},"문서",[156],{"type":53,"attrs":157},{"href":158,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/",{"text":160,"type":34},"를 참조하십시오.",{"type":128,"content":162},[163],{"type":39,"attrs":164,"content":165},{"textAlign":30},[166,168,174],{"text":167,"type":34},"무료 ",{"text":169,"type":34,"marks":170},"평가판",[171],{"type":53,"attrs":172},{"href":173,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://manage.techsoft3d.com/signup?product=communicator",{"text":175,"type":34},"을 신청하십시오.",{"type":128,"content":177},[178],{"type":39,"attrs":179,"content":180},{"textAlign":30},[181,183],{"text":182,"type":34},"코딩을 바로 시작하려면 ",{"text":184,"type":34,"marks":185},"3D Sandbox",[186],{"type":53,"attrs":187},{"href":188,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://3dsandbox.techsoft3d.com/",{"type":128,"content":190},[191],{"type":39,"attrs":192,"content":193},{"textAlign":30},[194,196],{"text":195,"type":34},"우리의 ",{"text":197,"type":34,"marks":198},"커뮤니티 포럼",[199],{"type":53,"attrs":200},{"href":201,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://forum.techsoft3d.com/",{"_uid":203,"body":204,"alignment":76,"component":77,"is_full_width":78},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":205},[206,213,226],{"type":27,"attrs":207,"content":208},{"level":29,"textAlign":30},[209],{"text":210,"type":34,"marks":211},"질문이 있거나 피드백이 있습니까?",[212],{"type":37},{"type":39,"attrs":214,"content":215},{"textAlign":30},[216,218,224],{"text":217,"type":34},"우리는 피드백을 찾고 있으며 이 툴킷을 귀하의 요구에 맞게 개선할 방법을 찾고 있습니다! 우리의 ",{"text":219,"type":34,"marks":220},"포럼",[221],{"type":53,"attrs":222},{"href":201,"uuid":30,"anchor":30,"target":223,"linktype":141},"_blank",{"text":225,"type":34},"에서 연결하십시오.",{"type":39,"attrs":227,"content":228},{"textAlign":30},[229,231,237],{"text":230,"type":34},"또한 ",{"text":232,"type":34,"marks":233},"HOOPS Web Platform",[234],{"type":53,"attrs":235},{"href":236,"uuid":30,"anchor":30,"target":223,"linktype":141},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":238,"type":34},"의 60일 체험판을 등록할 수 있습니다.",{"_uid":240,"messages":241,"component":274,"background":275,"remove_padding":78,"is_verticalized":250},"2517b691-8590-46b2-b1a0-c989536a3b36",[242],{"_uid":243,"icon":16,"buttons":244,"content":255,"headline":262,"link_url":16,"metadata":269,"component":272,"icon_size":16,"link_label":16,"headline_heading":273},"1f7a4845-55d4-4520-b973-efe814118e45",[245],{"_uid":246,"href":16,"color":247,"label":248,"action":249,"new_tab":250,"outline":78,"alignment":16,"component":251,"text_link":250,"destination":252},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독","action-modal",false,"element-button",{"id":16,"url":253,"linktype":141,"fieldtype":254,"cached_url":253},"subscribe","multilink",{"type":24,"content":256},[257],{"type":39,"attrs":258,"content":259},{"textAlign":30},[260],{"text":261,"type":34},"새 프로젝트가 제공되는 즉시 알려드립니다.",{"type":24,"content":263},[264],{"type":39,"attrs":265,"content":266},{"textAlign":30},[267],{"text":268,"type":34},"새 프로젝트에 대해 가장 먼저 알고 싶습니까",{"_uid":270,"title":16,"plugin":271,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":276,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":277,"copyright":16,"fieldtype":278,"meta_data":279,"is_external_url":250},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":281,"body":282,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":283},[284],{"type":39,"attrs":285,"content":286},{"textAlign":30},[287,289,295],{"text":288,"type":34},"문의가 필요하십니까? 이메일을 보내주십시오 ",{"text":290,"type":34,"marks":291},"labs@techsoft3d.com",[292],{"type":53,"attrs":293},{"href":290,"uuid":30,"anchor":30,"target":57,"linktype":294},"email",{"text":296,"type":34},".","columns",{"id":253,"_uid":299,"items":300,"component":306},"ca556064-0fa5-4110-8395-86e3f005ea32",[301],{"id":302,"_uid":303,"component":304,"business_unit":305},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[309],{"_uid":310,"source":311,"component":369},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":312,"created_at":313,"published_at":314,"updated_at":315,"id":316,"uuid":317,"content":318,"slug":360,"full_slug":361,"sort_by_date":30,"position":362,"tag_list":363,"is_startpage":250,"parent_id":364,"meta_data":30,"group_id":365,"first_published_at":366,"release_id":30,"lang":367,"path":30,"alternates":368,"default_full_slug":30,"translated_slugs":30,"_stopResolving":78},"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":319,"items":320,"component":359},"8915070e-32eb-476d-b215-1c92ebdad15c",[321,341],{"_uid":322,"left_nav":16,"messages":323,"component":340,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[324,330,335],{"_uid":325,"icon":326,"link":327,"target":223,"message":328,"component":329},"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":331,"icon":332,"link":333,"target":223,"message":334,"component":329},"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":336,"icon":337,"link":338,"target":16,"message":339,"component":329},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":342,"menu":343,"component":358,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[344,349,352,355],{"url":345,"_uid":346,"label":347,"new_tab":250,"component":348},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":345,"_uid":350,"label":351,"new_tab":250,"component":348,"style_as_button":250},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":345,"_uid":353,"label":354,"new_tab":250,"component":348,"style_as_button":250},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":345,"_uid":356,"label":357,"new_tab":250,"component":348,"style_as_button":78},"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":371},[372],{"type":39,"attrs":373,"content":374},{"textAlign":30},[375,376,381],{"text":112,"type":34},{"text":377,"type":34,"marks":378},"HOOPS Visualize",[379],{"type":53,"attrs":380},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":382,"type":34}," for Web's (이전 HOOPS Communicator)의 강력한 JavaScript API를 프로그램적으로 활용하여 애니메이션을 생성하는 과정을 시연합니다. ","작업 절차",[],[386,387],"hoopsExchange","hoopsVisualize",{"_uid":389,"title":390,"plugin":271,"description":391},"a447d806-7988-499f-97c2-00a7eb44d809","작업 절차 | Tech Soft 3D Labs","이 데모는 프로그래밍 방식으로 애니메이션을 생성하여 Web을 위한 HOOPS Visualize의 강력한 JavaScript API를 선보입니다.","lab",{"id":16,"url":394,"linktype":141,"fieldtype":254,"cached_url":394},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":396,"alt":397,"name":16,"focus":16,"title":398,"source":16,"filename":399,"copyright":16,"fieldtype":278,"meta_data":400,"is_external_url":250},160841456215977,"A 3D model of a car door with individual animated parts","Work Procedure Demo","https://a-us.storyblok.com/f/1023536/1920x1080/953bc01dab/work-procedure-demo.jpg",{"alt":397,"title":398,"source":16,"copyright":16},{"id":16,"url":402,"linktype":141,"fieldtype":254,"cached_url":402},"https://github.com/techsoft3d/work-procedure","2026년 3월 31일",{"id":396,"alt":397,"name":16,"focus":16,"title":398,"source":16,"filename":399,"copyright":16,"fieldtype":278,"meta_data":405,"is_external_url":250},{"alt":397,"title":398,"source":16,"copyright":16},"work-procedure","ko/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1791995899,[416],{"name":312,"created_at":313,"published_at":314,"updated_at":315,"id":316,"uuid":317,"content":417,"slug":360,"full_slug":361,"sort_by_date":30,"position":362,"tag_list":430,"is_startpage":250,"parent_id":364,"meta_data":30,"group_id":365,"first_published_at":366,"release_id":30,"lang":367,"path":30,"alternates":431,"default_full_slug":30,"translated_slugs":30},{"_uid":319,"items":418,"component":359},[419,424],{"_uid":322,"left_nav":16,"messages":420,"component":340,"right_nav":16},[421,422,423],{"_uid":325,"icon":326,"link":327,"target":223,"message":328,"component":329},{"_uid":331,"icon":332,"link":333,"target":223,"message":334,"component":329},{"_uid":336,"icon":337,"link":338,"target":16,"message":339,"component":329},{"_uid":342,"menu":425,"component":358,"has_notice":78},[426,427,428,429],{"url":345,"_uid":346,"label":347,"new_tab":250,"component":348},{"url":345,"_uid":350,"label":351,"new_tab":250,"component":348,"style_as_button":250},{"url":345,"_uid":353,"label":354,"new_tab":250,"component":348,"style_as_button":250},{"url":345,"_uid":356,"label":357,"new_tab":250,"component":348,"style_as_button":78},[],[],[],{"cache-control":434,"connection":435,"content-encoding":436,"content-type":437,"date":438,"etag":439,"referrer-policy":440,"sb-be-version":441,"server":442,"strict-transport-security":443,"transfer-encoding":444,"vary":445,"via":446,"x-amz-cf-id":447,"x-amz-cf-pop":448,"x-cache":449,"x-content-type-options":450,"x-frame-options":451,"x-permitted-cross-domain-policies":452,"x-request-id":453,"x-runtime":454,"x-xss-protection":455},"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:52 GMT","W/\"5d7231228a12902002526f8cc0626f78\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","kRipkxsxt09dSm18MNeth9k6ORJRfGhtTOBt-4joXfqCRvuHfm7m7w==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","b64045b5-1c2f-438f-9827-6bb22742c449","0.029932","0",1791997371990]