<aside> 💡 비고 UXPin Merge 트라이얼을 원하시면 개발환경등이 적합한지 상담을 통해 트라이얼을 제공해 드리고 있습니다. 이 링크를 통해 상담예약을 해주세요.

</aside>

<aside> 💡 Merge CLI의 최신 버전: 2.7.1

</aside>

이 문서에서는 Merge 기술을 통해 UXPin 계정에 통합된 React.js 컴포넌트를 사용하는 방법을 설명합니다. 통합연결에 대한 기술문서를 찾고 계신 분은 바로 UXPin Merge 라이브러리 생성하기 튜토리얼를 확인하세요.

Merge에 액세스하는 방법은?

사용자는 UXPin Merge 개발 환경 (자신의 컴포넌트 또는 UXPin에서 제공하는 샘플 라이브러리를 연결하기 위해)과 UXPin 계정에 직접 통합된 Merge 라이브러리 (코드 컴포넌트가 UXPin 계정에 푸시된 경우) 둘 다에 액세스할 수 있습니다.

• 자체 컴포넌트를 통합연결하려면 - UXPin Merge 라이브러리 생성하기의 지침을 따릅니다.
• 컴포넌트가 이미 UXPin 계정에 통합연결되어 있고 (팀의 누군가가 통합한 경우) 사용 방법을 알고 싶다면 현재 읽고 계이 이 튜토리얼을 계속 읽어 보십시오.
• 컴포넌트가 계정에 통합연결되어 있지 않고 어떻게 해야 할지 모르는 경우 사내 계정 관리자에게 문의하세요.

컴포넌트 추가

컴포넌트 추가는 UXPin의 일반 디자인시스템 라이브러리와 동일하게 작동합니다. 컴포넌트를 드래그 앤 드롭하여 캔버스 위의 위치를 조정하면 OK입니다.

<aside> 💡 비고 컴포넌트의 사이즈를 조정은 컴포넌트의 코딩 방법에 의존합니다. 컴포넌트의 너비와 높이가 CSS로 고정되어 있으면 React 컴포넌트에 props로 값이 전달되지 않는 한 UXPin에서 크기를 조정할 수 없습니다. Merge는 앱을 제작할 때와 정확히 동일한 코드를 사용합니다.

</aside>

네스트 컴포넌트 (Nesting Components)

컴포넌트가 네스트 구조 (nested structure)를 허용한다면, UXPin에서도 가능합니다.