[LIVE] How To Build a Magnetic Knob with Arduino & ProtoPie. Register Now.

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

메뉴

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

수식 활용 사례

다양한 사용 사례에서 수식을 실제로 어떻게 적용하는지 알아보세요. 올바른 구문, 레이어 속성, 함수를 효과적으로 사용하는 방법을 배울 수 있습니다. 직접 프로토타입을 사용해 보고 다운로드하여 인터랙션을 살펴보세요.

수식변수에 대해 자세히 알아보세요.

아래에서 필요한 사용 사례를 확인해 보세요:

변수 전용 사용 사례를 찾고 계신가요? 변수 관련 사용 사례를 확인해 보세요.

당사 커뮤니티에서 다른 사용자들이 공유한 수식 및 변수에 관한 팁, 트릭, 솔루션을 찾아보세요.

이메일 주소 유효성 검사

가입 프로세스의 일부로 텍스트(예: 이메일 주소)의 유효성을 검사합니다. 텍스트에 특정 문자나 키워드가 포함되어 있는지 확인하세요. 이 경우 입력값이 이메일 주소인지 검증하기 위해 indexOf 함수를 사용하여 "@"가 있는지 확인합니다.


{'_type': 'localeString', 'en': 'Validating email address'}

직접 프로토타입을 테스트해 보세요.

사용된 함수: indexOf.

함수, 조건(Condition)Focus 트리거에 대해 자세히 알아보세요.

최소 비밀번호 길이

보안을 강화하기 위해 비밀번호는 대개 최소 글자 수 제한이 필요합니다. length 함수를 사용하여 입력값이 특정 글자 수보다 많은지 확인하세요.


{'_type': 'localeString', 'en': 'minimun password length'}

직접 프로토타입을 테스트해 보세요.

사용된 함수: length.

함수, 조건(Condition)Focus 트리거에 대해 자세히 알아보세요.

비밀번호 표시 및 숨기기

입력 중인 비밀번호가 맞는지 검증하기 위해 비밀번호를 표시하거나 숨길 필요가 있습니다. 입력 레이어의 text 속성을 사용하여 이 작업을 수행할 수 있습니다.


{'_type': 'localeString', 'en': 'show hide password'}

직접 프로토타입을 테스트해 보세요.

레이어 속성, 조건(Condition) 및 Detect 트리거에 대해 자세히 알아보세요.

카운트다운 타이머

상상할 수 있는 모든 형태의 카운트다운 타이머를 만들어 보세요. 카운트다운 타이머의 지속 시간을 설정하려면 Text 반응의 반복(repeat) 횟수를 조정하세요.


{'_type': 'localeString', 'en': 'countdown timer'}

직접 프로토타입을 테스트해 보세요.

사용된 함수: number.

함수, 레이어 속성, 산술 연산에 대해 자세히 알아보세요.

랜덤 셔플

고정된 문자 및 숫자 세트를 기준으로 문자 또는 숫자를 무작위로 표시합니다.


{'_type': 'localeString', 'en': 'random shuffle'}

직접 프로토타입을 테스트해 보세요.

사용된 함수: right, left, randomInt.

함수Start 트리거에 대해 자세히 알아보세요.

은행 계좌 잔액 확인

은행 계좌 잔액이 플러스인지 마이너스인지 확인하려면 숫자가 0보다 큰지 또는 작은지 검증합니다.


{'_type': 'localeString', 'en': 'checking a bank account balance'}

직접 프로토타입을 테스트해 보세요.

사용된 함수: sign.

산술 연산, 함수조건(Condition)에 대해 자세히 알아보세요.

목록 내 카드 확장하기

스크롤 컨테이너의 스크롤 위치와 관계없이 스크롤 가능한 카드 목록 내 카드를 확장할 수 있으며, 해당 카드는 상단으로 이동하여 다른 콘텐츠를 위한 공간을 확보합니다.


{'_type': 'localeString', 'en': 'expanding a card'}

당사 사용자 중 한 명인 Nestor가 제작한 프로토타입을 직접 테스트해 보세요.

사용된 함수: toLayerX, toLayerY.

함수산술 연산에 대해 자세히 알아보세요.