Flutter20 [Flutter Layout] 3. 플러터 Container 위젯, Size 크기 규칙 플러터앱의 화면 레이아웃에 관련해서 연속글을 올리고 있습니다. 이번 시간은 플러터 Container(컨테이너)에 대해 알아보도록 하겠습니다. 이번 포스트는 다음 내용을 다루고 있습니다. Container 란 컨테이너 변화 살펴보기 컨테이너(Container) 크기 규칙 Container 란 컨테이너 위젯은 요소의 배치나, 크기 조절, 묘사를 가능하게 해 줍니다. 일반적으로 컨테이너를 사용하여 다른 위젯을 포함하고 일부 스타일링 특성을 컨테이너 자체와 해당 하위 요소에 적용할 수 있습니다. 컨테이너 변화 살펴보기 컨테이너의 변화를 앱화면과 코드와 같이 살펴보겠습니다. 스캐폴드의 body에 Container를 설정해 주었고 아직 컨테이너에는 아무런 하위 속성을 넣어주지 않은 상태입니다. 화면은 아래와 같이 .. 2022. 3. 15. [Flutter] 19. 데이터 저장 앱 만들기4, SharedPreference ID관리 플러터 앱에서 SharedPreference 패키지를 이용하여 데이터를 저장하고 읽어오는 앱을 만들고 있습니다. 계속해서 완성해 보도록 하겠습니다. 하단에 링크돼있는 연관글을 참고해서 읽어주세요. 이번 포스트는 다음 내용을 다루고 있습니다. SharedPreferences의 ID 처리 Counter로 관리하기 현재까지 진행상황 현재까지 만든 앱은 새 기록을 앱에 쓸 때 하드 코딩된 같은 ID로 넣고 있습니다. 그래서 계속 같은 ID로 입력하게 되어 하나의 데이터밖에 쓰고 볼 수 없는 상태입니다. 데이터 베이스에 넣을 때는 ID를 자동으로 처리할 수 있지만 SharedPreferences의 경우 수동으로 처리해야 합니다. SharedPreferences ID처리 Counter로 관리하기 ID 카운터 만들기.. 2022. 3. 7. [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. 이전 1 2 3 4 5 다음
