본문 바로가기
728x90

그 땐 App했지

 (17)
[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..
[TAVE/Study] Do it! Flutter 4장 플러터 위젯 사용법② 210920 월 덧셈 계산기 앱 만들기 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { static const String _title = 'Widget Example'; @override Widget build(BuildContext context) { return MaterialApp( title: _title, home: WidgetApp(), ); } } class WidgetApp extends StatefulWidget { @override _WidgetExampleState createState() => _WidgetExampleState(); ..
[TAVE/Study] Do it! Flutter 4장 플러터 위젯 사용법① 210920 월 머티리얼 디자인 📌 앱의 디자인을 통일시키기 위한 플랫 디자인. 📌 앱의 용량을 줄이고 속도를 개선할 수 있다. 스캐폴드 이용하기 📌 스캐폴드 클래스: 각종 위젯을 머티리얼 디자인 레이아웃으로 설계하는 것을 돕는다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'material Flutter App', theme: ThemeData( primarySwatch: Colors.blue, ), home: Mater..
[TAVE/Study] Do it! Flutter 3장 플러터 내부 구조 살펴보기② 210919 일 오늘 usb 잭을 못 가져와서 에뮬레이터로 실습해보려고 했는데 어마무시하게 느린 속도에 놀라서 바로 꺼버렸다..ㅎㅎ 와우 스테이트풀 위젯의 생명주기 위젯의 상태를 생성하는 createState 함수 class MyHomePage extends StatefulWidget { @override _MyHomePageState createState() => new _MyHomePageState(); }​ 👉🏻 다른 생명주기 함수들이 포함된 State 클래스를 반환하므로 반드시 처음에 호출한다. ✍🏻 상태 변경 감시는 StatefulWidget 클래스 담당, 실제 갱신 등은 State 클래스가 담당한다. 위젯을 화면에 장착하면 mounted == true if (mounted) { setState..
[TAVE/8thStudy] Do it! Flutter 3장 플러터 내부 구조 살펴보기① 210919 일 플러터 앱의 위젯 스테이트리스(stateless): 상태를 연결할 필요가 없다. StatelessWidget 클래스를 상속 받아 만든다. 스테이트풀(statefull): 내용 갱신이 필요하다. 위젯이 특정 상태가 되면 알맞은 처리가 필요하다. StatefulWidget 클래스를 상속받는다. 데모 앱 수정 📌 Ctrl+\(핫 리로드 기능): 바뀐 코드가 적용된다. 📌 Ctrl+Alt+L: 코드가 자동으로 정렬된다. home: Container( color: Colors.white, child: Center( child: Text( 'hello\nFlutter', textAlign: TextAlign.center, style: TextStyle(color: Colors.blue, fontSi..
728x90

티스토리툴바