차근차근 배움터

format 함수를 만들어서, 숫자를 시간으로 변환하는 기능을 만들었다. 확실히 보기 좋아진 모습! import 'dart:async'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => HomeScreenState(); } class HomeScreenState extends State { static const twentyFiveMinutes = 1500; int totalSeconds = twentyFiveMinutes; bool isRunning = false; late Timer time..

재생 버튼을 누르면 재생되고 멈춤 버튼을 누르면 멈추는 기능을 만들어 봤다. 이런 작업을 할 때 boolean을 이용한다는 것 잊지 말기 그리고 함수 안에 setState() 넣기도 잊지 말자 다음 시간에는 숫자가 시간 형태로 59 이상을 넘어갈 때 00으로 넘기는 작업을 한다.

재생 버튼을 누르면서 현재 시간이 줄어드는 기능을 추가해봤다 다음 시간에는 멈춤 기능을 만들어 본다. import 'dart:async'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => HomeScreenState(); } class HomeScreenState extends State { int totalSeconds = 1500; late Timer timer; void onTick(Timer timer) { setState(() { totalSeconds = totalSeconds - 1..

Container( decoration: BoxDecoration( borderRadius: const BorderRadius.only( topLeft: Radius.circular(50), topRight: Radius.circular(50), ), .only로 topLeft, topRight을 이용한다. topLeft, topRight 뒤에는 int 형식이 아닌 다시 Radius.circular(값) 형태로 입력해야 한다.

사이즈를 하드 코딩하는 것보다 사실 flexible을 사용하는 것이 기기의 비율을 바탕으로 꽉 채워주기 때문에 이게 제일 이상적인 크기 설정 방법이 아닐까 싶다. import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => HomeScreenState(); } class HomeScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Theme.of(context).bac..

강의 잘 듣다가 갑자기 Run Code가 작동하지 않아서 한참을 헤맸다. 역시 없는 게 없는 stackoverflow다. 아래의 도움을 받아서 해결했다. VS Code를 사용하고 있던 터라 Run하고 디버깅 start 하니까.... 실행 잘 됌... 허무하지만 에러들이 늘 그렇다보니 ^^...

statefulWidget에 대해서 한 가지 더 알아야 할 점은 Live cycle라는 것이다. 한 번 씩 확인하는 게 좋은 것 initState는 state를 initialize하기 위함이다. 하지만 그냥 int count = 0; 쓰듯이 state를 initialize할 수도 있다. 대부분의 경우 initState()를 사용하지 않아도 된다. 하지만 가끔 위젯은 initilaitze some datas depends on the paretns, ocontext를 사용해야 할 수도 있다. context/subscribe를 사용해야할 수도 있다. initState method build 메서드 전에 호출되며 오직 한 번만 호출된다. initState()를 사용할 때는 super.initState()가 필..

이번 강의에서는 Theme 설정을 주는 방법을 알아본다 매번 위젯에 색상 설정을 하는 게 아니라 아예 앱의 디폴트 값을 설정하는 방법이다. import 'package:flutter/material.dart'; void main() { runApp(App()); } class App extends StatefulWidget { @override State createState() => _AppState(); } class _AppState extends State { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( textTheme: const TextTheme( titleLarge: TextStyle..

const와 final 두 값 모두 final 과 const 는 한 번 설정한 값을 변경할 수 없다는 공통점이 있다. 차이점이라면 const 의 경우, 컴파일 타임에서 상수를 정의할 수 있다. 즉, const 로 정의한 상수는 런타임에서 정의되는 값을 설정할 수 없다는 의미다. 예를 들어 DateTime.now()과 같은 런타임에서 호출 될 때마다 결과 값이 다른 경우는 const 로 설정할 수 없다. 결국 const 로 설정하는 값은 대부분 리터럴이다. 반면, final 은 DateTime.now()와 같이 런타임에서 결정되는 값도 설정할 수 있다.

다시 한 번 setState() 의 용법에 대해서 설명을 했다. 프로그램이 데이터를 저장하고 보여주기를 희망할 때, 이렇게 사용하라는 것 하지만 setState()가 사실 플러터에서 그렇게 많이 사용되지 않는다는 이야기를 하니............... 무엇이 더 사용되는 걸까 Where can I use setState Flutter? We call setState only when we want the change in a variable to reflect on the UI of the screen. For instance, say you have a form containing a text field and a button to submit it. User types in the text fiel..