AR삽질러

Flutter Cards import 'package:flutter/material.dart'; import 'package:toonflix/widgets/Button.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: const Color(0xFF181818), body: Padding( padding: const EdgeInsets.symmetric(horizontal: 28), child: ..

Flutter Reusable Widgets 코드의 재사용성을 높이고 일관성 있는 디자인을 구현하기 위해서 재사용 가능한 위젯을 효과적으로 활용하는것이 좋다. 기존에 구현한 Transfet옆에 같은 기능을 하나 더만들기 위해서 Transfer의 Container를 복사해서 붙여넣어주고 Request라고 Text를 수정해준다. Container( decoration: BoxDecoration( color: Colors.amber, borderRadius: BorderRadius.circular(45)), child: const Padding( padding: EdgeInsets.symmetric( vertical: 18, horizontal: 45, ), child: Text( 'Request', styl..

Flutter VSCode설정 처음 Flutter로 코딩을 할때 정말 불편했던건 가독성이다.. 안그래도 불편한데 아래와 같은 파란줄때문에 미칠것같았다.. 파란줄을 없애는 방법은 1. settings.json 을 연다. 2. 아래의 코드를 넣어주고 저장 후 mani에 가서 저장을 눌러주면 파란줄이 사라진다. "editor.codeActionsOnSave": { "source.fixAll": true, }, 가독성을 높여주는 또 하나의 VSCode설정은 부모가 어떤것인지 표현해주는 설정이다. 현재 코드에서 어떤게 부모인지 찾으려면 시간이 걸리고 가독성이 상당히 떨어질수 있다. 1. 위와같이 settings.json을 연다. 2. 아래의 코드를 추가한다. "dart.previewFlutterUiGuides":..

Flutter Developer Tools와 Button 지난시간에는 header부분을 구현하였다. 0. Flutter Developer Tools와 Button Developer Tools(개발자도구)는 Flutter앱 개발, 디버깅 등 앱을 효과적으로 개발하는데 도움이되며 앱의 성능을 최적화하기위한 도구이다. ㅁduvdp < 이렇게 생긴 버튼을 눌러 실행할 수 있다. Layout이 적응되지 않는다면 개발자도구에 들어가면 현재 구현된 Widgets들의 구 App이 어떻게 구성되어있는지를 보여준다. 이곳에서 다른 정렬을 미리보기 할수 있고 수정을 통해 어떻게 보일지도 확인할 수 있다. 이 기능을 활성화 시키고 시뮬레이터로 클릭하면 Widget을 선택하는것이 가능하다. || 이렇게 생신 버튼을 활성화 시키..

Flutter Start 0. VSCode설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 1. Extension : Dart설치 2. E..

Flutter https://flutter.dev/ Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev 0. Flutter란 Flutter란 iOS, Android, Web, Windows, MacOS, Linux에 대한 애플리케이션 개발을 지원한다. Google에서 개발 및 지원하는 오픈 소스 프레임워크로 프런트와 풀 스택 개발자는 Flutter를 이용해 플랫폼에 대한 애플리케이션의 사용자 인터페이스..

Dart Class2 1. Enums - Dart의 열거형(Enum)은 고정된 상수 목록을 정의하는데 사용되는 데이터 형식이다. - Enum을 사용하게 되면 코드를 읽기 쉽고 실수를 없애며 이해하기 쉽게 만들 수 있다. enum Hoby { board, ski } class Intro { String name; int age; Hoby hobby; Intro({required this.name, required this.age, required this.hobby}); void sayHello() { print("안녕하세요. 저는 $name이고 나이는 $age입니다. 그리고 취미는 $hobby입니다."); } } void main() { var ar = Intro(name: "아랑", age: 25, h..

Dart Class Class는 객체지향프로그래밍(OOP)에서 핵심적인 개념으로 데이터와 해당 데이터를 조작하는 함수를 하나로 묶어 표현하는 방법이다. Class는 동일한 Class로 생성된 Object(객체)객체들은 클래스의 맴버변수와 메서드를 공유한다. - Function에서 Variable을 사용할때 var를 사용하면 타입을 명시할 필요가 없었지만 - Class에서는 property를 선언할때 반드 타입을 사용해 정의한다. 0. Class Definition(클래스 정의) class Intro { String name = '아랑'; int age = 25; } void main() { var intro = new Intro(); print(intro.name); // 아랑 intro.name = '..

Dart Typedef Dart에서 Typedef는 함수의 타입을 정의하기 위해 사용되는 키워드로 함수 타입에 사용자가 원하는 alias를 붙여 별칭을 만들어 사용할 수 있어 코드의 가독성을 높일 수 있다. 예제1) list.reversed() typedef ListOfTypedef = List; ListOfTypedef reverseListOfNumbers(ListOfTypedef list) { var reversed = list.reversed; return reversed.toList(); } void main() { print(reverseListOfNumbers([1, 2, 3])); // 3, 2, 1 } typedef ListOfTypedef = List; - ListOfTypedef 라는 ..

Dart Functions 함수란 코드 블록을 정의하고 재사용 가능한 코드를 만드는데 사용되는 요소로 특정 작업을 수행하고 값을 반환할 수 있다. Dart Functions 함수의 선언과 호출 EX2) void sayHello(String name) { print("Hello $name nice to meet you!"); } void main() { sayHello("아랑!"); } # # Hello 아랑 nice to meet you! - sayHello 이름의 함수 정의 name 파라미터를 이용해 출력 함수의 선언과 호출 EX2) String sayHello(String name) { return "Hello $name nice to meet you!"; } void main() { print(sa..