[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 앱 보안

물리적 보안

리스크 관리

구문

인간의 언어와 마찬가지로, ProtoPie의 공식에도 고유한 규칙과 원칙이 있습니다. 구문(syntax)으로 알려진 이러한 규칙은 텍스트, 숫자, 레이어 속성, 변수 등의 서로 다른 요소들이 결합하여 공식을 구성하는 방식을 규정합니다.

구문을 이러한 요소들을 조립하여 원하는 결과를 얻을 수 있도록 안내하는 프레임워크로 생각하세요. ProtoPie의 구문 규칙을 이해하고 따르면, 프로토타입에 생동감을 불어넣는 강력하고 다이내믹한 공식을 만들 수 있습니다.

리터럴 값 사용하기

공식에서 레이어 속성, 텍스트, 숫자와 같은 요소를 사용할 때는 특정 규칙을 따라야 합니다.

레이어 속성

레이어를 참조하려면 레이어 이름 앞뒤에 백틱(`)을 사용하세요. 혼선을 방지하기 위해 레이어 이름은 고유하게 설정하는 것을 강력히 권장합니다.

레이어 속성을 사용하려면 두 번째 백틱 뒤에 마침표(.)를 입력하고 이어서 속성을 추가하세요.

자세히 알아보기: 레이어 속성

텍스트

텍스트 앞뒤로 큰따옴표(")를 사용하세요.

여러 줄 텍스트

줄 바꿈을 추가하려면 단어나 문자 사이에 "\n"을 추가하세요.

숫자

아라비아 숫자(0-9)만 사용하세요.

색상

#FFFFFF 형식(헥사 코드)의 색상을 사용하세요.

변수

변수를 참조하려면 변수 이름을 그대로 사용하세요. 변수 이름에는 라틴 알파벳 문자, 숫자, 밑줄(_)만 사용할 수 있습니다.

자세히 알아보기: 변수

연산하기

간단한 연산을 하려면 기본 산술 연산자(+, -, *, /) 및 나머지 연산자(%)를 사용하세요.

산술 연산

숫자에 대한 기본 산술 연산은 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)입니다.

나머지 연산

나눗셈의 나머지를 구하려면 나머지 연산자(%)를 사용하세요. 예를 들어, 5 % 2는 결과가 1이 되는데, 이는 단순히 5를 2로 나누면 몫이 2이고 나머지가 1이기 때문입니다.

텍스트 결합하기

산술 연산은 대개 숫자에 적용됩니다. 하지만 텍스트를 결합하기 위해 더하기(+)를 사용하는 것도 가능합니다. 텍스트가 다른 텍스트와 "더해지면", 두 텍스트가 결합된 새로운 텍스트가 결과물로 나옵니다.

텍스트 + 텍스트

둘 이상의 텍스트를 결합하려면 더하기(+) 기호를 사용하세요. 다시 한번 강조하지만, 텍스트 앞뒤에는 항상 큰따옴표(")를 사용해야 합니다.

텍스트 + 숫자

둘 이상의 텍스트와 숫자를 결합하려면 더하기(+) 기호를 사용하세요. 결과는 항상 새로운 텍스트가 됩니다.