Flutter - Hot Reload와 Hot Restart

TOBIE·2024년 11월 18일

Flutter 개발 환경에서 빠르고 효율적인 개발을 가능하게 해주는 핵심 기능인 Hot Reload와 Hot Restart에 대해 깊이 있게 알아보겠습니다. 현재 개발할때 가장 많이 사용하고 도움을 많이 받고 있는 기능입니다.

Hot Reload란?

Hot Reload는 Flutter 애플리케이션을 실행한 상태에서 코드를 변경하고 저장하면 앱이 다시 시작되지 않고 변경된 부분만 빠르게 업데이트되는 기능입니다. 앱의 상태를 유지하면서 UI, 비즈니스 로직 등을수정하고 결과를 확인할 수 있습니다.

  • 앱을 다시 시작하지 않고 변경 사항을 바로 확인할 수 있습니다.
  • 반복적인 빌드 및 실행 시간을 줄여 개발 효율을 높입니다.
  • 상태 유지를 통해 디버깅과 테스트를 용이하게 합니다.

  1. flutter run 명령어를 실행하여 앱을 실행합니다.
  2. 에디터에서 코드를 수정하고 저장합니다.(⚡️번개모양)
  3. 변경된 내용이 자동으로 반영됩니다. (일반적으로 s 키를 누르거나, IDE의 Hot Reload 버튼을 클릭하여 수동으로 트리거할 수 있습니다.)

Hot Restart란?

Hot Restart는 Hot Reload와 유사하지만, 앱의 상태를 초기화하고 변경된 코드와 함께 다시 시작하는 기능입니다. 앱의 상태가 변경된 경우 Hot Reload 대신 Hot Restart를 사용하여 앱을 완전히 새로 시작해야 합니다.

  • 앱 상태가 변경된 경우, 정확한 결과를 확인하기 위해 상태를 초기화합니다.
  • 변경된 코드를 반영하여 새로운 위젯 트리를 생성합니다.
  1. flutter run 명령어를 실행하여 앱을 실행합니다.
  2. 에디터에서 코드를 수정하고 저장합니다.(⚡️번개모양 옆 Flutter Hot Restart)
  3. 변경된 내용과 함께 앱이 다시 시작됩니다. (일반적으로 r 키를 누르거나, IDE의 Hot Restart 버튼을 클릭하여 수동으로 트리거할 수 있습니다.)

Hot Reload와 Hot Restart는 Flutter 개발 과정에서 필수적인 기능입니다. 각 기능의 특징을 이해하고 적절하게 활용하면 개발 생산성을 크게 향상시킬 수 있습니다.

Tip)

  • 에디터의 자동 저장 기능을 활성화하여 코드 변경 시마다 Hot Reload/Hot Restart가 자동으로 실행되도록 설정할 수 있습니다.
  • 시뮬레이터 성능이 좋을수록 Hot Reload/Hot Restart의 반응 속도가 빨라집니다.
  • 네트워크 요청이 포함된 코드 변경 시에는 Hot Restart를 사용하는 것이 좋습니다.

Flutter-Hot reload 공식문서

profile
Android, Flutter 앱 개발

0개의 댓글