[Appgyver] 페이지 변수(Page Variables)

상단 VARIABLES 슬라이드 바를 선택하면 좌측 메뉴에 많은 변수 및 파라미터 값 설정이 있습니다.

오늘은 페이지 변수(Page Variables)에 대해 확인해 보겠습니다.

 

설명은 다음과 같습니다.

 

Page variables exist in the context of the current page.
They are initialized when the page opens, and removed from app state when the page is closed.
They should be used for things that exist in the context of the current page, such as form data, 

loading state of the current page, selected filters and so on.

 

즉 현재 페이지에서만 유효한 변수입니다. 해당 페이지를 벗어나면 없어지는 변수입니다.

페이지 변수 예제는 아래와 같습니다.

 

상단 VARIABLES 슬라이드 바를 선택하고 좌측 메뉴 PAGE VARIABLES를 선택합니다. 그리고 우측 ADD PAGE VARIABLE을 클릭합니다.

 

 

우측 창에서 변수명을 fruit로 하고 Initial value를 orange로 입력한 수 저장합니다.

 

 

VIEW 화면으로 다시 돌아와서 Paragraph 1의 Content 아이콘을 클릭합니다.

 

 

Data and Variables > Page variable 을 클릭하고 fruit 변수명을 선택하여 저장합니다.

 

 

좌측 컴포넌트에서 버튼을 선택하여 화면에 놓고 하단 Show logic ~ 을 클릭합니다.

 

 

좌측 Function에서 Set page variable를 선택하여 화면에 끌어 놓고 연결한 다음 Assigned value에 apple을 입력하고 저장합니다.

 

 

위 내용은 아래와 같습니다.

1. 페이지가 열리면 Paragraph 1에 fruit(Page variable) 변수값인 orange가 출력됩니다.

2. 버튼을 클릭하면 fruit 값을 apple로 할당합니다.

3. Paragraph 1가 apple로 변경됩니다.

 

 

위와 같이 페이지 변수인 fruit는 위 페이지에서만 사용이 가능하고 해당 페이지에서 이벤트를 통해 해당 값을 변경하면 변경된 값이 표시됩니다.

 

 

위 내용은 아래 영상을 참고하여 작성하였습니다.

https://www.youtube.com/watch?v=EOgJkEpBHXc