변수 (Variables)를 사용하면 사용자 입력을 저장하고 프로토타입에 제공된 데이터를 기반으로 액션를 취할 수 있습니다. 변수를 사용하여 동적 텍스트 요소를 만들고, 사용자의 취향에 맞게 디자인 콘텐츠를 조정하고, 데이터(이름 등)를 수집하여 프로토타입의 다른 위치에 표시할 수 있습니다. 변수의 값은 광범위하게 적용 가능하여, 모든 페이지에서 사용할 수 있습니다.
왼쪽 패널에서 Variables를 클릭하고 +New variable을 클릭합니다. 그런 다음 변수의 이름을 지정하고 Enter로 확정합니다.
https://uxpincommunity.cdn.prismic.io/uxpincommunity%2F6d801a40-2554-4af2-8029-fde71abd03ea_variables_creating+variables.mp4
변수 (Variables)의 이름을 지정할 때는 몇 가지 규칙을 따라야 합니다. 모든 변수 이름은 알파벳(알파벳과 숫자 포함)로 시작하고, 공백이 없어야 하며 25자 이하여야 합니다. 변수 이름은 자동으로 단축되고 필요에 따라 공백이 삭제됩니다.
또한 다음과 같은 구문은 변수 이름으로 사용할 수 없습니다.
do, if, in, for, let, new, try, var, case, else, enum, eval, null, this, true, void, with, await, break, catch, class, const, false, super, throw, while, yield, delete, export, import, public, return, static, switch, typeof, default, extends, finally, package, private, continue, debugger, function, arguments, interface, protected, implements, instanceof
하지만 이 중 하나를 사용하면 자동으로 밑줄과 숫자를 추가하여 변수 이름을 이용할 수 있도록 합니다.
나와 동료가 나중에 이해하기 쉽도록 설명적인 이름을 사용하는 것이 가장 좋습니다. 변수 이름을 여러 단어로 구성하려면 다음과 같은 방법으로 읽을 수 있습니다.
variableName;variable_name;<aside> 💡 비고 변수 이름은 한번 설정하면 변경은 할 수 없으므로 주의해 주십시오.
</aside>
변수 관리는 도구 모음의 변수 패널에서 수행할 수 있습니다.