나는 FlutterFlow의 내장 디버깅 기능을 어떻게 사용할 수 있나요?

1단계: FlutterFlow 프로젝트 설정

먼저, FlutterFlow의 내장 디버깅 기능을 사용하려면 FlutterFlow에 프로젝트가 설정되어 있어야 합니다. 가지고 있지 않다면 새 프로젝트를 생성하세요. 로그인에 성공하면 대시보드 오른쪽 상단에 위치한 "+ 새 앱" 버튼을 클릭하십시오.

2단계: FlutterFlow 프로젝트 열기

대시보드에 있는 사용 가능한 프로젝트 목록에서 디버그하려는 프로젝트를 클릭하세요. 이것은 인터페이스, 앱의 주요 설계도로 안내합니다.

3단계: 이슈 소스 식별

디버깅하기 전에 프로젝트 흐름 중에서 예상대로 작동하지 않는 부분을 식별합니다. 이것은 잘못된 UI 요소 렌더링, 수행된 동작에서의 논리 오류, 트리거에 대한 무응답 등이 될 수 있습니다.

4단계: 문제 요소 조사

사용자 인터페이스(UI) 구성 요소 또는 백엔드 로직과 같은 문제가 있는 영역으로 이동합니다. FlutterFlow UI 구성 요소는 "UI Builder" 섹션에서 찾을 수 있고 백엔드 로직은 "Backend" 섹션에서 찾을 수 있습니다. 요소 또는 동작을 클릭하여 오류가 발생하는 곳을 확인하십시오.

5단계: 디버깅 기능 사용

문제가 있는 부분을 식별하면 FlutterFlow의 디버거를 사용하여 문제 해결을 시작하세요.

• UI 이슈에 대한 경우:

  '#검사' 기능: FlutterFlow는 실시간으로 UI 구성 요소를 검사할 수 있는 라이브 프리뷰 기능을 제공합니다. 라이브 프리뷰 기능은 프로젝트 인터페이스의 오른쪽 상단에 위치하여 앱의 인터페이스를 빌드하는 동안 테스트할 수 있습니다.

• 백엔드 이슈에 대한 경우:

  '로그' 기능: 이 기능은 모든 백엔드 작업 및 그 결과를 기록히 표시합니다. 로그에 액세스하려면 "Backend" 섹션으로 이동하고 페이지 하단에 있는 로그를 확인하세요.

6단계: 감지된 오류 수정

디버깅 프로세스에서 감지된 문제를 수정합니다. 값 조절, 잘못 설정 수정, 이벤트 순서 변경, 데이터 타입 수정 등을 할 수 있습니다. 수정 내용을 '저장'하고 동작이 변경되는 것을 추적하기 위해 각 조정마다 앱을 다시 실행해야 합니다.

7단계: 수정 사항 검증

문제가 있었던 애플리케이션 프로세스 또는 UI 렌더링을 다시 실행합니다. 이는 수정한 사항이 문제를 해결했는지 확인하기 위한 것입니다. 문제가 계속되면 디버깅 과정을 반복합니다.

8단계: 자신감 있게 계속 빌드하기

이제 FlutterFlow의 디버깅 기능을 사용했으므로 프로젝트를 더 자신있게 구축할 수 있습니다!

FlutterFlow의 내장 디버깅 도구는 개발자의 최고의 친구입니다. 앱이 설계대로 작동하도록 적절하게 사용하세요.

참고하세요: FlutterFlow 플랫폼은 정기적으로 업데이트되며 기능이 변경되거나 제거될 수 있습니다. 이 가이드에서 언급한 기능이 사용 불가능한 경우 FlutterFlow 문서를 참조하거나 FlutterFlow 커뮤니티에 도움을 청하세요.