Flutter20 [Flutter] 16. 플러터 데이터 저장 앱 만들기1 (SharedPreferences 헬퍼 클래스, FloatingActionButton 위젯) 지난포스트에서 플러터에서 앱에 데이터를 저장하는 패키지인 Shared Preferences의 사용법을 알아보았습니다. 데이터를 저장하는 화면을 만들어보도록 하겠습니다. 이번 포스트는 플러터의 다음 내용을 다루고 있습니다. 모델 클래스 만들기 Shared Preferences 헬퍼 클래스 만들기 FloatingActionButton 위젯 플러터에서 데이터를 저장하는 화면으로 독서한 시간을 기록하는 화면을 만들 계획입니다. 화면 이름은 "독서 트레이닝"이라고 하겠습니다. 독서 트레이닝 화면은 플로팅 버튼을 클릭하면 다이어로그가 팝업되고 책의 제목과 읽은 시간을 입력합니다. 입력 후 기록이 화면에 표시되고 앱에 저장됩니다. 저장된 기록은 앱을 완전히 종료하여도 삭제되지 않고 다시 실행 했을 때 표시되게 됩니다.. 2022. 3. 2. [Flutter] 15. 플러터 데이터 저장 패키지 Shared preferences 사용하기 플러터 앱에서 장치(안드로이드 단말, iOS단말, web등)에 데이터를 로컬로 저장하는 기능을 구현하려고 합니다. 본격적으로 코드를 작성하기 전에, 데이터 저장에 필요한 패키지인 Shared preferences에 대해 알아보고 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. SharedPreferences 란 SharedPreferences 사용하기(사용 메소드 정리) SharedPreferences 패키지 인스톨 SharedPreferences 란 SharedPreferences plugin을 사용하면 플러터 앱을 사용하는 장치에 데이터를 저장할 수 있습니다. pub.dev 페이지에서 shared_preferences 검색해서 해당 패키지 페이지에서 확인이 가능합니다. platform.. 2022. 3. 1. [Flutter] 11. 플러터 체질량 계산기 만들기 지난포스트에서 플러터로 토글 버튼 구현을 완료했습니다. 이번에는 플러터 앱에서 두 개의 텍스트 필드, 버튼 및 텍스트를 추가하겠습니다. 다음 내용을 다루고 있습니다. TextFiled 만들기 (TextEditingController, TextFiled, InputDecoration) ElevatedButton 위젯 텍스트 필드(TextFiled) 만들기 textEditingcontroller, TextField, InputDecoration을 만들어 텍스트 필드 UI를 만들어 보겠습니다. TextEditing Controller 텍스트 필드를 추가하기 전에 두 개의 TextEditing 컨트롤러를 설정해 보겠습니다. TextEditing Controller를 만드는 이유는 텍스트 필드에는 controll.. 2022. 2. 23. [Flutter] 10. 토글 버튼 만들기(ToggleButtons) 지난포스트에서 StatefulWidget에 대해 알아보고 StatefulWidget 클래스를 만들었습니다. 지금 부터 bmi_scrren.dart파일에 체질량 계산기 화면을 만들려고 합니다. 체질량 계산기의 화면 UI는 미터법과 파운드법을 선택할 수 있는 토글 버튼과 키와 체중을 입력할 수 있는 텍스트 필드 그리고 계산버튼, 마지막으로 결과값을 출력하는 텍스트로 이루어져 있습니다. 이번 포스트에서는 우선 토글 버튼 을 만들어 보도록 하겠습니다. 다음 내용을 다루고 있습니다. ToggleButtons 위젯 EdgeInsets 설정 late 키워드 StatefulWidget Lifecycle(initState, build, dispose) onPressed와 setState 메소드 토글 버튼 만들기 *하단에.. 2022. 2. 22. 이전 1 2 3 4 5 다음
