Flutter

Dart에서 Class란 스마트폰에서의 설계도면이라고 생각하면 된다 어떤 객체에 대한 속성과 기능이 들어가 있어야 한다. Class의 속성과 기능으로 만들어진 것을 `인스턴스`라고 한다 스마트폰 설계도를 Class라고 하면 이것을 가지고 만들어진 스마트폰 하나하나를 `인스턴스`라고 한다 객체와 인스턴스를 혼용해서 사용하는 경우가 있다. 하지만 엄밀히 ...

Null : 아직 값이 정해지지 않은 것 Null safety : 변수들은 null 값을 갖을 수 없다. > 모든 변수는 null이 될 수 없으며, non-nullable 변수에는 null 값을 할당할 수 없음 > non-nullable 변수를 위한 null check가 필요 없음 > "Class 내의 변수는" 반드시 선언과 동시에 초기화를 시켜야 함...

pubspec.yaml파일에서 cupertinoicons 밑에 webviewflutter를 추가한다. andriod - app - build.gradle에 minSdkVersion 20을 설정 해준다. WebView()를 불러오면 패키지가 import 된다. 여러가지 설정 javascriptMode javascript 사용설정을 하지않아 위와 같...

PageView (터치로 좌, 우 스크롤) Timer(특정 기간마다 지정함수 실행)\ StatefulWidget Life Cycle PageView 위젯 사용 Scaffold() 위젯 body에 PageView 위젯을 넣고 children을 사용해 이미지 파일들을 넣는다. 화면을 좌, 우로 넘겨본다. 화면 위아래 공백을 채우려면 Image.asset(...

Font 적용하기 DatePicker 날짜 다루기 테마 적용하기 Font 적용하기 pubspec.yaml 파일에 작성한다. family는 Font 이름이라고 보면 된다. 기본 디자인 날짜를 계속 관리해야하기 때문에 StatefulWidget을 사용한다. 대략적인 디자인을 만들어 놓았다. 코드가 길어서 정리를 해보자. Column 위젯을 잘라내서 ...

Future Builder builder만 넣어줄 경우 connectionState는 none이 출력된다. FutureBuilder에 future 값을 넣어주면 connectionState 값이 waiting에서 done으로 바뀌고 Data값은 랜덤 함수에 의해 3이 출력이 되는 것을 볼 수 있다. 화면에 변화가 있다는 것은 builder가 계속 새로...

Navigator

플러터에는 3가지 버튼 종류가 있다. ElevatedButton, OutlinedButton, TextButton 3가지 버튼 스타일에서 대해서 알아보겠다. Buttons ElevatedButton 버튼에 그라데이션 효과가 있어 3D 입체감이 있는 버튼이다 styleFrom을 사용해서 버튼에 스타일을 준다. primary : 배경색을 말한다. onP...

Flutter 스크롤 위젯

Pagination 많은 데이터를 부분적으로 나눠서 불러오는 기술 특징 쿼리에 해당하는 모든 데이터를 한번에 다 불러오지 않고 쪼개서 불러온다. 예를들면 쿠팡에는 수억개의 상품들이 데이터베이스에 저장되어 있는데 만약 사용자가 상품검색 화면에 들어간다고 해서 수억개의 데이터들이 한번에 다 불러오지는 않는다. 필요한 일부만 불러오게 된다. 모든 데이터를 서...

설치하기 GoRouter를 사용하기 위해서 pubspec.yaml에 GoRouter를 추가해야한다. Go Router 설치가 끝나면 main.dart 파일에서 MaterialApp에 .router()라는 메소드를 사용할 수 있다. router 안에는 3가지 값들이 들어간다. GoRouter _router에는 여러 값들이 들어가는 데 몇가지만 우선 알아보...