단기집중과정 101
10 모듈
5 주

로그

복사하려면 클릭

애플리케이션 문제 해결을 위한 로그 사용


개발 과정에서 응용 프로그램의 실제 결과가 예상 결과와 일치하지 않는 상황이 종종 발생합니다. 블록 수가 적은 단순한 비즈니스 프로세스의 경우에도 오류 식별이 어려울 수 있으며, 대규모 프로젝트의 경우 추가 문제 해결 도구의 사용이 필수가 됩니다.

이 모듈에서는 애플리케이션 디버깅, 즉 오류를 감지하고 현지화하고 제거하는 개발 단계를 다룹니다.

오류를 찾는 가장 기본적인 도구는 로그를 사용하는 것, 즉 추가 분석을 위해 특정 항목을 구성하는 것입니다. 네 번째 모듈에서 생성한 " Basic functions " 비즈니스 프로세스의 예를 사용하여 이를 살펴보겠습니다.

비즈니스 프로세스의 목적은 두 개의 숫자를 사용하여 특정 수학 연산을 수행하는 것입니다. 최종 결과(또는 결여)에만 초점을 맞추지 않고 도중에 무언가를 확인하고 싶다고 가정해 보겠습니다.

다음을 확인하기 위해 로그를 사용합니다.

  • 비즈니스 프로세스가 실제로 시작되었습니다.
  • Round 블록은 올바른 값을 입력으로 받습니다.
  • 비즈니스 프로세스가 종료되기 전 어레이의 요소 수가 예상과 일치합니다(5).

Write to Log

이를 위해 비즈니스 프로세스 자체를 약간 변경하고 이름에서 알 수 있듯이 정보를 로그에 기록하는 로그에 Write to Log 블록을 추가합니다.

비즈니스 프로세스가 시작될 때 첫 번째 Write to Log 블록을 사용합니다. Label (항목 제목용)과 Input (항목 자체)의 두 매개변수를 입력으로 사용할 수 있습니다. 이 경우 비즈니스 프로세스를 시작하는 바로 그 사실을 기록하므로 별도의 소스에서 매개변수를 전송할 필요가 없습니다. 확인 텍스트를 지정하는 것으로 충분합니다. 따라서 " Basic functions BP start " 텍스트를 입력으로 씁니다.

다음 로그 항목은 Round 블록 전에 수행됩니다. 그리고 이 경우 기록은 더 이상 고정되지 않습니다. 입력은 나눗셈의 결과 값을 받게 되며 앞으로 반올림 연산을 수행해야 합니다. 좋은 소식은 Write to Log 는 모든 유형의 값을 Input 으로 사용할 수 있으며(이 경우에는 Float ) 쓰기 위해 String 로 변환할 필요가 없다는 것입니다.

결국 배열의 요소 수를 기록해야 합니다. 하지만 이렇게 하려면 크기가 아니라 배열 자체가 있기 때문에 이 양을 찾아야 합니다. 따라서 Write to Log 외에도 Array Size 블록을 사용합니다.


백엔드 로그

그런 다음 애플리케이션을 게시하고 비즈니스 프로세스를 실행하고 결과를 볼 수 있습니다. 이를 수행하려면 Application Logs 섹션의 CI/CD 탭으로 이동합니다.

Source 열의 bp_log 항목은 이 항목이 Write to Log 블록의 결과로 작성되었음을 의미합니다. 비즈니스 프로세스가 올바르게 작동하고 있으며 로그가 실제로 작성되고 있는지 확인할 수 있습니다. 또한 여기에서 엔드포인트 결과가 성공적으로 수신되었는지( Status: 200 ), 시작이 이루어진 IP 주소 및 사용된 매개변수와 같은 다양한 시스템 로그를 볼 수 있습니다.

프런트엔드 로그

프론트엔드 비즈니스 프로세스를 생성할 때 동일한 이름의 블록( Write to Log )도 볼 수 있습니다. Y 값 입력 필드에 사용합시다. 어떤 값이 입력되었는지( Input: Value = ) 어떤 구성요소( Label: Y log : )에 입력되었는지에 대한 정보를 기록해 보겠습니다.

이 경우 블록은 프런트 엔드에서만 작동합니다. 서버에 요청이 전송되지 않습니다. 따라서 이 블록의 결과는 서버 로그에 나타나지 않습니다. 논리적 인 질문이 발생합니다. 그렇다면 어디에서 찾아야합니까?

이렇게 하려면 브라우저에서 Developer Tools 를 열어야 합니다. 실행 방법과 이름 자체는 사용하는 브라우저에 따라 약간씩 다를 수 있지만 가장 중요한 것은 모든 최신 브라우저가 이 기능을 지원하며 일반적인 작동 원리는 동일하다는 것입니다.

이 예에서는 Google Chrome 브라우저가 사용됩니다. 개발자 도구를 활성화하려면 설정에서 해당 메뉴 항목( More tools -> Developer tools ), 키보드 단축키 Ctrl + Shift + I 을 사용하거나 단순히 F12 키를 누를 수 있습니다. 웹 페이지의 HTML 코드 보기, 네트워크 요청 추적 등과 같은 다양한 기능을 여기에서 사용할 수 있습니다. 그러나 현재로서는 Console 섹션에 관심이 있습니다. JavaScript 작업 결과를 추적하고 프론트엔드 오류를 진단할 수 있으며, Write to Log 블록에 의해 기록된 로그를 콘솔에서 볼 수 있습니다.

Y 입력 필드에 숫자 "4"를 입력하고 Write to Log 가 계획대로 작동하는지 확인했습니다. 콘솔 " Y log: Value = 4 "에 항목이 나타납니다.

Was this article helpful?
아직도 답을 찾고 계십니까?