스텝

시나리오를 구성하는 단위이며 여러 스텝이 연결되면 하나의 시나리오가 됩니다. 모바일에서는 각각의 뷰로 보입니다.

스텝에 대한 개념적인 이해를 돕기 위해 Step의 구성과 생애주기 페이지를 참고하시면 도움이 됩니다.

이 화면은 스텝 4개로 구성된 시나리오 입니다.

스텝유형

모양	기능	속성
	기본	컴포넌트를 추가해 화면 구성
	다이얼로그	팝업형태의 UI로 프로세스 흐름과 상관없이 추가로 구성되는 경우 사용
	서브시나리오	이미 다른 시나리오에서 개발한 스텝을 재사용하고 싶은 경우

디자인(Design) 모드

스텝 아이디

해당 스텝의 고유 아이디 값입니다.

스텝명

사용자가 스텝을 식별하기 위해 별도의 명칭을 부여할 수 있습니다.

상단 헤더 타이틀과 뒤로가기버튼

1) 상단 헤더 타이틀 2) 뒤로가기버튼

1. 상단 헤더 타이틀 스텝의 헤더 영역에 타이틀을 설정할 수 있고 뒤로가기 버튼을 사용여부를 설정할 수 있습니다.

2. 뒤로가기버튼 스텝에서 뒤로가기 버튼을 사용하여 이전 스텝(현재 스텝을 호출한 스텝)으로 돌아갈 수 있습니다. 기본 설정은 버튼 사용 활성화(ON) 상태입니다. 시작 스텝(시나리오를 호출 할 때 처음으로 실행되는 스텝)의 경우에는 뒤로가기버튼 속성이 존재하지 않습니다.

다이얼로그 타입

스텝이 호출 될 때 보이는 뷰의 형태를 다이얼로그 형태로 지정할 수 있습니다. 유형은 사용안함/슬라이드업/팝업 이 있습니다. 스텝의 다이얼로그 타입 기본값은 "사용안함" 입니다.

시작 스텝에서는 지원하지 않는 기능입니다.

• 다이얼로그 타입 : 슬라이드업 타입 스텝을 호출 할 때 슬라이드 형태로 보여집니다. 슬라이드업 타입에서는 헤더 숨기기, 배경색 투명하게, 높이 값을 설정할 수 있습니다.

  

  슬라이드업 - 높이 600px

  

  슬라이드업 - 헤더 숨기기

  

  슬라이드업 - 배경색 투명하게

• 다이얼로그 타입 : 팝업 스텝을 호출 할 때 팝업 형태로 보여집니다. 팝업 타입에서는 헤더숨기기, 배경색 투명하게, 전체화면으로 보이기, 높이, 너비 값을 설정할 수 있습니다.

  

  팝업

  

  팝업 - 헤더숨기기

  

  팝업 - 배경색 투명하게

  

  팝업 - 전체화면으로 보이기

배경

스텝의 배경색을 설정할 수 있습니다. (서브 시나리오 불러오기가 설정된 스텝 제외)

패딩 (Padding)

컴포넌트(Component) 영역 안으로 여백을 설정할 수 있습니다. 패딩은 시계방향(상,우,하,좌)으로 값을 입력합니다. 입력 단위는 'px', '%'를 선택할 수 있습니다.

개발(Dev) 모드

스텝명

사용자가 스텝을 식별하기 위해 별도의 명칭을 부여할 수 있습니다.

스텝 이벤트 사용

이벤트 유형	기능
최초 시작 전(Init)	스텝이 로드되기 이전입니다.
로드 시 (Loaded)	스텝의 레이아웃과 컨트롤이 모두 그려지고 난 후 입니다.
뒤로가기로 돌아올 때 (OnBackLoaded)	다음 스텝에서 뒤로 돌아오면서 이전 스텝이 로드 될 때 발생합니다.
다음으로 이동 전 (OnLeave)	현재 스텝을 떠나기 전에 발생합니다.
앱에 다시 돌아올 때 (OnForeground)	모바일 앱 포그라운드(Foreground) 이벤트에서 실행되는 이벤트로 앱이 Background에서 Foreground로 올라오는 시점에 실행됩니다. 모바일 생명주기 이벤트이기 때문에 모바일에서만 실행되는 이벤트입니다.
ScrollEnd	스크롤(Scroll)이 끝으로 내릴 때 발생합니다.

서브시나리오 연결

해당 스텝이 호출 되었을 때 개발 속성에서 지정한 시나리오가 내부에서 실행됩니다.

서브시나리오 속성

서브시나리오 아이디

호출 할 시나리오의 아이디를 입력합니다. 서브시나리오를 호출하기 위해서는 서브시나리오의 아이디 값은 필수입니다.

시작 스텝 아이디

서브시나리오 호출시 실행 될 스텝 입니다.

Init(처음)으로 돌아갈 시나리오

호출 된 스텝에서 스텝 이동 타입 중 Init 유형을 실행 할 경우에 이동할 시나리오를 선택할 수 있습니다.

• 최상위 시나리오

  가장 루트 시나리오로 맨 처음 실행 된 시나리오를 의미하며 호출 된 서브시나리오에서 Init 유형의 이동 이벤트가 실행 되면 최상위 시나리오의 시작스텝으로 이동합니다.

• 현재 시나리오

  현재 서브시나리오에 대한 설정을 하고 있는 시나리오로 서브시나리오를 호출하는 시나리오를 의미합니다.

  Init 유형의 이동 이벤트가 실행 되면 현재 시나리오의 시작스텝으로 이동합니다.

• 서브 시나리오

  Init 유형의 이동 이벤트가 실행 되면 호출 된 서브 시나리오의 시작스텝으로 이동합니다.

호출한 시나리오로 돌아가기 허용

서브시나리오를 호출 한 시나리오로 돌아 갈 수 있도록 뒤로가기 버튼을 활성화 할 것인지에 대하여 설정할 수 있습니다.

[심화] Filter - 섹터(Sector) Status, Condition

서브 시나리오로 현재 컬렉션 전달

현재 시나리오의 컬렉션을 호출할 서브 시나리오로 복사하여 그대로 사용할 수 있습니다.

서브 시나리오의 컬렉션으로 대체하기

현재 시나리오로 돌아 올 때 서브 시나리오의 컬렉션 및 카테고리로 변경되어집니다.

서브시나리오의 컬렉션으로 대체하기를 사용하지 않을경우 서브시나리오를 호출하기 직전의 컬렉션 및 카테고리 상태로 돌가가게 됩니다.

서브 시나리오 로드 스크립트

서브시나리오가 로드 되어지고 나서 실행되는 스크립트 입니다.

참고1. 스텝(Step)의 생애주기