반응형

프로그래밍/Dart & Flutter 4

[기초] Flutter State 관리

StatelessWidget기본 구조class StateLessExample extends StatelessWidget { const StateLessExample({super.key}); @override Widget build(BuildContext context) { return const Placeholder(); }}State 상태 값 없이 정적인 페이지에 사용StatefulWidget기본 구조class StatefulExample extends StatefulWidget { const StatefulExample({super.key}); @override State createState() => _StatefulExampleState();}class _StatefulExamp..

[기초] Flutter Widget, Layout

WidgetFlutter UI 는 매우 중요하다Flutter UI의 구성은 Widget으로 구성한다Widget TreeWidget을 블록과도 같기 때문에 수평, 수직 관계를 나타내는데 중요한 개념이다Stateless / Stateful Widget상태관리는 프론트엔드에서 중요한 요소이다Flutter에서는 이를 Stateless / Stateful Widget으로 나누었다말그대로 less에서는 정적페이지 구성, ful에서는 동적페이지 구성에 쓰인다 기본 위젯MaterialApp꼭대기 위젯최상위 위젯앱의 전반적인 구조와 동작을 정의 Scaffold앱 구조appBarbody 등.. 시각적 레이아웃 구조 배치 LayoutContainer기본 박스형 위젯 Column여러개의 위젯을 top down 형식으로 배치R..

[기초] Dart Language 기초 변수, 연산자, 클래스, 함수, 분기문, 반복문, 예외처리

기초에 대한 정리JavaScript 와 매우 비슷하고, 다른 언어들과 크게 다르지 않은 모습이다. 변수참 / 거짓bool정수int실수double문자열StringNullnull  연산자산술+, -, *, /, % ....비교==, =, != ....논리&&, ||, ??할당=, *=, -=, /= ...  클래스객체 만들기 위한 Template필드, 메서드, 생성자로 구성필드클래스 내부 선언된 데이터메서드클래스 내부 선언된 기능생성자클래스 인스턴스 생성시 사용 함수/메서드리턴타입 함수명 (매개변수) {    return 리턴} ex) int sum(int a, int b) {    return a+b;} 분기문if else if elseif (condition1) {// 실행 1}else if (condi..

[기초] Dart Language 는 무엇인가!

Dart는누가 만든 언어인가구글에서 만들었고 flutter보다 오래된 역사(?)를 가지고 있다 왜 만든 언어인가JavaScript를 대신한 웹브라우저 언어지원을 위해서였지만 지금은 flutter에서 쓴다 무슨 장점이 있는가Dart는 컴파일러 최적화와 함께 빠른 성능을 제공하도록 설계되었다.Just-In-Time (JIT) 및 Ahead-Of-Time (AOT) 컴파일을 모두 지원JavaScript의 영향을 많이 받아서 배우기 쉽다.타입지정이 있다객체지향언어이다근데 함수형 프로그래밍도 지원한다 https://dartpad.dev DartPad dartpad.dev 에서 쉽게 테스트 가능하다