본문 바로가기
728x90

전체 글

 (197)
[TAVE/Study]Do it! Flutter 9장 내부 저장소 이용하기① 211008 금 개학한 친구들 벌써 시험기간이라고 한다. 나는 이 시험 기간을 이용해서 지금까지 배운거 복습하고 앞으로 배울 거 예습해야겠다! 📌 플러터에서 앱의 데이터를 저장하는 방법 공유 환경 설정: 비교적 적은 양의 간단한 데이터를 저장하는 용도, Shared Preferences 클래스 사용 파일: 공유 환경 설정보다 더 복잡하고 다양한 데이터(사진, 음성, 동영상, 긴 텍스트 등)를 다룰 수 있다. 데이터베이스 이용 데모 앱의 카운트값 저장하기(공유 환경 설정) 📌 기본으로 만들어지는 플러터 데모 앱에는 +모양의 플로팅 버튼이 있다. 버튼을 누르면 화면의 카운트값이 증가한다. 하지만 앱을 종료하고 다시 실행하면 숫자 0으로 초기화 된다. 이전에 눌렀던 숫자를 유지하는 앱을 만들자! depende..
[TAVE/Study]Do it! Flutter 8장 내비게이션 활용하기② 211005 화 내일 발표다! 할 일을 기록하는 앱 얼른 만들장! 페이지 이동 기능 만들기 return Scaffold( appBar: AppBar( title: Text('Sub Detail Example'), ), body: Container( child: Center( child: ElevatedButton( onPressed: () { Navigator.of(context).pushReplacementNamed('/second'); }, child: Text('두 번째 페이지로 이동하기'), ), ), ), ); 👉🏻 페이지 이동하도록 만든다. ✍🏻 pushReplacementNamed() 함수: 스택 메모리에 있는 자료를 교체한다. import 'package:flutter/material.da..
[TAVE/Study]Do it! Flutter 8장 내비게이션 활용하기① 211005 화 백신 맞고 코딩하기... 페이지 이동하기 floatingActionButton: FloatingActionButton( onPressed: () { Navigator.of(context) .push(MaterialPageRoute(builder: (context) => SecondPage())); }, child: Icon(Icons.add), ), 👉🏻 플로팅 버튼을 눌렀을 때 두 번째 페이지로 가도록 한다. ✍🏻 Navigator: 스택을 이용해 페이지를 관리할 때 사용하는 클래스 ✍🏻 push: 스택에 페이지를 쌓는 함수 ✍🏻 MaterialPageRoute 함수: 머티리얼 스타일로 페이지를 이동하게 한다. 기본적인 뒤로가기 버튼이 나와서 이전 페이지로 갈 수 있다. child: E..
[TAVE/Study]Do it! Flutter 7장 네트워크를 이용해 통신하기② 211004 월 본문3 예! 내려받기 진행 상황 표시하기 📌 dio: 파일을 내려받는 데 도움을 준다. 📌 path_provider: 패키지와 내부 저장소를 이용한다. dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 dio: ^4.0.0 path_provider: ^2.0.2 👉🏻 pubspec에 추가 import 'package:flutter/material.dart'; import 'package:dio/dio.dart'; import 'package:path_provider/path_provider.dart'; import 'dart:io'; class LargeFileMain extends StatefulWidget { @override ..
[TAVE/Study]Do it! Flutter 7장 네트워크를 이용해 통신하기① 211004 월 이번에는 내가 발표다! 예! 외부 패키지 이용하기 📌 HTTP: 네트워크와 연결하는 통신 규약 👉🏻 pub.dev 사이트에 들어가 원하는 기능 패키지를 찾아 pubspec.yaml 파일에 이름을 등록한다. (https://pub.dev/) ✍🏻 BSD: 자유롭게 만들고 배포할 수 있는 라이선스 카카오 API 이용하기 📌 API 키: 어플리케이션이 서버의 문을 여는 열쇠, 이 키로 데이터를 요청하고 분석한다. 👉🏻 로그인 > [내 애플리케이션] > [애플리케이션 추가하기] > 앱 이름에 "httpTest" 입력 > 사업자명에 각자 이름 입력 HTTP 통신 연습하기 dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 http: ^0.13..
[TAVE/Study] Do it! Flutter 6장 iOS 스타일로 플러터 앱 만들기 210929 화 어쩌다 보니... 시간이 늦어졌다.. 지금 새벽 2시 40분..ㅎ 쿠퍼티노 위젯 📌 플러터가 제공하는 위젯으로 기존의 iOS앱을 사용하던 사람들에게 익숙한 스타일로 디자인할 수 있다. 📌 쿠퍼티노 위젯의 이름에는 항상 'Cupertino' 접두어가 붙는다. pubspec.yaml에 주석 달면 오류 난다. 이유는 나도 모르겠다... 쿠퍼티노 탭바 import 'package:flutter/cupertino.dart'; class CupertinoMain extends StatefulWidget { @override State createState() { return _CupertinoMain(); } } class _CupertinoMain extends State { CupertinoTa..
[TAVE/Study] Do it! Flutter 5장 탭바와 리스트 만들기② 210928 화 터치 이벤트 처리로 알림 창 띄우기 child: ListView.builder (itemBuilder: (context, position) { return GestureDetector( child:Card( child: Row( children: [ Image.asset( list![position].imagePath!, height: 100, width: 100, fit: BoxFit.contain, ), Text(list![position].animalName!) ], ), ), onTap: () { AlertDialog dialog = AlertDialog( content: Text( '이 동물은 ${list![position].kind}입니다', style: TextStyle(fo..
[TAVE/Study] Do it! Flutter 5장 탭바와 리스트 만들기① 210927 월 이번에 TSC 본다고 공부가 엄청나게 밀렸다... 알바가기 전에 급하게 달리는 중..ㅎ 여러 페이지 만들고 이동하기 import 'package:flutter/material.dart'; import 'sub/firstPage.dart'; import 'sub/secondPage.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeDat..
728x90

티스토리툴바