[Flutter로 iOS 앱 개발하기] Hot Reload(핫 리로드) & Hot Restart(핫 리스타트)

Udemy 사이트에서 Flutter 강좌를 수강 중입니다!
공부하는 내용을 최대한 정리하여 업로드 하려고 합니다.
* Mac을 기준으로 합니다.

 

🚀Hot reload (핫 리로드) : 앱이 실행되고 있는 상태에서, 앱의 상태를 유지한 채로 변경사항을 적용시켜주는 기능. Hot reload를 통해 빠른 개발 사이클을 경험할 수 있다.

🚀Hot restart ( 핫 리스타트) : 앱이 실행되고 있는 상태에서, 변경사항을 적용시켜주는 기능. 단, 앱의 상태는 초기화 된다. Hot reload보다는 시간이 조금 더 걸리지만, 앱을 재실행하는 것보다는 훨씬 빠르게 변경사항을 확인할 수 있다.

Hot reload 또는 Hot restart가 작동하려면, statelss 또는 stateful 위젯 내에 코드를 작성해줘야 한다.

stless 를 입력하고, Enter를 눌러주면 아래와 같이 코드가 작성된다.

class  extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

 

StatelessWidget에 MyApp이라는 이름을 지어주고, 아래와 같이 코드를 작성하면 Hot reload가 작동한다.

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: Container(),
      ),
    );
  }
}

 

backgroundColor를 teal에서 blue로 바꾼 후 저장하기만 해도 색이 변하는 것을 바뀌는 것을 확인할 수 있다!!