본문 바로가기

분류 전체보기137

[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.
[Flutter] 14. 플러터 날씨 검색 화면 만들기 지난포스트에서 플러터 앱에서 openweather api를 이용해서 날씨 정보를 얻어오는 방법 알아 보았고 플러터 앱에서 http get을 해보았습니다. 이제 날씨 검색 화면을 만들어 보도록 하겠습니다. 다음 내용을 다루고 있습니다. 모델 클래스 만들기 다트 named constructor JSON문자열 객체로 변환(역 직렬화) 날씨 검색 화면 UI 만들기 위젯 반환 함수, Expanded 위젯 사용하기 모델(model) 클래스 만들기 OpenWeather API에서 날씨 화면에 필요한 데이터를 받아오고 있습니다. 다음 작업은 OpenWeather Api에서 가져온 JSON 데이터를 변환하여 사용자에게 더 나은 형식으로 제공하는 것입니다. JSON은 키-값 쌍으로 표현되는 텍스트 기반 형식입니다. 이 문.. 2022. 2. 28.