목업 스튜디오
마지막 업데이트: 2026. 10. 14.Mockup Studio는 변환을 실행하기 전에 시트 레이아웃을 렌더링하는 사용자 인터페이스의 시각적 미리보기 도구입니다.고정 캔버스와 동적 그리드 뷰 간을 전환하고, 배율 및 크기 제약 조건을 조정하여 각 시트에 미치는 영향을 실시간으로 확인해 보세요.
Mockup Studio를 열려면 마법사의 고급 단계에서 목업 스튜디오 열기를 클릭합니다.Mockup Studio에서는 Project 단계에서 PRJ 폴더를 설정해야 합니다.
도구 모음
모달 상단의 도구 모음은 다음 작업을 제공합니다.
- 다시 스캔 — PRJ 폴더를 다시 스캔하여 시트 목록을 새로 고칩니다.PRJ 폴더를 수정하거나 새로 생성한 후에 사용하십시오.
- 맞춤 — 전체 시트가 보이도록 캔버스를 뷰포트에 맞춥니다.
- 100% — 확대/축소 배율을 100%로 재설정합니다.
- 캔버스 — 설정 패널을 숨기는 전체 너비 캔버스 보기를 토글합니다.
- 전체 화면 — 모달 전체의 전체 화면 모드를 전환합니다.
시트 선택기
시트 선택기 드롭다운에는 문서의 모든 시트가 나열됩니다.레이아웃을 미리 보려면 시트를 선택하세요.시트 이름에는 차원 표시기가 포함됩니다: 별표는 두 차원 모두에서 가장 큰 시트를 나타내고, 가로 화살표는 너비가 가장 넓은 시트를 나타내며, 세로 화살표는 높이가 가장 높은 시트를 나타냅니다.이러한 표시기는 어떤 시트가 균일한 캔버스 크기를 결정하는지 확인하는 데 도움이 됩니다.
캔버스 모드
캔버스 모드 드롭다운은 고정 픽셀 캔버스와 동적 그리드 사이를 전환합니다.모드를 변경하면 미리보기가 즉시 다시 렌더링됩니다.Mockup Studio는 각 모드별로 선택한 화면 프리셋을 독립적으로 기억하므로, 모드를 전환하면 마지막으로 사용한 프리셋이 복원됩니다.
자동 확장
자동 확장 토글은 동적 그리드 모드에서만 표시됩니다.활성화하면 모든 개체를 수용할 수 있도록 시트가 기본 그리드 높이를 넘어 세로로 확장됩니다.비활성화된 경우 개체가 표준 그리드로 압축됩니다.이 설정은 --noAutoExtendDynamicSheet 인수에 해당합니다.
화면 프리셋
화면 사전 설정 드롭다운은 다양한 화면 크기를 시뮬레이션합니다.프리셋을 선택하면 캔버스가 시뮬레이션된 화면 크기에 자동으로 맞춰집니다.다음 사전 설정을 사용할 수 있습니다.
| 사전 설정 | 차원 |
|---|---|
| MacBook Air 13형 | 1440 x 900 |
| MacBook Pro 14인치 | 1512 x 982 |
| MacBook Pro 16인치 | 1728 × 1117 |
| iMac스러운 | 1680 x 1050 |
| 모니터 (1080p) | 1920 x 1080 |
| 모니터링 (1440p) | 2560 x 1440 |
| 모니터 (16:10) | 2560 x 1600 |
| iPad Pro 12.9형 | 1024 x 1366 |
기본 프리셋은 고정 캔버스 모드에서는 MacBook Pro 14", 동적 그리드 모드에서는 Monitor (1080p)입니다.Mockup Studio는 각 모드별로 선택한 프리셋을 독립적으로 기억합니다.
iPad Pro 프리셋을 선택하면 회전 버튼이 나타납니다.회전을 클릭하여 가로 및 세로 방향을 전환합니다.
확대/축소 및 이동
캔버스를 드래그하여 화면을 이동합니다.Ctrl 키를 누른 채 스크롤 휠을 사용하여 확대/축소하거나 확대/축소 슬라이더를 조정하세요.확대/축소 범위는 25%~300%입니다.
미리보기 토글
세 개의 토글로 캔버스의 오버레이 요소 표시 여부를 제어합니다.
- 배경 — 시트 배경 이미지를 표시하거나 숨깁니다.이 설정은 적용을 클릭한 후 마법사에 동기화됩니다.
- 캡션 — 개체 캡션 헤더를 표시하거나 숨깁니다.미리 보기 전용입니다.변환에 영향을 주지 않습니다.
- 레이아웃 컨테이너 — 레이아웃 컨테이너 윤곽선을 표시하거나 숨깁니다.미리 보기 전용입니다.변환에 영향을 주지 않습니다.
색상
색상 섹션은 시트 및 목록 상자의 모양을 제어합니다.
- 시트 배경 — 모든 시트에 단색 배경 채우기로 적용되는 16진수 색상 값입니다.
#RRGGBB형식으로 값을 입력하거나 색상 선택기를 사용하세요. - Listbox bg — 리스트박스 배경에 적용되는 16진수 색상 값입니다.QV 토글이 활성화되면 이 필드는 숨겨집니다.
- QV (토글) — 활성화하면 QV2QS가 원본 QlikView 목록 상자 배경색을 유지합니다.비활성화하면 목록 상자 배경색 필드가 표시되고 모든 목록 상자에서 지정된 색상을 사용합니다.
스케일링
스케일링 섹션은 고정 캔버스 모드에서만 표시됩니다.쌍을 이루는 두 컨트롤(슬라이더 및 숫자 입력)로 배율을 조정합니다.
- 캔버스 배율 — 시트 배경 및 전체 캔버스 크기에 대한 배율입니다.기본값:
1.4.범위: 0.25 ~ 5(슬라이더 범위는 1.0 ~ 3.0이며, 전체 범위를 적용하려면 숫자 입력란에 값을 입력하세요). - 오브젝트 배율 — 캔버스 내 오브젝트 위치 및 크기에 대한 배수입니다.기본값:
1.4.범위: 0.25~3(슬라이더의 범위는 0.25~2.0이며, 전체 범위를 사용하려면 숫자 입력란에 값을 입력하세요).
배경 이미지가 너무 작게 표시되면 캔버스 배율을 높이세요.배경에 비해 오브젝트가 너무 작게 보이면 오브젝트 스케일을 늘리십시오.두 컨트롤 모두 즉시 미리보기를 업데이트합니다.
크기 조정 헤더의 체인 아이콘은 두 값을 연결합니다.연결된 경우(기본값), 둘 중 하나의 배율을 변경하면 양쪽 모두 업데이트됩니다.아이콘을 클릭하여 연결을 해제하고 독립적인 값을 설정합니다.다시 클릭하여 다시 연결합니다 — 개체 배율이 현재 캔버스 배율 값에 맞춰집니다.링크 상태는 마법사와 동기화되며 적용 주기 전반에 걸쳐 유지됩니다.
크기 제약 조건
크기 제약 조건 섹션은 고정 캔버스 모드에서만 표시됩니다.정확한 크기(자르기)가 활성화되어 있으면 자르기가 모든 크기 제한보다 우선하므로 이 섹션은 비활성화됩니다.
- 최소 너비 — 캔버스가 최소한 이 너비(픽셀 단위)까지 확장됩니다.기본값:
1200. - 최소 높이 — 캔버스가 최소한 이 높이(픽셀 단위)까지 확장됩니다.기본값:
700. - 최대 너비 — 캔버스가 최대 이 너비까지 축소됩니다.이 경계를 벗어나는 개체는 잘릴 수 있습니다.기본값:
0(제한 없음). - 최대 높이 — 캔버스가 최대 이 높이까지 축소됩니다.이 경계를 벗어나는 개체는 잘릴 수 있습니다.기본값:
0(제한 없음).
디바이스로 설정을 클릭하여 선택한 화면 프리셋의 크기로 크기 제약 조건을 채웁니다.화면 프리셋이 선택되지 않았거나 자르기가 활성화된 경우 이 버튼은 비활성화됩니다.
정확한 크기 (자르기)
정확한 크기 섹션은 고정 캔버스 모드에서만 표시됩니다.정확한 캔버스 크기를 강제 적용하려면 정확한 크기(자르기) 체크박스를 활성화하세요.활성화하면 캔버스가 왼쪽 상단 모서리를 기준으로 지정된 너비와 높이로 잘립니다.잘린 영역 외부의 개체는 컨테이너 밖으로 넘칩니다.
정확한 크기와 시트별 캔버스 크기는 상호 배타적입니다.하나를 활성화하면 다른 하나는 비활성화됩니다.
자르기가 처음 활성화되면 너비 및 높이 필드가 기본 캔버스 크기(배율 조정 및 제약 조건 적용 후)로 자동으로 채워집니다.3개의 보조 버튼이 자르기 크기를 자동으로 계산합니다:
- 시트 맞춤 — 현재 시트 개체 경계에 맞게 자릅니다.
- 모두 맞춤 — 모든 시트에서 최대 개체 경계로 자릅니다.
- 디바이스에 맞춤 — 선택한 화면 사전 설정 크기에 맞게 자릅니다.
그리드 조정
그리드 조정 섹션은 고정 캔버스 모드에서만 표시됩니다.두 개의 숫자 입력은 가장자리에서 레이아웃 컨테이너 범위를 줄입니다.
- X 축소 — 레이아웃 컨테이너 너비를 이 그리드 열 수(0~23)만큼 줄입니다.기본값:
0. - Y 축소 — 레이아웃 컨테이너 높이를 이 그리드 행 수(0~11)만큼 줄입니다.기본값:
0.
그리드 조정을 사용하여 레이아웃의 오른쪽 또는 아래쪽에서 여백을 추가하거나 빈 공백을 잘라냅니다.
시트별 캔버스 크기
시트별 캔버스 크기 체크박스는 고정 캔버스 모드에서만 표시됩니다.활성화된 경우 각 시트는 시트 내용에 따라 독립적으로 크기가 조정됩니다.비활성화된 경우(기본값), QV2QS는 문서에서 가장 큰 시트를 기준으로 균일한 캔버스 크기를 계산합니다.
시트별 캔버스 크기와 정확한 크기(자르기)는 상호 배타적입니다.
메타데이터
설정 패널 하단의 메타데이터 그리드는 현재 미리보기에 대한 실시간 정보를 표시합니다.다음 값이 표시됩니다: 배경화면 크기, 최종 캔버스 크기(스케일링 및 제약 조건 적용 후), 그리드 크기(열 x 행), 개체 경계, 레이아웃 컨테이너 수, 유효 배율 승수.
적용 및 재설정
적용을 클릭하여 Mockup Studio 설정을 마법사에 다시 동기화합니다.다음 설정이 적용됩니다: 캔버스 모드, 자동 확장, 배경, 시트 배경색, 목록 상자 배경색 및 QlikView 목록 상자 색상 유지.스케일링, 크기 제약 조건, 자르기, 그리드 조정 및 시트별 캔버스 크기를 포함한 모든 고정 캔버스 값도 적용됩니다.
캡션, 레이아웃 컨테이너, 확대/축소 배율 및 화면 사전 설정은 미리보기 전용이며 변환에 영향을 미치지 않습니다.
모든 Mockup Studio 설정을 기본값으로 복원하려면 재설정을 클릭합니다.