2. [Event] 약속 만들기

0. 시나리오 생성하기에서 생성한 "약속잡기" 시나리오에 데이터 연결과 이벤트를 연결하여 개발을 진행합니다.

아래 목차를 따라서 진행해 주세요.

1. 새 약속을 만드는 Step3 > InputGroup에 “Meet” 카테고리로 데이터연결을 합니다.

   
2. 아래와 같이 각 항목에 맞춰서 컬렉션 키를 매핑하여 적용해주세요.

   • InputText2 : Title

   • MultiIntpuBox1 : Detail

   • InputText2 : Place

     
3. Step4의 하위 두 그룹을 같은 데이터로 연결을 하기 위해 두 그룹의 상위 그룹을 만듭니다. Shift 키를 누르고 하위 두 구룹을 선택하고 Ctrl + G 를 눌러주세요.

   
4. 아래와 같이 상위에 그룹이 생겼는지 확인해주세요

   
5. 새로 생성된 Step4>Group1을 데이터 연결을 체크하고 카테고리명에 “Meet”를 넣어주세요.

   
6. 다음과 같이 기존 텍스트를 컬렉션 키로 매핑 해주세요.

   • 플렉스튜디오 사용성조사 : Title

   • 플렉스튜디오 워크스페이스 사용... : Detail

   • 19F K-StudioRoom : Place

     
7. Step4>Calendar1을 선택하고 콜렉션키(멀티)에 “Date”를 입력해주세요

   
8. 이어서 “데이터 다중 선택 사용”을 체크하고

   
9. 선택된 날짜를 저장할 카테고리를 세팅하고, 상위 Meet 카테고리와의 연결고리를 설정합니다.

   

   1. 카테고리명에 MeetOption을 입력해주세요

   2. "상위 데이터 연결과 연결관계 설정"을 체크

   3. 상위 컬렉션키에 _SUID 를 입력합니다.

   4. 현재 컬렉션키에 MeetId를 입력합니다. 이렇게 연결관계를 설정해서 Meet 데이터의 고유 ID값을 MeetOption에도 MeetId로 저장하게 합니다.

10. 시간을 선택하는 영역을 데이터에 연결합니다.

    

    1. Step2>Group1을 선택

    2. 데이터 연결을 체크

    3. 데이터용도를 “조회”로 선택합니다.

    4. 카테고리명을 MeetOption 을 입력합니다.

11. 아래와 같이 각 시간 항목 옆에 “h[시간]” 의 컬렉션 키를 부여하고 적용합니다. 이를 통해 각 시간별로 선택이 되었을 때 해당 콜렉션키에 선택된 데이터가 들어가도록 합니다.

    • ex>h8, h9, h10 ...

    
12. Step2 > Layout5 > “2024년 6월 27일(목)” 항목의 텍스트를 선택하세요.

    
13. 실제 선택된 날짜의 정보가 나올 수 있도록 아래 코드를 입력하여 대체하세요.

    {% f.Date(Load.sector.Date).format('M월DD일') +  " (" + f.Date(Load.sector.Date).getWeekDay() + ")" %}

1. Step4 > 스텝버튼 “다음” 에 이동 스텝 아이디를 Step2 로 선택해주세요.

   
2. 이제 약속잡기에 대한 기본 시나리오 흐름이 완료 되었습니다. 우측 상단 디버깅 도구"Run"를 이용해서 실제 데이터가 컬렉션에 맞춰서 들어가는지 확인해보세요.