newChobo
Flutter 로 웹툰 앱 만들기 #6 WEBTOON APP
공부/Flutter 2023. 2. 11. 00:26

크롬이 한번 튕겨서 저장이 안되고 다 날라감... ㅅㅂ 2023.02.09. #6.0 Introduction (05:09) 소개 니코가 만든 api에 대한 소개 #6.1 AppBar (05:58) 앱바 key? elevation? backgroundColor? foregroundColor? https://github.com/NewChoBo/toonflix/commit/c6bc5d49d029354a766f3394b296c773fba944e9 #6.2 Data Fetching (11:44) 데이터 불러오기 pub.dev 에서 http 검색, installing에서... 커맨드라인에서 설치 or pubspec.yaml에서 dependencies: http: ^0.13.5 입력 await? async? futu..

Flutter 로 웹툰 앱 만들기 #5 POMODORO APP
공부/Flutter 2023. 2. 5. 16:57

#5.0 User Interface (13:35) import 'package:flutter/material.dart'; void main() { runApp(App()); } class App extends StatefulWidget { @override State createState() => _AppState(); } class _AppState extends State { bool showTitle = true; void toggleTitle() { setState(() { showTitle = !showTitle; }); } @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( backgroundC..

Flutter 로 웹툰 앱 만들기 #4 STATEFUL WIDGETS
공부/Flutter 2023. 2. 4. 22:04

#4.0 State (07:33) 이번 시간에는 그동안 보지못했던, Stateful Widget에 대해 배워볼것 우리가 지금까지 써온 것은 Stateless Widget. 매우 간단한데, 그저 build함수로 ui를 출력할 뿐. Stateful Widget은 상태를 갖고있어 Stateful로 불린다. 데이터가 변경될 때 이 변화를 UI에 반영해 실시간으로 보고 싶다. 이때 쓰는게 Stateful Widget Stateful Widget은 2 부분으로 나뉜다. 한 부분은 상태가 없는 위젯 그 자체 다른 부분은 위젯의 상태로 위젯의 State는 위젯에 들어갈 데이터와 UI를 넣는 곳이다. 데이터가 변경되면, 해당 위젯의 UI도 변경되게 된다.(react의 state와 비슷할 것으로 예상이 된다.) 만드는 방..

Flutter 로 웹툰 앱 만들기 #3 UI CHALLENGE
공부/Flutter 2023. 2. 3. 23:37

#3.0 Header (16:47) 이번 강의의 목적은 flutter의 Widgets 사용에 익숙해지는 것 헤더? 위젯? 옵션? css와 비슷하게 생각하면 됨. flutter로 복잡한 layout 만드는데 적응 목표 rows, columns, margins, paddings, spaces에 대해서 배울것. +decorations(배경색, 폰트, 둥근 모서리, 오버플로우 등...) appbar : 안드로이드 스튜디오 배울때 봤던 툴바같은것인듯. shade? backgroundColor: Colors.red.shade800, Scaffold의 body의 Column의 children은 하나의 자식만 갖지 않고, children이라는 리스트가 있다. Row는 수평, Column은 수직 배열을 위한 것이다. 색..