산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

메뉴

미리 정의된 변수

미리 정의된 변수란 프로토타입에서 언제나 접근할 수 있는 일련의 변수 모음입니다. 이 변수들이 가지는 가치는 자동으로 업데이트됩니다.

예를 들어, $mouseX의 값은 커서가 어디에 위치하느냐에 따라 항상 자동으로 변경됩니다.

변수 사용법에 대해 자세히 알아보기.

$mouseX 커서의 x 좌표.

$mouseY 커서의 y 좌표.

$touchX 터치가 감지된 지점의 x 좌표.

$touchY 터치가 감지된 지점의 y 좌표.

$touchVelocity 움직이고 있는 손가락 또는 마우스의 터치 속도.

$touchVelocityX 움직이고 있는 손가락 또는 마우스의 터치 속도 중 x 성분.

$touchVelocityY 움직이고 있는 손가락 또는 마우스의 터치 속도 중 y 성분.

$touchPointerCount 화면을 터치하고 있는 손가락의 개수.

$keyboardHeight 스마트 기기에서 네이티브 키보드가 활성화되었을 때의 키보드 높이. 입력 레이어에 대해 자세히 알아보기.

$deviceOS 프로토타입이 실행 중인 기기의 운영체제.

$pi 원주율 (3.141592).

$time 프로토타입이 시작된 후 경과된 시간(초). 특정 이벤트가 발생한 시점부터 경과된 시간을 알고 싶다면, 해당 이벤트 발생 시점의 시간을 변수에 할당한 뒤 이를 $time에서 차감하십시오.

$voiceTranscript 음성 명령 수신이 활성화될 때 들어오는 음성 텍스트. 음성 프로토타이핑에 대해 자세히 알아보기.

$deviceHeight 기기의 높이를 표시합니다.

$deviceWidth 기기의 너비를 표시합니다.

기기의 너비와 높이는 뷰포트 크기가 아니라 화면 크기(해상도 크기)를 나타냅니다. 예를 들어, iPhone 14 Pro의 해상도는 390x844 @3x이므로 기기 너비 x 기기 높이는 1170x2532(즉, (390x3)x(844x3))가 됩니다.

따라서 프리셋 크기와 기기 크기는 서로 무관합니다. iPhone 13용으로 디자인된 Pie를 iPhone 14에서 실행하면, iPhone 14의 기기 크기가 표시됩니다. 자세한 내용은 이 예시를 확인해 보십시오.

$qrValue QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 값을 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrHeight QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 높이를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrWidth QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 너비를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrX QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 x 좌표를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrY QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 y 좌표를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$barcodeValue QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 값을 반환합니다.

$barcodeHeight QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 높이를 반환합니다.

$barcodeWidth QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 너비를 반환합니다.

$barcodeX QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 x 좌표를 반환합니다.

$barcodeY QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 y 좌표를 반환합니다.