[{"data":1,"prerenderedAt":453},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/digital-whiteboard":3},{"data":4,"headers":430},{"story":5,"cv":411,"rels":412,"links":429},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":403,"full_slug":404,"sort_by_date":30,"position":405,"tag_list":406,"is_startpage":246,"parent_id":407,"meta_data":30,"group_id":408,"first_published_at":409,"release_id":30,"lang":363,"path":30,"alternates":410,"default_full_slug":30,"translated_slugs":30},"Digital Whiteboard","2026-03-25T17:57:04.735Z","2026-10-10T22:15:00.266Z","2026-10-10T22:15:00.316Z",158809394160810,"ab59c286-edfd-4be5-b7ea-d6fb1984a166",{"_uid":13,"body":14,"date":303,"fold":304,"intro":366,"title":373,"gallery":374,"category":387,"metadata":390,"component":394,"demo_link":395,"thumbnail":397,"github_link":399,"last_updated":400,"open_graph_image":401,"include_open_graph":46,"block_search_engines":246},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,294],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":293,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,51,93,125,200,235,276],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"eaf1cee4-00f1-47d0-b05c-869d32df7dcc",{"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],{"text":43,"type":34},"디지털 화이트보드는 아이디어를 스케치하고 협력을 돕기 위해 많은 회사에서 점점 더 많이 사용되고 있으며, 특히 다른 위치에 흩어져 있는 팀에게 유용합니다. 글로벌 팬데믹으로 인해 많은 직원들이 원격으로 작업하게 되면서 더욱 관련성이 높아졌습니다. 이 데모는 2D 디지털 화이트보드의 개념을 3D와 결합하여 사용자가 실제 기계적 또는 건축적 CAD 데이터를 텍스트, 이미지, PDF 및 기타 요소와 함께 배치할 수 있도록 합니다.","align-left","copy",true,{"_uid":48,"code":49,"component":50},"341b0037-f278-4683-a306-78c4c3c5d412","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/gn3hmigfOSE?si=b9jX09me2wh6mG7u\" 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":52,"body":53,"alignment":44,"component":45,"is_full_width":46},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":54},[55,62,88],{"type":27,"attrs":56,"content":57},{"level":29,"textAlign":30},[58],{"text":59,"type":34,"marks":60},"기술 세부사항",[61],{"type":37},{"type":39,"attrs":63,"content":64},{"textAlign":30},[65,67,77,79,86],{"text":66,"type":34},"이 데모는 ",{"text":68,"type":34,"marks":69},"HOOPS Exchange",[70],{"type":71,"attrs":72},"link",{"href":73,"uuid":74,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":78,"type":34}," 및 ",{"text":80,"type":34,"marks":81},"HOOPS Visualize",[82],{"type":71,"attrs":83},{"href":84,"uuid":85,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":87,"type":34}," 를 사용하여 복잡한 3D 모델을 가져오고 렌더링하며, 화이트보드를 표시하기 위해 HTML 캔버스 요소를 사용합니다. 주어진 모델이 비활성화되면 캔버스 이미지로 전환됩니다. 이렇게 하면 한 번에 하나의 3D 웹 뷰어만 활성 상태가 되어 자원을 절약할 수 있습니다. 각 3D 모델은 클라이언트에 캐시되어 한 번 로드된 모델은 빠르게 재활성화됩니다.",{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34},"간결성을 위해 이 데모는 백엔드가 없습니다. 모든 요소, 포함 3D 모델들은 HTML 요청을 통해 로드됩니다. 백엔드는 다중 사용자 상호 작용 및 화이트보드 구성 저장 및 로드를 허용하도록 쉽게 구현할 수 있습니다.",{"_uid":94,"body":95,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":96},[97,103,112,117],{"type":27,"attrs":98,"content":100},{"level":99,"textAlign":30},3,[101],{"text":102,"type":34},"라이브 애플리케이션:",{"type":39,"attrs":104,"content":105},{"textAlign":30},[106],{"text":107,"type":34,"marks":108},"https://techsoft3d.github.io/HC_WhiteboardDemo/",[109],{"type":71,"attrs":110},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":111},"url",{"type":27,"attrs":113,"content":114},{"level":99,"textAlign":30},[115],{"text":116,"type":34},"GitHub 리포지토리:",{"type":39,"attrs":118,"content":119},{"textAlign":30},[120],{"text":121,"type":34,"marks":122},"https://github.com/techsoft3d/HC_WhiteboardDemo",[123],{"type":71,"attrs":124},{"href":121,"uuid":30,"anchor":30,"target":30,"linktype":111},{"_uid":126,"body":127,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":128},[129,140],{"type":27,"attrs":130,"content":131},{"level":29,"textAlign":30},[132,134],{"text":133,"type":34},"에 대해 더 알아보기 ",{"text":135,"type":34,"marks":136},"HOOPS Visualize for Web (구 HOOPS Communicator)",[137],{"type":71,"attrs":138},{"href":139,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://www.techsoft3d.com/products/hoops/communicator",{"type":141,"content":142},"bullet_list",[143,159,174,187],{"type":144,"content":145},"list_item",[146],{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,151,157],{"text":150,"type":34},"HOOPS Visualize for Web (구 HOOPS Communicator) ",{"text":152,"type":34,"marks":153},"문서",[154],{"type":71,"attrs":155},{"href":156,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://docs.techsoft3d.com/communicator/latest/",{"text":158,"type":34},"를 참조하십시오.",{"type":144,"content":160},[161],{"type":39,"attrs":162,"content":163},{"textAlign":30},[164,166,172],{"text":165,"type":34},"무료 ",{"text":167,"type":34,"marks":168},"평가판",[169],{"type":71,"attrs":170},{"href":171,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://manage.techsoft3d.com/signup?product=communicator",{"text":173,"type":34},"에 가입하세요.",{"type":144,"content":175},[176],{"type":39,"attrs":177,"content":178},{"textAlign":30},[179,181],{"text":180,"type":34},"로 바로 코딩을 시작하세요 ",{"text":182,"type":34,"marks":183},"3D Sandbox",[184],{"type":71,"attrs":185},{"href":186,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://3dsandbox.techsoft3d.com/",{"type":144,"content":188},[189],{"type":39,"attrs":190,"content":191},{"textAlign":30},[192,194],{"text":193,"type":34},"우리 ",{"text":195,"type":34,"marks":196},"커뮤니티 포럼",[197],{"type":71,"attrs":198},{"href":199,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://forum.techsoft3d.com/",{"_uid":201,"body":202,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":203},[204,211,224],{"type":27,"attrs":205,"content":206},{"level":29,"textAlign":30},[207],{"text":208,"type":34,"marks":209},"질문 또는 피드백?",[210],{"type":37},{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"우리는 피드백과 이 툴킷이 귀하의 요구를 충족할 수 있도록 개선하기를 원합니다! 우리 ",{"text":217,"type":34,"marks":218},"포럼",[219],{"type":71,"attrs":220},{"href":199,"uuid":30,"anchor":30,"target":221,"linktype":111},"_blank",{"text":223,"type":34},"에 연결하세요.",{"type":39,"attrs":225,"content":226},{"textAlign":30},[227,229],{"text":228,"type":34},"또한 60일 평가판에 가입할 수 있습니다 ",{"text":230,"type":34,"marks":231},"HOOPS Visualize. ",[232],{"type":71,"attrs":233},{"href":234,"uuid":30,"anchor":30,"target":75,"linktype":111},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":236,"messages":237,"component":270,"background":271,"remove_padding":46,"is_verticalized":246},"2517b691-8590-46b2-b1a0-c989536a3b36",[238],{"_uid":239,"icon":16,"buttons":240,"content":251,"headline":258,"link_url":16,"metadata":265,"component":268,"icon_size":16,"link_label":16,"headline_heading":269},"1f7a4845-55d4-4520-b973-efe814118e45",[241],{"_uid":242,"href":16,"color":243,"label":244,"action":245,"new_tab":246,"outline":46,"alignment":16,"component":247,"text_link":246,"destination":248},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독","action-modal",false,"element-button",{"id":16,"url":249,"linktype":111,"fieldtype":250,"cached_url":249},"subscribe","multilink",{"type":24,"content":252},[253],{"type":39,"attrs":254,"content":255},{"textAlign":30},[256],{"text":257,"type":34},"새 프로젝트가 제공될 때 바로 알려드리겠습니다.",{"type":24,"content":259},[260],{"type":39,"attrs":261,"content":262},{"textAlign":30},[263],{"text":264,"type":34},"새 프로젝트에 대한 정보를 가장 먼저 받으세요",{"_uid":266,"title":16,"plugin":267,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":272,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":273,"copyright":16,"fieldtype":274,"meta_data":275,"is_external_url":246},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":277,"body":278,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":279},[280],{"type":39,"attrs":281,"content":282},{"textAlign":30},[283,285,291],{"text":284,"type":34},"문의가 필요하신가요? 이메일을 보내주세요 ",{"text":286,"type":34,"marks":287},"labs@techsoft3d.com",[288],{"type":71,"attrs":289},{"href":286,"uuid":30,"anchor":30,"target":75,"linktype":290},"email",{"text":292,"type":34},".","columns",{"id":249,"_uid":295,"items":296,"component":302},"ca556064-0fa5-4110-8395-86e3f005ea32",[297],{"id":298,"_uid":299,"component":300,"business_unit":301},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2021-04-25 00:00",[305],{"_uid":306,"source":307,"component":365},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":314,"slug":356,"full_slug":357,"sort_by_date":30,"position":358,"tag_list":359,"is_startpage":246,"parent_id":360,"meta_data":30,"group_id":361,"first_published_at":362,"release_id":30,"lang":363,"path":30,"alternates":364,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"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":315,"items":316,"component":355},"8915070e-32eb-476d-b215-1c92ebdad15c",[317,337],{"_uid":318,"left_nav":16,"messages":319,"component":336,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[320,326,331],{"_uid":321,"icon":322,"link":323,"target":221,"message":324,"component":325},"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":327,"icon":328,"link":329,"target":221,"message":330,"component":325},"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":332,"icon":333,"link":334,"target":16,"message":335,"component":325},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":338,"menu":339,"component":354,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[340,345,348,351],{"url":341,"_uid":342,"label":343,"new_tab":246,"component":344},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":341,"_uid":346,"label":347,"new_tab":246,"component":344,"style_as_button":246},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":341,"_uid":349,"label":350,"new_tab":246,"component":344,"style_as_button":246},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":341,"_uid":352,"label":353,"new_tab":246,"component":344,"style_as_button":46},"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":367},[368],{"type":39,"attrs":369,"content":370},{"textAlign":30},[371],{"text":372,"type":34},"이 데모는 2D 디지털 화이트보드의 개념을 3D와 결합하여 사용자가 실제 기계적 또는 건축적 CAD 데이터를 텍스트, 이미지, PDF 및 기타 요소와 함께 배치할 수 있도록 합니다. ","디지털 화이트보드 데모",[375,381],{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":380},158822717636279,"A 3D model overlayed on a 2D background","Digital Whiteboard Overlay","https://a-us.storyblok.com/f/1023536/1917x966/e63476b948/digital-whiteboard-overlay.jpg",{"alt":377,"title":378,"source":16,"copyright":16},{"id":382,"alt":383,"name":16,"focus":16,"title":384,"source":16,"filename":385,"copyright":16,"fieldtype":274,"meta_data":386},158823561313993,"Collection of different 3D scene views for the digital whiteboard demo","Digital Whiteboard Multi-View","https://a-us.storyblok.com/f/1023536/1919x1040/42e30d59a7/digital-whiteboard-multi-view.jpg",{"alt":383,"title":384,"source":16,"copyright":16},[388,389],"hoopsExchange","hoopsVisualize",{"_uid":391,"title":392,"plugin":267,"description":393},"1b4a315c-b0b1-4dde-b6b7-e8151c6f7624","디지털 화이트보드 | Tech Soft 3D 연구소","이 데모는 2D 디지털 화이트보드를 3D 개념과 결합하여 사용자가 텍스트, 이미지, PDF 및 기타 요소와 함께 실제 기계 또는 건축 CAD 데이터를 배치할 수 있게 합니다. ","lab",{"id":16,"url":396,"linktype":111,"fieldtype":250,"cached_url":396},"https://techsoft3d.github.io/HC_WhiteboardDemo/?_gl=1*i9rpaz*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ0NjA3MTIkbzIyMyRnMSR0MTc3NDQ2MTg4NCRqNDIkbDAkaDQ0NDYyNzExNw..",{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":398,"is_external_url":246},{"alt":377,"title":378,"source":16,"copyright":16},{"id":16,"url":121,"linktype":111,"fieldtype":250,"cached_url":121},"일요일, 2021년 4월 25일",{"id":376,"alt":377,"name":16,"focus":16,"title":378,"source":16,"filename":379,"copyright":16,"fieldtype":274,"meta_data":402,"is_external_url":246},{"alt":377,"title":378,"source":16,"copyright":16},"digital-whiteboard","ko/developers/labs/digital-whiteboard",-150,[],99359039112762,"ba56cb9a-6249-413c-8e9d-36e06166ce7a","2026-04-03T18:44:13.443Z",[],1791995899,[413],{"name":308,"created_at":309,"published_at":310,"updated_at":311,"id":312,"uuid":313,"content":414,"slug":356,"full_slug":357,"sort_by_date":30,"position":358,"tag_list":427,"is_startpage":246,"parent_id":360,"meta_data":30,"group_id":361,"first_published_at":362,"release_id":30,"lang":363,"path":30,"alternates":428,"default_full_slug":30,"translated_slugs":30},{"_uid":315,"items":415,"component":355},[416,421],{"_uid":318,"left_nav":16,"messages":417,"component":336,"right_nav":16},[418,419,420],{"_uid":321,"icon":322,"link":323,"target":221,"message":324,"component":325},{"_uid":327,"icon":328,"link":329,"target":221,"message":330,"component":325},{"_uid":332,"icon":333,"link":334,"target":16,"message":335,"component":325},{"_uid":338,"menu":422,"component":354,"has_notice":46},[423,424,425,426],{"url":341,"_uid":342,"label":343,"new_tab":246,"component":344},{"url":341,"_uid":346,"label":347,"new_tab":246,"component":344,"style_as_button":246},{"url":341,"_uid":349,"label":350,"new_tab":246,"component":344,"style_as_button":246},{"url":341,"_uid":352,"label":353,"new_tab":246,"component":344,"style_as_button":46},[],[],[],{"cache-control":431,"connection":432,"content-encoding":433,"content-type":434,"date":435,"etag":436,"referrer-policy":437,"sb-be-version":438,"server":439,"strict-transport-security":440,"transfer-encoding":441,"vary":442,"via":443,"x-amz-cf-id":444,"x-amz-cf-pop":445,"x-cache":446,"x-content-type-options":447,"x-frame-options":448,"x-permitted-cross-domain-policies":449,"x-request-id":450,"x-runtime":451,"x-xss-protection":452},"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:50 GMT","W/\"109e0f84dcb6599eddce19d09286cce2\"","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)","Gjv-V6v8IGMrWwIxy1zEg3Nf2tsDuEhvSro6uUG7r68Cl2h4RiXZLA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","b13b6b6d-9eb8-4c9c-b4ca-616c911b70b7","0.032227","0",1791997370520]