샘플 프로젝트 및 사용 사례 > 사용 사례: 3D-Guided Service Instructions > 3D-Guided Service Instructions 201: JavaScript를 사용하여 부품을 강조 표시하고 Ionic 팝업 만들기
  
3D-Guided Service Instructions 201: JavaScript를 사용하여 부품을 강조 표시하고 Ionic 팝업 만들기
전제 조건
프로젝트의 이 부분을 시작하기 전에 3D-Guided Service Instructions 101을 완료해야 합니다.
소개
대부분의 기업에서 광범위하게 가상 기술을 사용하는 오늘날의 세상에서는 해당 부품을 직접 보지 않고는 물리적 제품을 이해하기 어려운 경우가 있습니다. 이러한 기업의 판매, 마케팅 및 서비스 조직에는 제품에 대한 이해를 높이기 위해 모델을 디지털로 보여주는 방식이 필요하며 AR 및 Vuforia Studio를 통해 이를 실현할 수 있습니다. Vuforia Studio를 사용하면 대화식으로 제품의 AR 표현을 생성할 수 있으며 클릭하면 부품 데이터가 표시됩니다. 이를 통해 사용자는 물리적 부품 없이도 대화식 제품 데모를 제공하고 서비스 절차를 설명할 수 있습니다.
프로젝트의 이 부분은 Ionic 팝업을 정보로 채우고 사용자가 클릭한 내용을 기반으로 부품을 강조표시하는 것과 관련하여 JavaScript 코딩을 통해 Vuforia Studio 경험에 추가된 기능에 익숙해질 수 있도록 지원합니다.
1. 새 프로젝트 만들기
2. userpick 이벤트 수신기 함수 만들기
3. 모델에서 팝업에 속성 추가
4. 재생 및 재설정 버튼 생성 및 바인딩
5. 부품 강조 표시