Variables Use Cases
์ด ํ์ด์ง์์๋ Variable์ ์ฌ์ฉํ ๋ค์ํ ์์ ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค. ์ค์ ์์ ์์ Variable์ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง, ํน์ ์ธํฐ๋์ ์ ์ด๋ป๊ฒ ์ ์ฉํ๋์ง์ ๋ํด์ ์์๋ณด์ญ์์ค. ์ํ๋ ํ๋กํ ํ์ ์ ๋ค์ด๋ก๋ ๋ฐ์ ์ธํฐ๋์ ์ ์ง์ ๋ง๋ค์ด ๋ณผ ์๋ ์์ต๋๋ค.
Variables๊ณผ Formulas์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ์ญ์์ค.
๋ค์์ ์ด ํ์ด์ง์์ ์ฐพ์ ์ ์๋ ์์ ๋ชฉ๋ก์ ๋๋ค.
- Range slider
- Using data elsewhere
- Calculating the remaining balance
- Remembering what's in the shopping cart
- Timer
- On scroll sticky header
- Enabling a keyboard view
- Using the incoming speech
Formulas์ ๊ด๋ จ๋ ์์ ๋ฅผ ์ฐพ์ผ์ ๋ค๋ฉด ๋ค์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
๋ค์ ProtoPie ์ปค๋ฎค๋ํฐ์์๋ ์ ์ ๋ค์ด Variables๊ณผ Formulas๋ฅผ ์ฌ์ฉํ ์์ ๋ค์ ์ฐพ์ ์ ์์ต๋๋ค.
- ProtoPioneers Community
- ProtoPie on Discord
- ํ๊ตญ ProtoPie ์ฌ์ฉ์ ๊ทธ๋ฃน
- ProtoPie YouTube channel
- ProtoPie Korea on Facebook
- ProtoPie Users on Facebook
Range Slider
๋ ์ด์ด์ ์์น์ ๊ทธ ๊ฐ์ ์ฐ๊ฒฐ์ํฌ ์ ์์ต๋๋ค. ์๋ ์์ ์ ๊ฒฝ์ฐ, ์ํ ๋ ์ด์ด๋ฅผ ์ด๋ํ๋ฉด ๊ทธ ์์น์ ์ต์ ๊ฐ์ด ์๋์ผ๋ก ๊ณ์ฐ๋์ด Variable์ ์ ์ฅ๋ฉ๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/bcd7cf148b9edeba5acb35a4f40a100128818cae-1718x1298.gif/range-slider.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Chain Trigger, Detect Trigger, Function, ์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Using Data Elsewhere
์ธํ ๋ ์ด์ด์ ์ ๋ ฅ๊ฐ์ Variable์ ์ ์ฅํ๋ฉด, ๋ค๋ฅธ Scene์์๋ ๊ทธ ๊ฐ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๋ฆ, ๋น๋ฐ๋ฒํธ, ์ด๋ฉ์ผ ๋ฑ ์ ์ ๊ฐ ์ ๋ ฅํ ์ ๋ณด๋ฅผ ํ์ฉํ๊ณ ์ ํ ๋ ์ฌ์ฉ๋ฉ๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/6b8bb38465b6bb612ec398355034bdda0aa801c7-1842x1318.gif/using-data-elsewhere.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Detect Trigger, Start Trigger, Layer property์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Calculating the Remaining Balance
์ผ์ ๊ธ์ก์ ์ก๊ธํ ๋, ์์ก์ด ์๋ ๊ณ์ฐ๋๋๋ก ์ค๊ณํ ์ ์์ต๋๋ค. ํ์ฌ ์์ก์์ ์ก๊ธํ๋ ๊ธ์ก์ด ์ฐจ๊ฐ๋ ์ ์๊ฒ ์ฐ์ฐ์ ํ์ฉํด์ผํฉ๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/6ef94b3af89a76dbbdf4ac29ae71f4b13a825a62-1714x1306.gif/calculatind-the-remaining-balance.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Arithmetic operation, Condition, Component์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Remembering What's in the Shopping Cart
์ฅ๋ฐ๊ตฌ๋์ ์ํ์ ๋ด์ ๋, ์ ํ๋ ์ํ๋ค์ด ์ฅ๋ฐ๊ตฌ๋ ํ์ด์ง์ ๋ํ๋๋ฉด์ ์ด ๊ธ์ก์ด ์๋์ผ๋ก ๊ณ์ฐ๋์ด์ผ ํฉ๋๋ค. ์๋ ์์ ๋ฅผ ์ฐธ๊ณ ํ์ฌ ํด๋น ์ธํฐ๋์ ์ ๋ง๋ค ์ ์์ต๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/54f389e4afd2890822881ce59af4d2eaf32851c4-1688x1250.gif/shopping-cart.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค. Soda Design์ด ์ ์ํ ๋์์ธ์ ๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Arithmetic operation, Function, Condition์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Timer
ํ์ด๋จธ์์ 60์ด๊ฐ ์ง๋๋ฉด ๋ถ์ด ์ถ๊ฐ๋์ด์ผ ํฉ๋๋ค. ์ด๋ฅผ ์ํด์๋ ๊ฐ ์ซ์ ์๋ฆฌ์ ์กฐ๊ฑด์ ์ ๋ ฅํ๋ฉด ๋ฉ๋๋ค. ์ด์ ๊ฐ์ ๋งฅ๋ฝ์ผ๋ก ์นด์ดํธ ๋ค์ด ํ์ด๋จธ๋ฅผ ๋ง๋ค ์๋ ์์ต๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/6528967c3a909943667eda53e775927857a8f7e1-1666x1280.gif/timer.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค. Eduardo Sonnino๊ฐ ์ ์ํ ๋์์ธ์ ๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Arithmetic operation, Condition, Detect Trigger์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
On Scroll Sticky Header
์คํฌ๋กค ์ ํน์ ๋ฉ๋ด๋ฐ์ ์์น๋ฅผ ์กฐ์ ํ ์ ์์ต๋๋ค. ์๋ ์์ ์ ๊ฒฝ์ฐ, $touchVelocityY๋ฅผ ์ด์ฉํด ์คํฌ๋กค ๋ฐฉํฅ์ ์ธ์ํ์ฌ ๋ฉ๋ด๋ฐ ์์น๋ฅผ ์กฐ์ ํ๊ณ ์์ต๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/228c16e4a390cf0c8f5c4071b7c6f561862dc2b8-1810x1312.gif/scroll-sticky-header.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Predefined Variable, Detect Trigger์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Enabling a Keyboard View
ํค๋ณด๋๊ฐ ํ์๋ ๋, ํน์ ๋ถ๋ถ์ ํค๋ณด๋ ๋์ด์ ๋ง์ถฐ ์กฐ์ ํ ์ ์์ต๋๋ค. ์๋ ์์ ์ ๊ฒฝ์ฐ, $keyboardHeight๋ฅผ ์ด์ฉํด ๊ทธ ๋์ด๊ฐ ์๋ ๊ณ์ฐ๋๋๋ก ์ค๊ณ๋์์ต๋๋ค.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/docs/9bd3d9a2d30cecc71a1f4a455365e52ad2dab0be-1654x1308.gif/enabling-a-keyboard-view.gif)
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Predefined Variable, Focus Trigger์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.
Using the Incoming Speech
Voice Command๊ฐ ํ์ฑํ ๋ ์ํ์์, $voiceTranscript์ ์ด์ฉํด ์์ฑ ์ธ์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ธ์๋ ๋ด์ฉ์ ์ฝ๊ฒ ํ๊ฑฐ๋, Text Response๋ฅผ ์ฌ์ฉํด ํ ์คํธ๋ก ํ์ํ ์ ์์ต๋๋ค.
ํด๋น ํ๋กํ ํ์ ์ ์ง์ ๋ง๋ค์ด๋ณด์ค ์ ์์ต๋๋ค.
์ด ํ๋กํ ํ์ ์ ์ฌ์ฉ๋ Predefined Variable, Voice prototyping์ ๋ํ ์์ธํ ์ฌํญ์ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด์ฃผ์ญ์์ค.