본문 바로가기

프로그래밍124

[Flutter] 18. 데이터 저장 앱 만들기3, 데이터 읽기, ListTile 위젯 플러터에서 데이터를 앱에 저장하는 화면을 만들고 있습니다. 지난포스트에서 AlertDialog를 이용해 유저에게 데이터를 입력받아 SharedPreferencs 패키지를 이용한 쓰기 처리를 진행한 상태입니다. 앱에 데이터 저장은 되지만 저장한 데이터를 아직 확면에 보여주지는 못하는 상태입니다. 이번 포스트의 목표는 저장한 독서기록데이터인 performance를 가져와서 유저에서 UI로 보이게 하는 것입니다. 이번포스트는 다음 내용을 다루고 있습니다. SharedPreferences 데이터 읽기 ListTile 위젯 메소드 만들기 위젯의 표시와 갱신 SharedPreferences 데이터 읽기 메소드 만들기 SharedPreference 패키지와 인터페이스 역할을 하는 SPHelper에서 읽기 메소드를 만.. 2022. 3. 6.
[Flutter] 17. 플러터 데이터 저장 앱 만들기2 (AlertDialog 다이얼로그 위젯 입력 받기) 지난포스트에 이어서 데이터 저장 앱을 만들고 있습니다. 플러터에서 대화상자(다이얼로그) 위젯인 AlertDialog를 이용해서 데이터 입력을 받고 그 입력받은 데이터를 저장해 보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. AlertDialog 위젯 만들기(다이얼로그, 대화상자) 쓰기 처리 AlertDialog 위젯 만들기 AlertDialog(다이얼로그)는 유저에게 메시지를 보여주거나, 특정 조치를 요구하거나, 일부 정보를 요청하는데 사용할 수 있는 위젯입니다. 위 캡처와 같이 AlertDialog UI는 현재 화면의 맨 위에 나오고 화면의 일부를 덮는 창입니다. floatingActionButton을 클릭을 했을 때 AlertDialog를 표시하려고 하므로 onPressed와 연결시킬.. 2022. 3. 3.
[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.