읏차, 잇(IT)차

NamedRoute를 사용하여 RouteTwoScreen->RouteThreeScreen으로 데이터 전달 - main.dart에 routes 설정하기 routes는 key: Value 형태인데 Value값에 builder형태로 들어간다. void main() { runApp( MaterialApp( initialRoute: '/', routes: { '/': (context) => HomeScreen(), '/one': (context) => RouteOneScreen(), '/two': (context) => RouteTwoScreen(), '/three': (context) => RouteThreeScreen(), }, ) ); } RouteTwoScreen에서 pushNamed를 통해 main.da..

RouteOneScreen->RouteTowScreen으로 데이터 전달 - 매터리얼패이지라우트를 스택에 쌓으면서 세팅값을 같이 넘긴다 class RouteOneScreen extends StatelessWidget { final int number; const RouteOneScreen({required this.number, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MainLayout( title: 'RouteOne', children: [ Text( number.toString(), textAlign: TextAlign.center, ), ElevatedButton( onPressed: (){..

HomeScreen->RouteOneScreen으로 데이터 전달 데이터를 받을 화면(RouteOneScreen)에서 number을 외부에서 받을 수 있도록 named 파라미터로 설정 class RouteOneScreen extends StatelessWidget { final int number; const RouteOneScreen({required this.number, Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MainLayout( title: 'RouteOne', children: [ Text( number.toString(), textAlign: TextAlign.center, ), Ele..

1. ElevatedButton 2. OutlinedButton 3. TextButton import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('버튼'), ), body: Padding( padding: const EdgeInsets.symmetric(horizontal: 10.0), child: Column( crossAxisAlignment: CrossAxisA..

오랜만에 키보드 리뷰를 해보려고 합니다. 제가 사용하고 있는 키보드는 한성컴퓨터 GK893B 모델 이 친구가 한성컴퓨터 GK893B 텐키리스 모델입니다 한성의 무접점 키보드(일명 한무무)로 유명한 녀석입니다 특유의 보글보글 소리와 키감 때문에 인기가 많죠 저는 세팅이 PC와 맥북을 동시에 사용하고 있는데 맥북은 커치대에 올라가있어서 원래는 키보드 2개로 PC따로 맥북 따로 키보드를 각각 사용하고 있었습니다. 근데 이게 책상이 지저분해지고 컴퓨터 앞에서 밥이라도 먹으려고 하면 정리하는 것이 여간 귀찮은 것이 아닙니다... 그래서 키보드 하나로 통일하고자 유선과 블루투스 무선 연결이 둘 다 가능한 키보드로 알아보았고 맥북과 윈도우 전환이 되는 키보드 그리고 무접점의 특유의 타건으이 저에게는 작업할 때 듣기도..

코드 정리 하는 법 행(Row)별로 할당 된 구역을 나누어서 Column 내 children에 예를 들어 세 구역이라면 _Header() _Body() _Footer()로 나누고 1. 각 부분의 세부 코드는 하단으로 뺀다. 2. return 아래로 복붙 해준다. 3. 필요시 인스턴스 추가해준다.(외부에서 받아와야 하는 경우 아래에서는 _Body, _Footer) Widget build(BuildContext context) { return Scaffold( backgroundColor: PRIMARY_COLOR, body: SafeArea( child: Padding( padding: EdgeInsets.symmetric( horizontal: 16.0, ), child: Column( crossAxis..

void main() { final number = 123; print(number.toString().split('').map((x) => '$x.jpeg' ).toList()); final numbers = [ 123, 546, 789 ]; print(numbers.asMap().entries); } List값이 Dictionary형태로 Key : Value -> 행 번호(index번호) : List번호 값으로 들어간 것을 확인 여기서 행 번호만 출력하고 싶다면 print(numbers.asMap().entries.toList()[2].key);

Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Row( children: 123 .toString() .split('') .map( (x) => Image.asset( 'asset/img/$x.png', height: 70.0, width: 50.0, ), ) .toList()), Row( children: 456 .toString() .split('') .map( (x) => Image.asset( 'asset/img/$x.png', height: 70.0, width: 50.0, ), ) .toList()), Row( children: 789 .toString() .split('') .map( (x) ..

DateTime 날짜에 관한 것을 입맛대로 반환할 수 있는 Widget이다. 예제로 하나씩 출력을 받아봅시다 DateTime DateTime now = DateTime.now(); print(now.year); DateTime.now();를 출력하면 2023이 출력된다. Duration Duration duration = Duration(seconds: 60); print(duration); print(duration.inDays); print(duration.inMinutes); Duration은 특정 날짜, 시간을 기간(duration)으로 받을 수 있다. duration에는 in으로 시작하는 인자들이 있는데 반환받고 싶은 인자의 형태로 duration을 받을 수 있다. 즉 위에 코드는 60초를 일(..

import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.pink[100], body: SafeArea( bottom: false, chi..