Yna

Creo Illustrate Animation # Creo Illustrate를 통해 부품의 조립 순서를 보여주는 애니메이션을 제작할 수 있습니다. 이 글은 애니메이션 작성 과정에서 3D 형상이 의도한 방향으로 회전하지 않는 경우 회전 축을 설정하여 의도한 방향으로 3D 형상을 회전시킬 수 있는 가이드를 제공하고자 합니다. Animation 작성 # Creo webgl toolkit을 받으면 제공하는 데모 파일을 가지고 애니메이션을 작성해 보겠습니다.

Java Web Project Unit Test # 프로젝트를 진행하다 보면 단위 테스트를 수행해야 하는 경우가 있습니다. 이 글을 통해 java 언어로 개발 시 단위 테스트를 효율적으로 진행하기 위한 내용을 공유하고자 합니다. 단위 테스트의 목적 # 단위 테스트를 진행할 경우 데이터베이스에 접근하는 것은 일반적으로 권장되지 않습니다. 단위 테스트의 목적은 소프트웨어의 개별적인 구성 요소를 독립적으로 검증하는 것이기 때문에, 외부 시스템에 의존하지 않고 테스트를 수행해야 합니다. 그러나, 특정 경우에 데이터베이스와의 상호작용을 포함하는 로직을 테스트해야 할 필요가 있을 수 있습니다. 여기서는 주로 목 객체(Mock Object)를 사용한 테스트 방법에 대해 설명하겠습니다.

Vuforia - Thingworx 데이터 연계 # 본 포스팅은 Thingworx과 관련된 설정은 포함하지 않습니다. Thingworx에 대한 기본지식이 있음을 가정합니다. Vuforia를 처음 사용하시는 분들에게 도움이 되길 바랍니다. Vuforia 모델 생성 # Vuforia studio를 실행 시켜 Mobile-default로 새로운 프로젝트를 생성합니다. 생성된 프로젝트를 선택하여 편집상태에 들어갑니다. Model을 Canvas에 Drag&Drop 합니다.

Custom HTMLElement # 이번 포스팅에선 Custom HTMLElement의 스타일을 변경하는 방법과 만든 Custom HTMLElement를 사용한 예제를 간략하게 포스팅 하겠습니다. CSS 적용하기 # const styleText = ` div { border : 1px solid; margin: 15px; width : 200px; height: 240px; }`; class CustomTag extends HTMLElement { constructor() { ... 중략 ... // 스타일 적용방법 1 const styleSheet = new CSSStyleSheet(); styleSheet.replaceSync(styleText); shadowRoot.adoptedStyleSheets= [styleSheet]; // 스타일 적용방법 2 shadowRoot.innerHTML = ` <style> div > p { font-weight : bold; } </style>` 위와 같은 방법으로 Custom Element에 CSS를 적용할 수 있습니다.

Thingworx Extension # Thingworx Extension으로 Third-Party Javascript Libraries를 사용하는 방법은 Thingworx Document에 다음과 같이 소개되어 있습니다. if (!jQuery().qtip) { $("body").append('<script type="text/javascript" src="../Common/extensions/MyExtension/ui/mywidget/ include/qtip/jquery.qtip.js"></script>'); $("head").append('<link type="text/css" rel="stylesheet" href=" ../Common/extensions/MyExtension/ui/mywidget/include/ qtip/jquery.qtip.css" />'); } Thingworx widget Extension을 만들 때, 아래 코드와 같이 renderHtml 함수에 추가하여 사용하는 방법을 제시하고 있습니다. this.renderHtml = function() { ... if(!jQuery().ptccommonhighchart){ this.body_append( '<script type="text/javascript" src="../Common/extensions/<project>/ui/<widget>/lib/highcharts.js"></script>'); } } 이렇게 사용할 경우 종종 Thingworx Runtime 시에 Third-Party Javascript libraries에 정의되어 있는 기능이 정의되지 않았다고 에러가 발생하곤 합니다.