mynote6676 개발자 노트

1. Flutter의 세 가지 트리 구조개요Flutter는 UI를 효율적으로 렌더링하기 위해 세 가지 트리 구조를 사용합니다. 이 구조들은 성능 최적화와 재사용성을 설계되었으며, 개발자는 주로 Widget Tree만 직접 다룹니다. 세 가지 트리의 역활1. Widget Tree : 개발자가 작성한 UI 구조(불변 객체)2. Element Tree : Widget과 RenderObject를 연결하는 중간 계층(상태 유지)3. RenderObject Tree: 실제 화면에 그려지는 객체들(렌더링 담당) Widget Tree - 개발자가 작성한 UI 구조 Container( Child: Row( children: [ Column( childre: [ Icon(Ic..

1. GestureDetector 위젯더보기개요GestureDetector는 사용자가 화면에서 수행하는 다양한 터치 이벤트를 감지하고 처리하는 기본적인 Flutter 위젯입니다. 특징GestureDetector 자체는 화면에 표시되지 않으며, child에 지정된 위젯에 사용자 이벤트가 발생할 때 이벤트를 처리할 수 있습니다.다양한 사용자 이벤트에 대한 콜백 함수들로 구성되어 있어, 각 이벤트에 맞는 동작을 정의할 수 있습니다.주요 함수 콜백 함수 콜백함수 설명 사용 예시onTap사용자가 화면을 가..

더보기Mixin은 여러 클래스 계층에서 클래스의 코드를 재사용하는 방법입니다. Mixin을 사용하게 되면 다중 상속의 문제를 해결할 수 있고 컴퍼지션을 사용하지 않고 다른 클래스이 코드를 재사용할 수 있습니다.mixin Engine{ int power = 5000; // 5000cc}mixin Wheel { String wheelName = " 4륜 구동 바퀴";}class BMW with Engine, wheel{}void main(){ BMW b = BMW(); print(b.power) print(b.wheelName);}하지만 해당 Mixin은 인스턴스되지 않습니다.더보기mixin Engine { int power = 5000; // 5000cc}minxin wheel { String ..

|시안 |구조 assets더보기 pubspec.yml더보기name: class_shoppingcartdescription: "A new Flutter project."# The following line prevents the package from being accidentally published to# pub.dev using `flutter pub publish`. This is preferred for private packages.publish_to: 'none' # Remove this line if you wish to publish to pub.dev# The following defines the version and build number for your application.#..

참고 사항 SVG 사진을 읽지 못하기에 pub.dev에서 의존성 주입해서 import해서 사용해야함더보기dependencies: flutter_svg: ^2.2.0 import 'package:flutter_svg/flutter_svg.dart';|시안 (디스코드를 로그인화면을 연습해 보았다.)로그인 전 값 없이 로그인 버튼 누른 후 값입력 후 구조 assets더보기size.dart더보기const double smallGap = 5.0;const double mediumGap = 10.0;const double largeGap = 15.0;const double xlargeGap = 20.0;pubspec.yaml더보기name: class_logindescription: "A new Flutter pr..

| 목표 시안 구조assets더보기theme더보기import 'package:flutter/material.dart';const MaterialColor primaryWhite = MaterialColor(0xFFFFFFFF, { 50: Color(0xFFFFFFFF), 100: Color(0xFFFFFFFF), 200: Color(0xFFFFFFFF), 300: Color(0xFFFFFFFF), 400: Color(0xFFFFFFFF), 500: Color(0xFFFFFFFF), 600: Color(0xFFFFFFFF), 700: Color(0xFFFFFFFF), 800: Color(0xFFFFFFFF), 900: Color(0xFFFFFFFF),});ThemeData mTheme()..

| 목표 시안 | 자료 구조 pubspec.yaml더보기name: class_recipesdescription: "A new Flutter project."# The following line prevents the package from being accidentally published to# pub.dev using `flutter pub publish`. This is preferred for private packages.publish_to: 'none' # Remove this line if you wish to publish to pub.dev# The following defines the version and build number for your application.# A versi..

|목표 시안 | 자료 구조 pubspec.yaml더보기name: store_appdescription: "A new Flutter project."# The following line prevents the package from being accidentally published to# pub.dev using `flutter pub publish`. This is preferred for private packages.publish_to: 'none' # Remove this line if you wish to publish to pub.dev# The following defines the version and build number for your application.# A version nu..

상속은 부모가 가진 상태와 행위를 자식이 물려받는 것고 동시에 다형성이 성립되어야 합니다. 다형성더보기다형성이란 여러 가지 형태를 가질 수 있는 능력을 의미합니다.엔진-------------------- 엔진을 상속 - 잘못됨| || |BMW 제니시스 잘 만들어진 엔진 클래스가 있습니다. BMW와 제네시스를 만드는 곳에서 잘 만들어진 엔진을 사용하고 싶어서상속을 하게 되면 다형성이 성립하지 않습니다. 다형성이 성립하기 위한 조건을 BMW 에게 "너 엔진이니?" 라고물었을 때 " 나 엔진이야" 라고 답할 수 있어야 하기 때문입니다. 이 때는 엔진을 컴퍼지션( 결합 ) 혹은 Mi..

목표시안자료구조 theme더보기import 'package:flutter/material.dart';const MaterialColor primaryWhite = MaterialColor(0xFFFFFFFF, { 50: Color(0xFFFFFFFF), 100: Color(0xFFFFFFFF), 200: Color(0xFFFFFFFF), 300: Color(0xFFFFFFFF), 400: Color(0xFFFFFFFF), 500: Color(0xFFFFFFFF), 600: Color(0xFFFFFFFF), 700: Color(0xFFFFFFFF), 800: Color(0xFFFFFFFF), 900: Color(0xFFFFFFFF),});ThemeData mTheme() { retur..