앱 및 페이지 변수 사용

Objectives

After completing this lesson, you will be able to:
  • 앱 변수와 페이지 변수를 구별합니다.
  • 앱 및 페이지 변수를 생성합니다.

앱 및 페이지 변수의 사용

사용자가 앱을 실행하고 앱과 상호작용하면 백엔드 서비스에서 저장하거나 변경할 필요가 없지만 사용자가 앱을 실행하는 동안 사용할 수 있어야 하는 데이터가 생성됩니다.

다음은 사용자가 앱 전체에서 필요로 할 수 있는 데이터의 몇 가지 예입니다.

  • 현재 사용자의 이메일 주소입니다.
  • 현재 사용자의 설정(예: 배경 음악 사용 여부)
  • 상태(예: 게임에서 자신이 있는 수준).
  • 현재 위치.

다음은 특정 페이지에만 필요한 데이터의 예입니다.

  • 검색을 위한 검색어입니다.
  • 데이터 레코드를 통해 페이징할 때의 현재 페이지입니다.
  • 스톱워치가 있는 페이지의 현재 시간입니다.
  • 필드가 비활성화되었는지 여부를 나타내는 지시자입니다.

앱 변수 생성

비즈니스 시나리오: 휴가 휴가를 요청할 수 있는 앱을 생각해 보십시오. 이제 휴가가 필요한 이유를 설명하는 내역을 제공해야 합니다.

동영상을 재생하여 앱 변수를 생성하는 방법을 알아보십시오.

노트

예제 데이터를 볼 수 있도록 디자인하는 동안 UI에서 예제 값이 사용됩니다.

노트

변수 이름을 생성할 때 공백이나 문장 부호 같은 특정 요소는 허용되지 않습니다. 문자 또는 숫자만 포함해야 합니다.

앱 변수를 생성했습니다.

페이지 변수

한 페이지에서 페이지 변수를 정의하면 해당 변수는 두 번째 페이지에서 사용할 수 없으며 변수 영역에서도 사용할 수 없으며 UI 컴포넌트에 바인딩할 수도 없습니다.

페이지 1의 페이지 변수

이 변수는 두 번째 페이지에서 사용할 수 없으며 변수 영역에서도 사용할 수 없으며 UI 컴포넌트에 바인딩할 수도 없습니다.

페이지 2의 페이지 변수

모든 변수를 앱 변수로 유지할 수 있지만 필요한 위치에서만 변수를 정의하는 경우 앱을 유지보수하는 것이 더 쉽습니다.

변수를 정의한 후에는 변수를 구성 요소 속성에 바인딩할 수 있습니다.

예를 들어 검색 UI가 있고 입력 상자가 페이지 변수 MyPageVariable 에 바인딩되어 있습니다. 사용자가 검색어를 입력하고 검색 을 선택하면 변수의 값을 가져와 검색을 수행하는 로직을 정의할 수 있습니다.

찾은 값의 위치를 시각화합니다.

변수 범위

변수 범위

페이지 변수는 단일 페이지의 컨텍스트에 존재합니다. 다른 페이지로 이동하여 디자인하면 다른 페이지의 페이지 변수가 표시되지 않습니다. 또한 전체 페이지가 제거되므로 페이지로 이동할 때마다 값이 재설정되고 뒤로 이동 흐름 기능을 사용하여 원래 페이지로 돌아갑니다.

페이지 변수는 pageVars 네임스페이스를 사용하는 수식에서 사용할 수 있다.

pageVars 네임스페이스

앱 변수는 앱의 전역 컨텍스트에 있습니다. 앱 변수는 앱을 처음 열거나 닫고 다시 열 때만 재설정됩니다.

앱 변수는 appVars 네임스페이스를 사용하여 수식에서 사용할 수 있다.

appVars 네임스페이스

팀 앱의 앱 및 페이지 변수 생성

비즈니스 시나리오

이후 기능을 사용하기 위해 이 시뮬레이션에서 페이지 및 앱 변수가 생성되고 조정됩니다.

연습문제 옵션

연습문제를 시작하려면 아래 그림에서 연습문제 시작 을 선택합니다.

팝업이 열립니다. 다음과 같은 옵션이 있습니다.

  • 시작: 시뮬레이션이 시작됩니다. 시뮬레이션에 따라 앱 및 페이지 변수를 생성하는 방법을 알아봅니다.
  • PDF 문서 열기: pdf가 열립니다. 이 문서에 설명된 단계에 따라 자체 시스템 랜드스케이프에서 연습문제를 수행할 수 있습니다.