분류 전체보기

: 상대적으로 적은 양의 키-값 데이터를 저장하려고 할 때 사용한다. 사용하고 보니 웹의 localStorage와 비슷하다. Shared preferences 알아보기 1. 의존성 추가하기 💫 https://pub.dev/packages/shared_preferences/install 위의 사이트에 들어가 최신 버전의 플러그인을 가져온다. 그리고 flutter 파일에서 pubspec.yaml 파일을 찾는다. 아래와 같이 shared_preferences 플러그인을 붙여넣으면 된다. 항상 의존성을 추가하고자 할 때는 들여쓰기를 주의해야 한다. dependencies: flutter: sdk: flutter shared_preferences: "" 2. 데이터 저장하기 SharedPreferences 클래스..

: 비동기 함수에서 리턴하는 Future 받아 먼저 Build하고 비동기 함수 계산이 완료되면 실제 리턴 값을 보여준다. FutureBuilder를 쓰는 이유 API와 통신을 할 때 서버와 모바일 기기는 데이터를 대표적으로 JSON으로 통신한다. 데이터 단위가 크면 클수록 서버에서 기기로 송신하고 수신하는 데 시간이 오래 걸린다. 이 때 모바일 기기 입장에서 다른 일도 많은데 데이터 수신만 기다릴 수 없다. 따라서 기기는 다른 일을 먼저 처리하고 만약 데이터가 완전하게 도착하면 그 때 미뤄왔던 일을 처리한다. 앱 사용자들은 이 모든 과정을 로딩 화면으로 인식한다. 💫 서버에서 데이터를 받아올 때 어플리케이션 측에서는 정보를 언제 다 받는지 알수가 없다. 그렇기 때문에 future의 상태를 확실히 확인하는..

VSCode로 flutter를 코딩하다보면 불편한 점이 존재한다. 그래서 VSCode로 코딩했을 때 불편한 점을 줄이고자 간단한 셋팅을 하고자 한다. 1. warning 줄 없애기 1) 설정 전 flutter 코딩을 하다보면 위의 사진과 같이 파란줄이 표시된다. 이는 warning인데, 거의 const를 붙이라는 warning이다. 2) 설정 하기 2-1) 명령 팔레트 들어가기 warning을 없앨려면 VSCode 왼쪽 하단에 톱니바퀴 즉 설정을 눌러 명령 팔레트를 누른다. 혹은 ctrl + shift +p 단축키를 눌러도 된다. 그리고 setting이라고 쳤을 때, 아래 사진과 같이 나오면 이를 클릭한다. 간혹 아래와 같이 두개가 나오는데, (JSON)이 아닌 (JSON)이 없는 것을 누르면 안된다. ..

static static이란 일반 객체를 만들 때 같이 메모리에 저장하는 것이 아닌 따로 메모리를 두어 static 구문을 객체가 공유하여 사용할 수 있게 해주는 구문이다. 즉, 인스턴스에 귀속되지 않고, 클래스 통째로 귀속이 되는 것을 의미한다. class Family{ static String House; String name; Family( String name, ):this.name = name; void printMySweetHome(){ print('저는 ${this.name}이고, ${House}에 살고 있습니다.'); } } Family클래스에서 House변수에 static을 사용하여 선언하였고, name변수는 static을 사용하지 않고 선언하였다. printMySweetHome()함수에..

DatePicker는 날짜를 선택하는 모달을 표시한다. DatePicker의 경우 showDatePicker 메소드를 호출해서 DatePicker 표시할 수 있다. 변수 알아보기 Future _selectDate() async { DateTime? picked = await showDatePicker( context: context, initialDate: DateTime.now(), firstDate: DateTime(2016), lastDate: DateTime(2029)); builder: (BuildContext context, Widget? child) { return Theme( data: ThemeData.dark(), //다크 테마 child: child!, ); }, if (picked ..

ListView ListView: Creates a scrollable, linear array of widgets from an explicit List. This constructor is appropriate for list views with a small number of children because constructing the List requires doing work for every child that could possibly be displayed in the list view instead of just those children that are actually visible. → ListView의 생성자에서 아이템(ListTile)을 직접 구현하여 ListView를 구성하는 방..

todo앱 만들면서 캘린더에 마크 표시가 안되어 해결방법을 적어보려고 한다. 1. 문제 파악하기 위의 사진은 마크 표시가 안 된 캘린더를 표시한 것이다. 원래 todo앱에 일정이 등록되면 해당 날짜에 마크 표시와 슬라이딩업패널에 일정보기 아래에 해당 날짜의 일정이 보여야 한다. 그러나 둘다 표시가 안 되었다. 그래서 다른 날짜를 클릭했을 때도 그런가 확인했다. 확인해보니 앱을 제일 처음 구동했을 때만 안되는 것이었다. 그렇다는 것은 해당 기능이 된다는 것은 변수를 잘못 선언했다는 말이었다. 2. 디버그 콘솔에 출력하기 디버그 콘솔에 앱 구동하고 바로 일정을 등록하면 어떻게 출력되는지 확인하고자 하였다. 그리고 나서 다른 날짜를 클릭하고 일정을 등록시 날짜가 어떻게 출력되는지 확인하였다. → 여기서 둘다 ..

Flutter에서 상태를 관리하기 위해서 Bloc패턴이나 Provider와 같은 패키지를 사용하게 된다. 그러나 시간이 흘러 GetX가 나와 사람들이 많이 쓰는 추세이다. GetX GetX설치와 관련해서는 따로 정리해놓은 글이 있기 때문에 이를 첨부해놓겠다. 2023.02.24 - [Flutter] - [GetX] getX 사용해서 snackbar 구현 [GetX] getX 사용해서 snackbar 구현 snackbar는 앱에서 수행했거나 앞으로 수행할 작업을 사용자에게 알려주는 UI 요소이다. 일시적으로 화면 하단에 나타난다. getX 사용하기 1. 종속성 추가 flutter파일에 pubspec.yaml파일이 존재한다. 여 uhee-12.tistory.com 상태 관리 내 경우에는 GetX없이 부모 위..