Study/Flutter, Dart
-
[Flutter 플러터] 9. Flutter에서 화면 이동하기Study/Flutter, Dart 2024. 8. 27. 16:50
Flutter에서 화면 이동하기1. 상태를 관리해서 화면 이동하기import 'package:english_words/english_words.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:flutter/widgets.dart';const assetImagePath = 'assets/images';const bannerImage = '$assetImagePath/apple.jpeg';void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( backgroundC..
-
[Flutter 플러터] 8. 플러터 라이브러리 사용하기Study/Flutter, Dart 2024. 8. 17. 15:27
Flutter의 Callbackimport 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( backgroundColor: Colors.lightBlue, title: const Text('flutter의 Callback'), ), body: const Body()), ), );}class Body extends StatelessWidget { const Body({super.key}); @override Wid..
-
[Flutter 플러터] 7. Flutter의 다양한 입력들Study/Flutter, Dart 2024. 8. 15. 15:37
Flutter의 다양한 입력들import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( backgroundColor: Colors.lightBlue, title: const Text('flutter의 다양한 입력들'), ), body: const Body()), ), );}class Body extends StatelessWidget { const Body({super.key}); @overr..
-
[Flutter 플러터] 6. Stateless와 StatefulStudy/Flutter, Dart 2024. 8. 2. 11:24
Stateless vs Stateful Stateless- 클라이언트⇄서버 관계에서 서버가 클라이언트의 상태를 보존하지 않음. - 서버는 단순히 요청이 오면 응답을 보내는 역할만 수행, 상태 관리는 전적으로 클라이언트 책임. - 서버는 단순히 받아서 응답만 하기 때문에 상태 유지에 대한 부하가 줄어듦. - 서버 1에 문제가 생겨 서버 2가 이어받아도 응답에 문제 없음. - 대량의 트래픽 발생 시, 서버 확장을 통해 대처를 수월하게 할 수 있다는 장점. - 서버가 세션 상태 및 세션 정보를 저장하지 않기 때문에, 클라이언트 측에서 송신할 데이터 양이 많아진다는 단점. Stateful- 클라이언트⇄서버 관계에서 서버가 클라이언트의 상태를 보존함. - 클라이언트의 이전 요청이 서버에 잘 전달되었을 때, 클..
-
[Flutter 플러터] 5. 위젯 배치해보기Study/Flutter, Dart 2024. 7. 26. 15:27
컨테이너 안에 스크롤뷰 배치해보기 import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( backgroundColor: Colors.lightBlue, title: Text('컨테이너 안에 스크롤뷰 배치해보기'), ), body: Body(), ), ), );}class Body extends StatelessWidget { const Body({super.key}); @override Widget build(BuildContext context) { retur..