AR삽질러

Dart 기초 - Dart와 Flutter (0) 1. Dart - Google에서 디자인안 멀티플랫폼 프로그래밍언어로 JavaScript를 대체가능하며 크로스플랫폼(CrossPlatform) 프로그래밍 언어를 목표로 설계되었다.https://ko.wikipedia.org/wiki/%EB%8B%A4%ED%8A%B8_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4) 다트 (프로그래밍 언어) - 위키백과, 우리 모두의 백과사전위키백과, 우리 모두의 백과사전.ko.wikipedia.orgDart언어의 특징객체지향 및 타입의 안정성Dart는 객체지향 프로그래밍언어로 Class기반 상속과 인터페이스를 지원..

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 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 UI Design import 'package:flutter/material.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Color(0xFF181818), // 배경색을 검은색(0xFF181818)으로 설정 body: Padding( padding: EdgeInsets.symmetric(horizontal: 28), // 가로 여백 추가 child: Column( children: [ SizedBox( height: 80, //..

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 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 DataTypes 1. 숫자(Integer) - 정수형 데이터를 표현 void main() { int age = 30; } 2. 실수(Double) - 실수형 데이터 소숫점 숫자를 표현 void main() { double pi = 3.141592; } 3. 문자열(String) void main() { String name = 'AR'; String name = "AR"; } - 텍스트 테이터 String타입의 값을 선언할때 ' ' 작은따옴표, " "큰따옴표 두개다 사용가능하다. 4. 참거짓(Boolean) - 논리값 참 또는 거짓을 나타낸다. void main() { bool alive = true; } 5. 리스트(List) 5-1) 여러 개의 값을 순차적으로 저장하는 자료구조 void m..