공간 (Space)

오랜기간 프로젝트를 방치뒤 다시 개발을 하려하니 빌드가 안된다. 0. 플러터버전을 업그레이드 하고 싶으면..(옵션) flutter upgrade 1. android > app > build.gradle에서 // 컴파일 버전을 바꿔줌 android { compileSdkVersion 31 //타깃 버전을 바꿔줌 defaultConfig { // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). applicationId "com.sean.ohhmystock" minSdkVersion 19 targetSdkVersion 31 2. projectName/androi..

플러터 위젯 이해하기 여기서는 플러터를 시작하는 많은 사람들이 중요하지만 놓칠 수 있는 부분을 설명하려고 한다. 플러터는 위젯으로 구성되어 있다. 그렇기 때문에 위젯을 이해해야 쉽게 웹사이트 혹은 어플리케이션을 만들 수 있다. HTML의 구성요소들은 인터넷에 찾으면 쉽게 찾을 수 있다. 그리고 그걸 어떻게 원하는데로 스타일을 할지도 쉽게 찾을 수 있다. 하지만 플러터는 신상프레임워크이기 때문에 우리가 찾기가 어려울 수도 있다. 그런데 플러터는 텍스트에디터의 도움을 아주 잘 받았다. 텍스트에디터를 잘 이용하면 위젯의 속성명과 거기에 들어가야하는 값이 무엇인지 알 수 있다. 이게 아주 중요하다. 개발의 이걸 알고 개발을 하고 모르고 개발을 하냐에 따라서 개발의 속도가 크게 차이가 난다. 특히나 HTML에 익..

Front는 과연 무엇일까 하는 생각이 들었다. 심플하게 말하자면 데이터를 보기 좋게 뿌려주는 것이다. 그것을 UI라고 한다. 그 중에 가장 기본이 되는 것은 어떻게 반복되는 형식을 front에 뿌려주는 것인가 일 것이다. flutter의 sliverList와 ListView가 기본적으로 많이 사용되는 리스트 위젯일 것이다. 이들은 index는 0부터 시작해서 정해진 아이템(자식)의 숫자만큼 반복할 것이다. 아래를 보면 listview.build메서드의 프로퍼티에 itemCount를 전달한다. 그러면 build메서드는 이렇게 전달받은 카운트 만큼 반복을 하며 itembuilder에 넣은 함수에 index를 전달할 것이다. sliverList역시 딜리게이션에 context와 index를 전달 하는 함수를 ..

import 'dart:async'; import 'package:flutter_sqlite_demo/models/model.dart'; import 'package:sqflite/sqflite.dart'; abstract class DB { static Database _db; static int get _version => 1; static Future init() async { if (_db != null) { return; } try { String _path = await getDatabasesPath() + 'example'; _db = await openDatabase(_path, version: _version, onCreate: onCreate, onUpdate:_onUpdate); } ..

Error: Assertion failed: package:flutter/…/painting/text_painter.dart:881 !_needsLayout is not true at Object.throw_ [as throw] (http://localhost:59075/dart_sdk.js:5037:11) at Object.assertFailed (http://localhost:59075/dart_sdk.js:4976:15) at text_painter.TextPainter.new.getPositionForOffset (http://localhost:59075/packages/flutter/src/painting/placeholder_span.dart.lib.js:1331:38) at paragraph..

플러터에서 애드몹을 달때 사용하던 패키지가 기존에 firebase_admob에서 pub.dev/packages/google_mobile_ads 이걸로 바뀌었다. 광고 다는 법은 공식 사이트에 나온 그대로 따라하면 된다. 설명이 쉽게 나와있다. 기존의 애드몹은 자동으로 맨 밑 바닥에 광고를 붙여줬는데 새로운 애드몹 패키지에선 위젯으로 만들어 자신이 원하는 위치에 붙일 수 있다. 그런데 저 광고 패키지를 설치 할때 에러 때문에 고생했는데 원인은 gradle을 업데이트 해야했다 . 1. gradle\wrapper\gradle-wraper.properties 여기에 들어가 아래의 배포버전을 넣는다. distributionUrl=https\://services.gradle.org/distributions/grad..

웹개발을 했었고 자바는 전혀 모르고 자바스크립트와 파이썬만 알았다. vuejs 와 svelte만 쓰다 보니 플러터가 자꾸 손에 익지 않았다. 그나마 좀 익은 시점에 글을 써본다. (플러터가 업데이트 하는 속도가 엄청 빠르다. 8개월 적은 글인데 오래된 얘기가 된것들이 많다. 2011/12월 다시 한번 체크 하였으며 이전의 단점들이 더 이상 큰 단점이 아니거나 단점이 아니다. 결론은 아직도 웹에 비해 더 어렵다는 생각이 들지만 앱을 만들기에 좋고 편리하다.) 일단 단점부터 적자면 (주관적임) 1. HTML로 레이아웃을 만드는 것에 비해 가독성이 떨어진다고 생각됬다. 리액트도 클래스안에 UI를 만드는 것이지만 로 UI가 구별되는게 나에겐 더 쉬웠다. (2021/12 가독성도 그렇지만 html tailwind..

1. 폴더구조 플러터개발시작시 유튜버들이 많이 사용하는 폴더구조 2. 스타일에 사용될 상수 만들기 디자인과 관련된 상수를 가진 색상 클래스, 엘리먼트 형태관련 클래스를 만들어서 디자인을 쉽게 하기 3. 데이터 모델 만들기 사용할 데이터의 형태를 지정하기 위해 데이터 모델만들기 4. 실제 사용하거나 UI디자인/테스트를 위한 데이터 만들기 개발중 데이터를 제공할 파일을 만듬 5. 여러개의 스크린을 불러올 수 있는 스크린콜랙션파일 생성 (Optional) 6. 여러개의 위젯을 불러올 수 있는 위젯콜렉션파일 생성 7. 웹을 위한 반응형 위젯 만들기 8. 데이터 오브젝트나 오브젝트 리스트를 json으로 바꾸기 9. 스트링으로 된 Json을 리스트로 바꾸기 10. GetX로 상태관리 GetX를 통해 state를 관..

stateful widget을 사용하면 편하긴 한데 stateless widget을 사용하여 컨트롤러를 등록하고 스코를의 위치를 얻어내려고 하였다. 보통은 공식문서에서도 적혀있듯 stateful widget을 사용한다. class MyStockScreen extends StatelessWidget { final MyStocksCtr controller = Get.put(MyStocksCtr()); final ScrollController scrollController = ScrollController(); @override Widget build(BuildContext context) { scrollController.addListener(() => print(scrollController.positio..

플러터는 위젯으로 구성되어 있다. 그렇기 때문에 위젯간의 소통을 할 수 있는 방법을 아는 것이 중요하다. 위젯간의 소통 방법들을 공부하지 않으면 분리되지 않은 거대 위젯으로 앱이 구성이 될 것이다. 부모의 버튼을 눌렀을때 자식 스크롤 위젯이 자동으로 맨 밑까지 내려오게 하는 기능을 구현해야 했다. 위젯이 나누어지지 않았을 때는 문제가 없었지만 위젯이 부모와 자식으로 나누어 지면서 버튼과 리스트가 분리 되었다. 이때 부모가 자식의 메서드를 호출해서 그 메서드가 자식을 움직이게 만드려면 어떻게 해야 할까? StackOverflow에서 두가지 방법을 찾을 수 있었다. 첫번째는 메서드를 초기화한 클레스의 인스턴트를 전달하는 방법 1. 클레스에 메서드를 초기화 해서 자식 위젯에 인스턴트를 전달한다. 2. 자식위젯..