본투비곰손

프로젝트의 asset 추가 시 pubspec.yaml의 파일에 등록 후 Pub get를 눌러 적용한다. import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { Timer? timer; PageController controller = PageController( initialPage: 0..

Flutter(Dart 포함) 2023. 9. 22. 22:28

StatefulWidget Life Cycle 확인 하기 import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { final Color color; HomeScreen({ required this.color, Key? key, }) : super(key: key) { print('Widget Constructro 실행'); } @override State createState() { print('createState 실행'); return _HomeScreenState(); } } class _HomeScreenState extends State { @override void initState() { print('i..

Flutter(Dart 포함) 2023. 9. 20. 22:55

Widget 이론 Widget은 모두 “불변”의 법칙을 가지고 있다. 하지만 위젯의 값을 변경해야 할 때가 있다.(색 변경 등) 변경이 필요하면 기존 위젯을 삭제하고 완전 새로운 위젯으로 대체 한다. StatelessWidget 라이프 사이클(Life Cycle) - 상태 관리 불가 Constructor로 생성이 되고 생성이 되자마자 build 함수가 실행된다. 이전 Container 예제와 같이 변경이 필요하면 새로운 위젯을 만든다. 하나의 StatelessWidget은 라이프 사이클동안 단 한번만 build함수를 실행 한다. Constructor로 생성 State를 생성 State를 초기화 didChangeDependencies 함수를 부름 dirty로 상태 변화 build 함수를 부름 clean 으..

Flutter(Dart 포함) 2023. 9. 19. 22:51

View)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다. 즉, 앱 안에 HTML iframe을 넣어 놓은 것이다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해서 혹은 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 앱을 개발하는데에도 많이 사용 pubspec.yaml 에 webview_flutter: ^3.0.0추가 후 우측 상단 Pub get 클릭하여 설치 # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icon..

Flutter(Dart 포함) 2023. 9. 18. 22:57

stless 새로운 statelessWidget를 생성하는 명령어 아래와 같이 자동 입력된다. class extends StatelessWidget { const ({super.key}); @override Widget build(BuildContext context) { return const Placeholder(); } } 폴더 및 파일을 생성하여 코드를 깔끔하게 정리할 수 있다. screen 폴더 생성 후 home_screen.dart 파일을 생성 import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(Buil..

Flutter(Dart 포함) 2023. 9. 15. 22:46

import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( debugShowCheckedModeBanner: false, home: HomeScreen())); } class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Color(0xFFF99231), body: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Image.asset( 'asset/img/logo.png', ), CircularProgr..

Flutter(Dart 포함) 2023. 9. 14. 22:50

Widget Tree정의 Widget들의 부모, 자식 관계를 나타내는 것을 Widget Tree라고 부른다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( backgroundColor: Colors.black, body: Center( child:Text( 'Hello World' ,style: TextStyle( color: Colors.white, fontSize: 20.0, ), ), ), ), ), ); }

Flutter(Dart 포함) 2023. 9. 14. 22:49

Record void main() { final result = nameAndAge({'name': '민지', 'age': 20}); print(result); print(result.$1); print(result.$2); } //Record (String, int) nameAndAge(Map json) { return (json['name'] as String, json['age'] as int); } void main() { final result = nameAndAge({'name': '민지', 'age': 20}); print(result); print(result.$1); print(result.$2); print('-------------------------------'); final re..

Flutter(Dart 포함) 2023. 9. 12. 22:23