정기 업데이트 소식을 전해드려요. [업데이트 확인하기]
Flextudio
릴리즈노트
Flextudio 가이드
Flextudio 가이드
  • 플렉스튜디오 처음 시작하기
    • GETTING STARTED
      • 0. 플렉스튜디오 준비하기
      • 1. 워크스페이스 시작하기
      • 2. 시나리오 개발하기
      • 3. 앱 배포하기
      • 4. 앱 사용하기
    • 플렉스튜디오 로드맵
    • 튜토리얼(Tutorial)
      • 메모장 앱 만들기(필수)
        • 1. [Design] 디자인하기
        • 2. [Event] 화면 이동 구현하기
        • 3. [Data] 컴포넌트에 데이터 연결 하기
      • 템플릿을 활용해 앱 만들기(초급)
        • 0. 시나리오 생성하고 사용하기
        • 1. [Design] 디자인 템플릿 사용하기
        • 2. [Event] 클릭 시 스텝(Step) 이동하기
        • 3. [Data] 컴포넌트에 데이터 연결하기
        • 4. [Data] 이벤트 스크립트로 게시물 삭제 구현하기
      • 약속잡기 앱 만들기(중급)
        • 0. 시나리오 생성하기
        • 1. [Data] Firestore 준비
        • 2. [Event] 약속 만들기
        • 3. [Data] 약속 데이터 생성
        • 4. [Event]약속 조회하기
        • 5. 사용자 SNS로그인
        • 6. 앱 배포/링크
        • 7. [Event] 약속 회신하기
        • 8. 배포하고 확인하기
        • 9. 추가 상세 가이드
  • 개념 학습하기
    • 시나리오의 구성요소
    • 컬렉션(Collection)과 섹터(Sector)
    • 사용자 입력에 의한 데이터 변화
    • 이벤트와 서비스 구동 방법
    • 대체 텍스트 사용하기
    • [심화] Filter - 섹터(Sector) Status, Condition
    • [심화] Step의 구성과 생애주기
    • [심화] 컬렉션의 카테고리
    • [심화] 데이터의 상태관리(Sector Status)
    • [심화] 카테고리 연결관계
  • 워크스페이스 콘솔 가이드
    • 워크스페이스 콘솔 인터페이스
      • 앱
        • 시나리오 관리
        • 레이아웃관리
        • 데이터연결
        • 고객관리
        • 링크앱팩설정
        • 링크관리
        • 서비스오류로그
        • SDK설정
        • 앱정보설정
      • 앱팩
      • 개발
        • 시나리오
        • 권한키관리
        • 패키지설치
      • 데이터
        • API 연동
        • 호스팅 폴더
        • FlexSQL
      • 고객 관리
        • 설정 페이지
      • 에뮬레이터
      • 워크스페이스 설정
        • 기본정보
        • 개발자 관리
        • Flex API Key관리
  • 시나리오 개발하기
    • 시나리오 스튜디오 인터페이스
      • 상단영역
      • 시나리오 관리
      • 시나리오 설정
      • 시나리오 배포
      • 테마색 설정
      • 하단패널-Collection
      • 하단패널-DataBase
      • 하단패널-Authkey
      • DB 연결하기
    • 디자인 모드 (Design Mode)
      • 디자인 템플릿
      • 고정 레이아웃
      • 너비 높이
      • 디스플레이
      • 마진
      • 패딩
      • 배경
      • 보더
      • 색상
      • 스크롤 타입
      • 스타일 유형
      • 아이콘
      • 절대값 위치 설정
      • 컨트롤 명
      • 캡션
      • 텍스트
      • 투명도 설정
      • 힌트
      • 인풋 컨트롤 변경
    • 개발 모드 (Dev Mode)
      • 컴포넌트(Component)
        • 컴포넌트 상태
        • 로드스크립트
        • 데이터(Data)
        • 이벤트(Event)
        • 컴포넌트 동적 활용(컴포넌트 아이디)
      • 이벤트
        • 이벤트 서비스 스크립트 API 액션 추가
        • API 호출
        • 함수 자동 생성
        • 스크립트 에디터
      • 서비스
        • FlexSQL
        • FlexAutoQuery
        • Firestore
        • GoogleSheet
        • Flextudio API - User
      • 데이터소스
      • Etc
        • Collections
        • Language
        • Scenario
    • 컴포넌트
      • 스텝
      • 그룹
      • 레이아웃
      • 컨트롤
        • Approval
        • Button
        • CalendarNavigator
        • Calendar Schedule
        • Checkbox
        • ComboBox
        • DatePicker
        • Embed
        • FileUpload
        • Image
        • InputDate
        • InputMask
        • InputNumber
        • InputSearch
        • InputText
        • Line
        • MultiInputBox
        • Radio
        • Sheet (Beta)
        • Signature
        • Tab
        • Text
        • TimeTable
        • Tree
      • 스텝 버튼
  • 디버거
    • 디버거 인터페이스
    • 실행 내역 확인하기
    • 콘솔
    • 데이터 상태 확인하기
    • 서비스 테스트
      • Test-API
      • Test-SQL
  • 참고
    • FAQ
      • 시나리오에서 앱을 배포했는데, 라이브에 적용이 안되요.
    • 단어집
      • 권한키 (AuthKey)
      • 이너블럭
      • 컬렉션 키
      • FlexDB
      • 공개앱(오픈앱)
      • ParamBlock/ResultBlock
      • _SUID(suid)
    • 단축키
    • 개발 예제
      • 스크롤 페이징 샘플
    • 심화 실습
      • Google Map 그려주기
        • 1. Google Map 생성영역 생성
        • 2. 이벤트 구성하기
        • 3. 이벤트 연결하기
      • Naver Map 그려주기
        • 1. Naver Map 생성영역 생성
        • 2. 이벤트 구성하기
        • 3. 이벤트 연결하기
      • QR코드 생성하기
        • 1. 화면구성하기
        • 2. 이벤트 구성하기
        • 3. 이벤트 연결하기
      • 목적지 경로 거리 및 시간 Google Map
        • 1. Google Map Distance Matrix API 추가하기
        • 2. 화면 구성하기
        • 3. 이벤트 구성 및 연결하기
        • 4. API 호출 결과 후처리하기
    • 데이터 연동 방법
      • 자사 API 백엔드 시스템
      • 외부 DB 연동
      • Firestore 연동
      • GoogleSheet 연동
      • K-System 연동
      • Airtable 연동
    • 앱 출시하기 (SDK)
      • Android SDK
      • iOS SDK
Powered by GitBook

ⓒ flextudio

On this page
  • 시나리오란?
  • 과정 따라하기
  • 시나리오 만들기
  • 시나리오 배포하기
  • 챕터 마무리

Was this helpful?

  1. 플렉스튜디오 처음 시작하기
  2. GETTING STARTED

2. 시나리오 개발하기

시나리오가 무엇인지 알아보고 본격적인 개발 시작하는 방법을 안내하는 페이지입니다.

Previous1. 워크스페이스 시작하기Next3. 앱 배포하기

Last updated 12 months ago

Was this helpful?

시나리오란?

시나리오는 화면을 구성하고 프로그램의 작동을 지정하고 데이터를 연결할 수 있는 공간입니다.

사용자는 시나리오 개발 화면에서 앱이 동작하는 화면을 단위로 디자인 작업을 진행합니다. 완성된 디자인에 스크립트와 이벤트를 만들어 연결하여 서버나 DB등 데이터를 연동할 수 있습니다. 이 모든 작업을 할 수 있는 공간을 시나리오라고 부릅니다.

시나리오의 심화 개념은 탭에서 확인할 수 있습니다.

과정 따라하기

시나리오 만들기

워크스페이스 콘솔의 좌측 탭에서 [개발]-[시나리오]를 클릭합니다.

새 시나리오버튼을 눌러줍니다.

시나리오 명을 입력하고 시나리오 추가를 누르면 시나리오가 생성됩니다.

기존 시나리오 복제는 등록된 시나리오를 복제하는 기능입니다.

복제할 시나리오를 검색 및 선택하여 시나리오 추가시 해당 시나리오가 복제됩니다.

시나리오 배포하기

개발한 시나리오를 앱에 사용하기 위해서는 반드시 배포 버튼을 눌러 시나리오 배포 적용을 해야 합니다.

플렉스튜디오에서는 시나리오 버전 관리를 할 수 있습니다. 시나리오 배포는 현재 저장 상태의 버전을 발행합니다. 앱 배포 시 원하는 버전의 시나리오를 선택하여 배포할 수 있습니다.

따라서 최초 1회 배포는 앱 배포를 위해 필수적입니다.

시나리오 배포 VS 앱 배포

  • 시나리오 배포 : 시나리오의 버전 발행 과정

  • 앱 배포 : n개의 시나리오로 구성된 앱을 라이브에 반영하는 과정

챕터 마무리

다음 챕터에서는 개발완료한 시나리오를 앱에서 사용하기 위한 설정 방법을 배워봅시다.

시나리오 개발 예시로는 혹은 실습을 참고해 주시기 바랍니다.

완성된 시나리오를 앱에서 사용하기 위해서는 저장과 하는 과정이 필요합니다.

메모장 만들기
중고거래
배포
Step
시나리오의 구성요소
중고거래 예시 시나리오
앱 배포 과정의 일부 (다음 챕터에서 다룹니다.)