사회적 거리두는 블로그

플러터(Flutter) ListView 를 활용한 이미지뷰어 만들기

예제 이미지 리스트를 출력해주는 페이지입니다. import 'package:flutter/material.dart'; import 'package:myblog/image_view_page.dart'; class ImageListPage extends StatelessWidget { final List images = ['son_1.jpg', 'son_2.jpg', 'son_3.jpg', 'son_4.jpg']; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('이미지 리스트'), ), body: ListView.separated( padding: const EdgeInsets.all(8),..

Application/Flutter 2020. 8. 6. 15:31

플러터(Flutter) ListView 사용하기

ListView class - widgets library - Dart API A scrollable list of widgets arranged linearly. ListView is the most commonly used scrolling widget. It displays its children one after another in the scroll direction. In the cross axis, the children are required to fill the ListView. If non-null, the ite api.flutter.dev 기본형 ListView( padding: const EdgeInsets.all(8), children: [ Container( height: 50..

Application/Flutter 2020. 8. 6. 00:47

플러터(Flutter) 멀티 페이지 라우트 설정하기 : Navigator.pushNamed

MaterialApp 플러터 프로젝트를 생성하면 기본으로 생성되는 main.dart 의 MyApp 클래스 입니다. class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the theme of your application. // // Try running your application with "flutter run". You'll see the // application has a blue to..

Application/Flutter 2020. 8. 4. 16:39

플러터(Flutter) 페이지 이동하기 : Navigator

Navigator Navigator 는 앱상의 페이지를 관리하며, 자료구조로 Stack 을 사용합니다. (push, pop) 스마트폰의 어플을 사용하다보면 뒤로가기 기능을 흔히 볼 수 있습니다. 어떠한 페이지에 이동할 때는 현재 보고 있는 페이지 위에 쌓이게 되는 것이며(push) 뒤로가기는 쌓여진 페이지를 빼는 것(pop) 이라고 생각하면 됩니다. 예제 Navigator.push 를 사용해서 현재 페이지(context) 위에 새로운 페이지(PageView2)를 올립니다. ListTile( leading: Icon( Icons.image, color: Colors.grey[850], ), title: Text('페이지 2'), onTap: () { Navigator.push( context, Materi..

Application/Flutter 2020. 8. 4. 14:35

플러터(Flutter) 메뉴 만들기 -2 : ListView / ListTitle

사이드 메뉴 ListView 와 ListTile 을 사용하여 사이드 메뉴 리스트를 추가했습니다. ListView 는 항목들을 행으로 나열합니다. ListTile 은 각 항목에 대한 열의 항목들(아이콘, 텍스트 등)을 나열합니다. child: ListView( children: [ ListTile( leading: Icon( Icons.home, color: Colors.grey[850], ), title: Text('홈'), onTap: () { print('Home pressed') }, ), ListTile( leading: Icon( Icons.image, color: Colors.grey[850], ), title: Text('사진보기'), onTap: () { }, trailing: Icon(I..

Application/Flutter 2020. 8. 4. 12:59

플러터(Flutter) 메뉴 만들기 -1 : AppBar / Drawer

Appbar 메뉴 타이틀 텍스트만 추가한 코드입니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Menu Example', theme: ThemeData( primarySwatch: Colors.yellow, ), home: Scaffold( appBar: AppBar( title: Text('Menu Example'), ), ) ); ..

Application/Flutter 2020. 8. 4. 10:51

파이썬 Flask 폼(Form) 전송

폼 전송 Flask from flask import Flask, render_template, redirect, url_for, request app = Flask(__name__) @app.route('/') @app.route('/index') def index(): return render_template('index.html') @app.route('/form_send') def form_send(): return render_template('form_send.html') @app.route('/form_recv', methods=['POST']) def form_recv(): if request.method == 'POST': data = request.form else: data = {} r..

Application/Flask 2020. 7. 29. 15:45

파이썬 Flask render_template() 데이터 전달 / for 문 사용

HTML 로 데이터 전달 Flask from flask import Flask, render_template, redirect, url_for app = Flask(__name__) @app.route('/') @app.route('/index') def index(): return render_template('index.html') @app.route('/review') def review(): return render_template('review.html') @app.route('/test') def test(): color = 'red' colors = ['red', 'green', 'blue'] blogger = {'name': 'jvvp', 'eloc': 'songpa'} return ren..

Application/Flask 2020. 7. 29. 14:53