For the complete documentation index, see llms.txt. This page is also available as Markdown.

3. 이벤트 연결하기

개발 하기

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

스탭의 이벤트 순서 이해

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

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

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

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

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

올바른 이벤트 연결 방법

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

스탭에 이벤트 연결하기

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

디버거에서 확인하기

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

챕터 마무리

배운 내용

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

Last updated

Was this helpful?