[Flutter Dev] 디버깅을 위한 logger 를 사용해보자.

우리가 개발을 하다보면 수많은 난관과 어려움에 봉착하게 되는데, 그때마다 이슈를 해결하기위해 log를 찍어서 확인을 합니다.

이렇게 개발자에게 필수적이고, 편리한 logger 라이브러리가 있어서 소개 드립니다.

 

---

 

 

https://pub.dev/ 사이트에서 'logger'로 검색을 합니다.

검색결과 맨 위에 logger라고 나옵니다.(오른쪽의 스코어를 보면 이 라이브러리가 얼마나 많이 쓰이고 있는지 알수 있습니다.)

 

 

상세 내용으로 들어가서, Readme를 잠깐 훑어보고 Installing 탭으로 이동하여 설치 방법을 확인합니다.

다른 라이브러리와 마찬가지로 pubspec.yaml 파일에 추가해주면 되네요.

 

 

위와 같이 라이브러리를 추가한 후에, (안드로이드스튜디오 오른쪽 상단) "Pub get"을 눌러줍니다.

 

---

 

 

라이브러리도 추가되었고, 샘플 로그를 넣어보겠습니다.

Readme 탭에 Getting Started 를 확인합니다.

 

 

Logger() 인스턴스를 생성하고, 로그 호출... 끝이네요.

 

그냥 이걸로 끝이면 없어보이니까. 따로 파일을 만들어서 뭔가 있는것처럼(?) 해보겠습니다.ㅎㅎ

 

---

 

 

프로젝트의 lib 디렉토리 밑에 utils 디렉토리를 생성해줍니다.

그리고, logger.dart 파일을 생성합니다.

 

 

New - Dart File 을 선택하여 파일명(logger.dart) 입력하면 만들어 집니다.

 

Logger() 인스턴스를 생성합니다.

 

import 'package:logger/logger.dart';

final logger = Logger();

 

이제, 로그가 필요한 부분에서 logger.d(), logger.e() 로 호출하여 사용하시면 됩니다.

 

---

 

 

테스트를 위해서 테스트용 코드를 추가했습니다.

 

void _showLogMessage() {
  logger.v("Verbose log");

  logger.d("Debug log");

  logger.i("Info log");

  logger.w("Warning log");

  logger.e("Error log");

  logger.wtf("What a terrible failure log");
}

void _incrementCounter() {
    // show logger message
    _showLogMessage();

   ...
  }

 

플로팅 버튼을 눌렀을때 모든 로그를 표시하도록 하였습니다.

결과는 아래와 같이 구분하기 쉽도록 여러가지 색깔로 구분되어 표시됩니다.

 

 

---

 

 

전체 샘플 코드가 궁금하시면 아래 Github 링크를 확인해주세요.

 

GitHub - rcbuilders/FlutterSampleApp: flutter study sample project