스니펫 디버그

Snippet 편집기 창에서 스니펫 코드를 디버그할 수 있습니다. 디버거를 사용하면 스니펫 코드에서 변수를 볼 수 있습니다. 코드에 있는 문제를 해결하는 데 도움이 됩니다. 스니펫 디버그 옵션으로는 다음과 같이 다섯 가지가 있습니다.

  • 스니펫에서 구문을 검사합니다. 스니펫을 코딩할 떄 언제든지 이를 수행할 수 있습니다. 디버거 도구는 사용하지 않습니다.
  • 전체 스니펫을 디버깅하여 전체 스니펫을 실행한 이후 변수와 값을 봅니다.
  • 중단점을 설정하여 코드 내의 특정 줄에서 디버깅을 중단합니다.
  • 스니펫 코드의 각 줄을 단계별로 진행하고 변수와 값이 줄별로 변화하는 방식을 확인합니다.
  • TRACE 문을 사용하여 Snippet 편집기 창의 Trace 창으로 데이터를 출력합니다.

또한, 코드에 정적인 개체 또는 배열이 포함된 경우에는 내용을 보고 변경되는 방식을 확인할 수 있습니다.

다양한 디버깅 요소를 표시하는 Snippet Properties 창의 이미지.

스니펫 구분 검사

Studio이(가) 스니펫에서 구문을 검사하게 할 수 있습니다.

  1. Studio에서 Snippet 작업이 포함된 스크립트를 엽니다.
  2. Snippet 작업을 두 번 클릭합니다.
  3. 이미 코드가 포함되어 있지 않다면 Text View 탭에 Snippet 코드를 추가합니다.

  4. Snippet 편집기 창 하단에서 Check Syntax 아이콘 을 클릭합니다.

    구문 오류를 찾지 못한 경우에는 구문 검사 아이콘 옆의 상태 필드에 Okay 메시지가 표시됩니다.

    구문 오류를 발견한 경우 오류를 설명하는 오류 메시지가 팝업으로 표시됩니다. 설명에는 오류가 위치한 줄 번호가 포함됩니다. 또한, 구문 검사 아이콘 옆의 상태 필드에는 메시지 Error at line [#]이(가) 표시됩니다.

  5. 발견한 구문 문제를 수정합니다.
  6. 스니펫 코드에서 한 개 이상의 줄을 선택한 다음 Comment out selected lines 아이콘 을 클릭할 수 있습니다. 오류를 건너뛰고 남은 오류가 있는지 검사하려는 경우 유용합니다.
  7. 스니펫 코드에서 한 개 이상의 메모가 작성된 줄을 선택한 다음 Uncomment the selected lines 아이콘 을 클릭할 수 있습니다.

디버거 도구 사용

  1. Studio에서 Snippet 작업이 포함된 스크립트를 엽니다.
  2. Snippet 작업을 두 번 클릭합니다.
  3. 이미 일부가 포함되어 있지 않다면 Text View 탭에 Snippet 코드를 추가합니다.
  4. Snippet Editor 창 오른쪽에서 Debugger 탭을 클릭합니다.
  5. Debug 아이콘 의 아래 방향 화살표 버튼을 클릭한 다음 Start삼각형 모양의 녹색 재생 버튼 아이콘입니다. 을(를) 선택합니다.

  6. 코드에 구문 오류가 있는 경우 Snippet Editor 창이 확장됩니다. 코드에 있는 모든 오류가 창 하단의 창에 표시됩니다. 오류가 없으면 다음 단계로 넘어갑니다.

    스니펫 편집기 창입니다. 창 하단에 오류 창이 표시되어 있습니다.
    1. 오류를 정정합니다.
    2. 오류가 정정되면 Close 또는 Clear Trace Output 아이콘 을 클릭하여 오류 창을 닫습니다.
    3. 디버거를 다시 시작합니다.
  7. Variables as Text 탭의 콘텐츠를 봅니다. 중단점을 설정하지 않은 경우 모든 코드가 실행되면 탭에 변수와 값이 표시됩니다.
  8. 스니펫 코드에서 한 개 이상의 줄을 선택한 다음 Comment out selected lines 아이콘 을 클릭할 수 있습니다. 일부 코드를 제거하였을 때 디버깅 결과가 변경되는 방식을 보고 싶을 때 유용합니다.
  9. 메모가 작성된 코드가 있는 줄을 한 개 이상 선택하고 Uncomment the selected lines 아이콘 을 클릭하면 해당 줄을 스니펫에 다시 추가할 수 있습니다.

중단점으로 디버깅

디버깅이 스니펫 코드의 특정 줄에서 중단하게 하려면 중단점을 설정할 수 있습니다. 그러면 줄을 하나씩 진행할 필요 없이 스니펫 전체적으로 변수와 값을 확인할 수 있습니다.

  1. Studio에서 Snippet 작업이 포함된 스크립트를 엽니다.
  2. Snippet 작업을 두 번 클릭합니다.
  3. 이미 일부가 포함되어 있지 않다면 Text View 탭에 Snippet 코드를 추가합니다.

  4. Snippet Editor 창의 줄 번호 왼쪽 열을 클릭합니다. 줄 번호에 빨간색 원이 표시됩니다.

    빨간색 구체 및 빨간색으로 강조 표시된 코드 줄을 보여주는 이미지입니다.
  5. Snippet Editor 창 오른쪽에서 Debugger 탭을 클릭합니다.
  6. Debug 아이콘 의 아래 방향 화살표 버튼을 클릭한 다음 Start삼각형 모양의 녹색 재생 버튼 아이콘입니다. 을(를) 선택합니다.

  7. 코드에 구문 오류가 있는 경우 Snippet Editor 창이 확장됩니다. 코드에 있는 모든 오류가 창 하단의 창에 표시됩니다. 오류가 없으면 다음 단계로 넘어갑니다.

    스니펫 편집기 창입니다. 창 하단에 오류 창이 표시되어 있습니다.
    1. 오류를 정정합니다.
    2. 오류가 정정되면 Close 또는 Clear Trace Output 아이콘 을 클릭하여 오류 창을 닫습니다.
    3. 디버거를 다시 시작합니다.
  8. Variables as Text 탭의 콘텐츠를 봅니다. 중단점을 설정하지 않은 경우 모든 코드가 실행되면 탭에는 변수와 중단점에서의 변수 값이 표시됩니다(중단점을 설정한 경우). 중단점에서 디버깅이 중단된 줄은 Snippet Editor 창에 강조 표시됩니다.
  9. 중단점을 더 이상 사용할 필요가 없다면 빨간색 원을 다시 클릭하여 지웁니다.
  10. 필요하면 다른 중단점을 설정합니다.
  11. 중단점에서부터 디버깅을 계속하려면 Resume 아이콘 삼각형 모양의 녹색 재생 아이콘입니다. 을 클릭합니다.
  12. 디버깅을 중단하려면 Stop Debugging 아이콘을 클릭합니다.

스니펫 코드 단계별 진행

디버거 도구를 사용하여 스니펫 코드를 줄별로 진행할 수 있습니다. 이렇게 하면 각 줄을 실행할 때마다 변수와 값이 변경되는 모습을 확인할 수 있습니다.

  1. Studio에서 Snippet 작업이 포함된 스크립트를 엽니다.
  2. Snippet 작업을 두 번 클릭합니다.
  3. 이미 일부가 포함되어 있지 않다면 Text View 탭에 Snippet 코드를 추가합니다.
  4. Snippet Editor 창 오른쪽에서 Debugger 탭을 클릭합니다.
  5. Debug 아이콘 의 아래 방향 화살표 버튼을 클릭한 다음 Start삼각형 모양의 녹색 재생 버튼 아이콘입니다. 을(를) 선택합니다.

  6. 코드에 구문 오류가 있는 경우 Snippet Editor 창이 확장됩니다. 코드에 있는 모든 오류가 창 하단의 창에 표시됩니다. 오류가 없으면 다음 단계로 넘어갑니다.

    스니펫 편집기 창입니다. 창 하단에 오류 창이 표시되어 있습니다.
    1. 오류를 정정합니다.
    2. 오류가 정정되면 Close 또는 Clear Trace Output 아이콘 을 클릭하여 오류 창을 닫습니다.
    3. 디버거를 다시 시작합니다.
  7. Variables as Text 탭의 콘텐츠를 봅니다. 중단점을 설정하지 않은 경우 모든 코드가 실행되면 스니펫 코드가 시작될 때 코드 내의 변수와 변수의 값이 표시됩니다.
  8. Step 아이콘 을 클릭하여 스니펫의 다음 줄로 이동합니다.
  9. 스니펫의 각 줄에 대해 선행하는 두 단계를 반복합니다.
  10. 코드의 나머지 줄을 건너뛰려면 Resume 아이콘 을 클릭합니다. Variables as Text 표시 탭에는 모든 스니펫 코드가 실행되었을 때 변수와 값이 표시됩니다.
  11. 디버깅을 중단하려면 Stop Debugging 아이콘을 클릭한 다음 3단계부터 이 프로세스를 반복합니다.

동적 오브젝트 및 배열 내용 보기

디버거를 실행할 때 Snippet 편집기 창에 있는 동적 개체의 내용을 볼 수 있습니다. 그러면 코드의 각 단계마다 보유해야 하는 데이터를 보유한 개체를 확인할 수 있습니다.

  1. Studio에서 Snippet 작업을 두 번 클릭합니다.
  2. 필요하면 스니펫 코드를 추가합니다.
  3. Debugger 탭에서 트리 형태 변수 탭을 클릭합니다.
  4. Debugger 탭에서 디버깅 시작 아이콘 옆의 아래쪽 화살표를 클릭한 다음 한 줄에서 그 아래줄로 향하는 화살표가 있는 일련의 평행선입니다. 단계 진행을 선택합니다. 코드를 줄별로 진행하고 싶지 않으면 디버깅 시작 아이콘을 선택합니다.
  5. Step 한 줄에서 그 아래줄로 향하는 화살표가 있는 일련의 평행선입니다. 아이콘을 클릭한 다음 Variables as Tree 탭의 내용을 봅니다. 단계를 클릭할 때마다 이 필드는 이전 코드 줄 이후에 스크립트 내에 있는 변수 및 개체로 업데이트됩니다. 디버깅 시작을 클릭한 경우에는 이 단계를 건너뛰십시오.
  6. 모든 코드 줄을 진행했거나 디버깅 시작을 클릭했다면 Variables as Tree 탭에서 모든 변수, 개체, 내용이 스니펫 마지막에 표시됩니다.

  7. 문자 배열이나 코드 내의 동적 개체 옆에 있는 + 아이콘을 클릭하여 확장할 수 있습니다. 내용이 다른 배열 또는 개체인 경우, 트리를 계속 확장하여 각 엔터티에 포함된 사항을 확인할 수 있습니다.

    디버그 모드의 스니펫 편집기 창입니다. 개체와 배열의 내용을 트리 형태 변수 탭에서 보여줍니다.

TRACE를 사용한 디버깅

TRACE  키워드를 사용하면 로깅을 사용하여 디버그할 수 있습니다. 키워드는 Snippet 편집기 창에서 디버거 도구를 사용할 때만 사용할 수 있습니다. 스니펫 코드에 이를 포함하고 디버거를 실행하면 텍스트가 Snippet 창 하단에 표시되는 Trace 창으로 출력됩니다.

다양한 디버깅 요소를 표시하는 Snippet Properties 창의 이미지.

TRACE 키워드는 Snippet 편집기 창 외부에서 무시됩니다. 디버거 도구와 작동합니다.

구문은 TRACE "<text>"입니다.

큰따옴표 내의 텍스트는 Snippet 편집기 창으로 출력됩니다. 이는 창 하단의 Trace 창에 표시됩니다.

큰따옴표 사이에서 변수 대체를 사용하여 변수의 값을 출력할 수 있습니다. 예:

FOR i=1 TO 5
{
   TRACE "I = {i}"
}

이 예시의 출력은 다음과 같습니다.

I = 1

I = 2

I = 3

I = 4

I = 5