로드스크립트

컴포넌트가 로드되기 전 실행되는 스크립트입니다. 로드 스크립트를 통해 데이터에 따라 동적으로 컴포넌트 속성을 변경하는 등의 작업을 할 수 있습니다.

화면의 구성요소별 생성 순서를 알고 있다면 로드스크립트의 활용이 더 쉬워집니다.

속성 설명

로드스크립트란?

로드스크립트는 각 컴포넌트의 개발 프로퍼티 탭에서 확인할 수 있습니다. 설정한 컴포넌트가 로드되기 직전 시점에서 실행되며 자바스크립트와 로드스크립트 전용 함수를 사용할 수 있습니다.

라이프사이클

컴포넌트의 라이프 사이클에는 3가지 상태를 거쳐 생성됩니다.

  • Ready - 기존에 디자인 프로퍼티 등에서 설정한 컴포넌트 속성을 갖고 있습니다.

  • LoadScript - 생성되기 전 실행되어 Ready 상태의 속성을 변경할 수 있습니다.

  • Render - 최종 속성으로 컴포넌트를 생성합니다.

데이터가 로드되는 시기에 따라 스크립트에서 데이터 접근성이 달라집니다.

컴포넌트가 로드되기 전인 Init 이벤트에서 데이터를 받았다면 스크립트에서 사용할 수 있지만, 이미 로드된 후에 받아온 데이터는 접근할 수 없습니다. 이때는 'reload()'를 사용해 로드 스크립트에서 새 데이터를 활용할 수 있도록 해야 합니다.

예시

읽지 않은 알림만 표시하기

확인하지 않은 알림에 빨간 알림 표시를 보여주고 읽은 알림에는 보이지 않도록 설정하겠습니다.

Text 컨트롤을 이용해 점을 표시했습니다. 컨트롤을 선택하고 로드스크립트를 아래와 같이 설정합니다.

컨트롤을 로드하는 시점에 Current.sector의 데이터 중 읽음 여부를 저장해둔 fIsRead 값에 따라 true라면 알림이 보이지 않도록 설정하는 코드입니다. false 일 땐 아무 설정이 되지 않으니 자동으로 Text 컨트롤이 보이게 됩니다.

결과

결과로 읽지 않은 알림에만 Text 컨트롤이 보이게 된 것을 확인할 수 있습니다.

Last updated