DevBoi

별건아니고, 저번 포스팅에서 너무 계층이 많다보니, 가독성이 떨어져서 위젯별로 리턴하는 펑션을 분리하고, 해당 펑션으로 대체하여 계층소스에 추가하였다. 이렇게 하니, 좀더 명확하고 직관적이여서 보기 편했다. 추천! 개인적으로 State의 소스가 너무 길어지면... 뎊스에 대해서 헷갈린다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; void main() => runApp(LoginApp()); class LoginApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( debugShowChec..

간단하게 위젯 배치로 로그인 화면에 대한 구성을 개발 해보자 간단하게 보면 아래와 같은 구조로 시작해야한다. Stateful 이던 state이던 필수로 구현해야하는 메소드가 있기 때문이다. import 'package:flutter/cupertino.dart'; class LoginPage extends StatefulWidget { LoginPage({Key? key}) : super(key: key); @override State createState() => _LoginPageState(); } class _LoginPageState extends State{ @override Widget build(BuildContext context) { // TODO: implement build throw ..

플러터에서 위젯은 계층 구조로 이루어져 있다. 뭐 전체적인 모습은 아닐수도있다.하지만 해당 구조로 이루어져 있고 계층 형으로 각각의 부모를 상속 받는다. 위젯의 트리를 반환하는 build()함수를 구현하여, 고유 특성 정의가 가능하다. 계층 구조는 위젯의 UI를 더 구체적으로 표현이 가능하다. 계층들은 앱을 만드는 데 많은 옵션을 주고, 위젯 계층 블록들을 사용할 수 있게 한다. UI는 크게 두가지로 분류한다. 변경되는 화면 or 불변의 화면 사용자가 버튼을 누를때마다 변경되면 StateFul widget이다. 쉽게 얘기하면, 팝업 메뉴 버튼이 있고, 이에 따라 State가 계속 바뀐다고 가정하자 그러면, 해당 앱은 Stateful widget이고 State를 받아서 계속 변경되는 것이다.

간단한 프로젝트를 진행해보자 아무리 이론을 빠삭하게 해도 결국은 직접 해보지않으면 ... 금방 까먹는다 ㅎㅎ 주말은 앱공부를 하고, 평일에는 인프라 자바 스프링 공부를 하니까... 일단 해보자 main.dart의 파일 내용이다. MyApp이라는 class의 내용을 적어놓고, MaterialApp을 return 한다. title은 dice game으로 두고, Login()을 홈으로 지정하여, return 한다. 해당 하단의 Login 클래스이다. 해당 클래스는 Scaffold를 return하고 Login이라는 텍스트를 타이틀로 한다. 그 Login appbar와 IconButton그리고 해당 하위의 action에 대한 함수 선언까지만 해놓는다. StateLesswight부분에서 노란 색 전구 버튼을 누르면..