플렉스튜디오에서 개발하고 디버거에서 확인할 때, 개발자도구(F12)를 활용하여 스크립트 실행 및 서비스 호출과 관련된 문제를 진단하고 해결할 수 입니다.

스크립트 실행 시점의 데이터 확인

특정 스크립트 실행 시점에서 콜렉션과 카테고리의 현재 상태를 확인하는 방법입니다. 이 방법은 스크립트의 실행 과정을 진단하고, 현재 데이터 상태를 파악하는 데 활용할 수 있습니다.

적용 가능한 위치

스크립트 데이터를 확인할 수 있는 주요 위치는 다음과 같습니다

• 이벤트 스크립트
• 로드 스크립트
• 대체 표현식 {% %}

<aside> 💡 각 스크립트 단위로 데이터 상태를 확인할 수 있습니다.

</aside>

진단 프로세스

1. 콘솔 로그 추가: 진단이 필요한 스크립트의 시작 부분에 console.log(1); 를 추가합니다. (숫자나 boolean 값이 로그를 식별하기 쉽습니다.)

   

2. 개발자도구 실행: 디버거에서 개발자도구(F12)를 열고, 해당 이벤트를 실행시킵니다.

1. VM 로그 식별: 개발자도구의 콘솔에서 "VM"으로 시작하는 로그를 찾습니다. 이 로그를 클릭하면, 해당 스크립트가 실행되는 가상 머신을 확인할 수 있습니다.

1. 중단점 설정 및 실행: 해당 스크립트 내에서 중단점을 설정하고, 다시 이벤트를 실행합니다. 중단점에 도달했을 때, 콘솔을 사용하여 콜렉션, 카테고리 및 로드스크립트에서의 Current 값을 확인할 수 있습니다. (step이벤트는 중단점을 잡고 브라우저를 새로고침하고 이벤트를 발생시키는 것이 잡기 더 쉽습니다.)

   

이 방법을 통해 개발 과정에서 발생하는 데이터 관련 문제를 효과적으로 진단할 수 있습니다.