Flutter Study 2주차-Debugging

Error Message

에러메시지는 문제의 원인을 찾아 해결하는 첫 단추!
개발자 전용으로 실제 서비스 되는 앱 화면에서는 출력이 되지 않음

Panal - Debug Console

1. 오류에 대한 더 상세한 정보
2. 오류메시지를 발생시킨 위젯
3. 오류를 일으킨 코드 줄도 확인 가능

Debug Mode

Vsc 내에선 Cmd + shift + D 단축키로 이동가능

breakpoint(종단점)

디버그 모드에서 실행을 멈추고 각종 데이터의 이동 혹은 index 같은 수치들이 오류없이
증감되고 있는 지를 확인할 수 있는 지점

VSC 상에서 코드 줄 번호 옆에 클릭을 통해 설정할 수 있으며, 디버그 모드 최 하단에 종단점
탭에서도 관리가 가능하다.

Flutter DevTools

Fn + F1에서 flutter DevTools 검색을 통해서 열 수 있으며
구글 크롬의 개발자 도구와 비슷한 기능을 한다고 생각하면 된다.

또한 개체의 State 나 Layout Explorer를 통해 상호작용을 미리 볼 수도 있다.