Flutter 초보자의 계산기 앱 만들기 (Epilogue: 상태관리 추가)

Flutter 공부한지 3일 만에 계산기 앱을 만들다 보니 너무 두서 없이 만들어 졌습니다. 앱을 만들어 가는 과정에서 MVVM 패턴이라던가 상태관리라는 것을 적용할 필요가 있다는 것을 알았습니다. 

상태관리 package를 적용하여 프로그램을 수정하면서 이번 포스팅을 계속해야 하나 망설이다가 제어쪽 포스팅을 한참만에 올리게 되었습니다. 어차피 이번 포스팅은 초보자 관점에서 만들어 진것이니 제목 그대로 초보자가 만든 개념으로 포스팅은 마무리 하고 최종 수정된 프로그램은 별도로 공개 하는 방향으로 정하게 되었습니다. 

 

그래서 이번에 최종적으로 계산기 제어 코드를 올리면서 아울러 상태관리와 함께 지난 포스팅에 빠져 있던 몇가지 버튼 기능들도 추가 하여 코드를 수정하고 공개 하게 되었습니다. 

 

수정된 부분

1. MVVM 패턴 적용 : 파일도 패턴에 맞추어 분리 시키고 나름 MVVM 패턴을 적용해 보았습니다. 

2. 상태관리 팩키지 적용 : 상태관리 패키지 2가지를 따로 따로 적용하여 코드를 만들어 보았습니다.

   적용 패키지 (Provider, GetX )

3. 계산기의 몇가지 추가 버튼에 대한 기능을 추가 하였습니다. 

 

코드는 GitHub 에 올려 놓았고 provider 과 GetX 두개로 Branche 시켜 두었습니다. 

Main Branche 가 Provider 를 적용한 것이고 다른 하나는 GetX 입니다. 아래 Git 에서 소스 코드를 확인할 수 있습니다. 

 

https://github.com/Sihwan-Kim/calculator_flutter.git