3. 이벤트 연결하기

개발 하기

앞에서 구성한 이벤트를 올바른 스텝 이벤트 시점에 연결해 주는 방법을 배워보겠습니다.

스탭의 이벤트 순서 이해

스탭이 시작할 때 이벤트는 다음 순서로 실행됩니다

1. 최초 시작 전 (init): 최초 시작 전 (init)에 연결한 이벤트가 실행됩니다.

2. 화면 render: 스탭이 렌더링됩니다. 데이터연결 "신규입력" 및 "기본"(카테고리의 섹터가 없는 경우) 인 항목의 섹터가 생성됩니다.

3. 로드 시 (Loaded): 로드 시 (Loaded)에 연결한 이벤트가 실행됩니다.

보다 자세한 스탭의 생애주기에 대해 알고싶다면 [개념학습하기]-[[심화]Step의 구성과 생애주기]를 확인해주세요.

올바른 이벤트 연결 방법

앞서 구성한 QR코드를 생성하는 이벤트 (CreateQRCode)는 데이터연결에서 생성되는 섹터에 값을 추가하고, 영역을 새로고침하는 기능을 포함하고 있으므로. 이 이벤트는 화면이 render 된 이후 실행되어야 합니다. 따라서, 이벤트를 스탭의 "로드 시 (Loaded)" 단계에 연결하는 것이 적절합니다. 이렇게 하면화면이 render 된 이후에 QR코드를 생성하고 반영하는 로직이 실행되어 정상적으로 QR코드를 표시할 수 있습니다.

스탭에 이벤트 연결하기

스탭의 "로드 시 (Loaded)" 이벤트에 LoadQRModule 이벤트를 연결합니다.

디버거에서 확인하기

디버거를 실행하여 QR코드가 생성되어 로드되는 것을 확인할 수 있습니다.

챕터 마무리

배운 내용

• 스탭 시작시 이벤트 순서와 올바른 시점에 이벤트를 구성하는 방법에 대해 학습하였습니다.