티스토리

소프트웨어 이야기

검색하기

블로그 홈

소프트웨어 이야기

software-creator.tistory.com/m

에드 신 님의 블로그입니다.

구독자: 37

방명록 방문하기

주요 글 목록

Flutter - 5분안에 AndroidX 마이그레이션 하기 5분 안에 Flutter AndroidX Migration 하기 플러터를 개발하다보면 안드로이드 X 문제를 종종 만나게 됩니다. 사실 제일 쉬운 방법은 AndroidX 적용하기 전 라이브러리를 사용하는 거죠. 플러터 공식 문서에도 Avoiding AndroidX 라는 섹션에 이전 버전들이 나와 있습니다. (https://flutter.dev/docs/development/packages-and-plugins/androidx-compatibility) 하지만 이건 임시 방편에 불과하죠. 나중에 더 큰 문제를 일으킵니다. 오래된 라이브러리를 쓰다보니 새로운 기능이나, 지원이 끝나는 문제도 생기구요. 이번 글에서는 안드로이드 스튜디오로 손쉽게 마이그레이션(Migration) 하는 방법을 다룹니다. 일단 새 플.. 공감수 1 댓글수 0 2019. 8. 26.
Flutter - Provider 패턴에 대해서 알아보자 Flutter Provider 패턴이란?Provider란? 데이터 생산과 소비Provider 써보기ChangeNotifierProvider로 변하는 데이터 다뤄보기MultiProvider로 여러 프로바이더 관리하기 Provider가 주목받게된 배경 Provider 는 올해 Google IO (2019 Google IO) 에서 추천되면서 큰 주목을 받았습니다. 원래 커뮤니티에서 만든 플러그인인데 구글에서 공식으로 추천을 한 거죠. 작년 구글 IO 떄 구글은 Bloc 패턴을 사용하길 권했습니다. Bloc 패턴은 UI와 데이터 처리 로직(비즈니스 로직)을 분리하는 방식입니다. 플러터는 UI도 코드다 보니, 잘 관리 안 해주면 코드가 한 클래스에 너무 많이 몰리는 문제가 있었습니다. 이를 해결하기 위해 나온 게.. 공감수 29 댓글수 11 2019. 8. 6.
Flutter - 다국어 지원하기 (Localization and Internalization) 플러터 다국어 지원 - Flutter Internalization intl 패키지와 툴 써서 번역하기arb란?intl 이란?intl - message, format, numberintl 툴로 arb 추출하기app에 다국어 적용하기플러터 다국어 지원은 좀 까다롭습니다. Intl.message를 .arb 파일로 바꾼 뒤 읽어들여야 하죠. .arb 파일이란?arb(Application Resource Bundle)는 구글에서 만든, 파일 형식입니다. 언어 데이터를 저장했다가 번역하기 위해 쓰이죠. 단순한 형태의 json 파일이라고 보면 됩니다. 플러터에선 arb 말곤 다국어지원을 안해서, 어쨌든 arb 파일 다루는 법을 알아야합니다. Google Translators Toolkit도 .arb 파일형식을 지원하.. 공감수 5 댓글수 4 2019. 7. 2.
Flutter - CustomPainter로 차트(그래프) 그려보기 Flutter CustomPainter 및 차트 그려보기 custom painter란?canvas, paintdrawLine 등 메소드 사용해보기그래프 그려보기 이 글에 쓰인 소스 코드는 Github 에서찾아보실 수 있습니다.플러터를 쓰다보니 입맛에 딱 맞는 그래프 라이브러리가 없더군요. 그래서 커스텀 페인터를 공부해서 직접 차트를 만들어보고 있습니다. 그 과정에서 정리한 걸 공유하려고 합니다!글을 마칠 때는 아래 같은 차트를 그릴 수 있게 될 거에요.그럼 시작해 볼께요. 1.CustomPainter 란?커스텀 페인터는 화면에 직접 UI를 그릴 때 사용합니다. 기존의 UI로 만들기 어려운 화면을 만들고 싶을 때 유용해요.개인적으론 그래프를 그릴 때 사용했습니다.직접 UI를 그릴려면 CustomPaint와.. 공감수 16 댓글수 7 2019. 5. 17.
Flutter - 유닛 테스트 해보기 플러터 유닛 테스팅유닛 테스팅 (Unit Testing) 첨엔 핫리로딩의 효율성이 정말 좋다보니 테스팅을 할 필요성을 못 느꼈었는데요. 점차 코드를 추가하다보니 테스트를 해야겠단 생각이 들었습니다. 이번에 테스팅을 공부하면서 다트가 정말 잘 만들어졌구나 하는 걸 느꼈습니다. 사실 다트의 테스팅도 다른 테스트와 비슷합니다. 용어가 조금 다를 뿐이죠.이번 글을 통해 제가 개발하며 배운 테스팅을 정리해보려 합니다. 플러터에서 쓰이는 테스트 방식은 크게 3가지인데요.유닛 테스트, 위젯 테스트, 통합 테스트입니다. 뒤로 갈수록 테스팅의 규모가 커지는 대신, 시간이 더 오래걸리죠. 이번 글에선 유닛 테스팅을 알아보도록 할께요. 1. Unit Testing유닛 테스팅은 메소트나 클래스처럼 작은 단위를 테스트할 때 쓰.. 공감수 7 댓글수 1 2019. 4. 22.
Flutter - Zone이란? 프로그램 종료되지 않게 예외처리 하기. Flutter Zone이란? 종료되지 않게 예외처리 하기.Zone이란?try ~ catch와의 차이점Zone 예제 플러터 플러그인을 쓰다보면runZone()를 쓰는 경우가 종종 있습니다. 주로 아래처럼 쓰입니다. flutter_crashlytics 플러그인xvoid main() async { await FlutterCrashlytics().initialize(); runZoned(() async { runApp(MyApp()); }, onError: (error, stackTrace) async { await FlutterCrashlytics().reportCrash(error, stackTrace, forceCrash: false); });} 저도 처음에는 별 생각없이 적용했는데 점점 zone이 무.. 공감수 7 댓글수 1 2019. 4. 15.
Flutter - 플러터에서 리액티브 프로그래밍, Stream과 Bloc 패턴 적용하기 Flutter - 플러터에서 리액티브 프로그래밍, Stream과 Bloc 패턴 적용하기 플러터에서 리액티브 프로그래밍 - Stream, Bloc 패턴리액티브 프로그래밍 정의스트림 써보기스트림 플러터에서 써보기블록 패턴 적용해보기 플러터에서의 리액티브 프로그래밍요즘 프로그래밍의 대세는 반응형 프로그래밍(Reactive Programming)입니다. 반응형 프로그래밍은 비동기 데이터 처리를 효율적으로 하기 위해 만들어졌습니다. 비동기 처리는 데이터가 언제 도착할지 모르는 http 호출이나, UI 클릭, 데이터 저장, 에러 처리 등을 할 때 쓰입니다. 플러터에서도 반응형 프로그래밍을 할 수 있습니다. 보통 Stream이나 RxDart를 써서 합니다. Stream, StreamController스트림은 데이터가.. 공감수 11 댓글수 11 2018. 11. 16.
플러터를 빠르게 배우기 좋은 4개의 사이트 플러터를 빠르게 배우기 좋은 4개의 사이트 플러터를 빠르게 배우려면 어떻게 UI를 코드로 만드는지 알아야합니다. 다트를 공부하고 플러터를 배우는 것도 좋지만 플러터를 갖고 위젯을 조금씩 수정하고, 핫리로딩해보다가 모르는 게 나올 면 그때 다트를 찾아보는 게 효율적입니다. 제가 추천하는 학습 순서는 다음과 같습니다. 일단 위젯과 레이아웃의 사용법에 익숙해지고, 그 다음에 구글이 제공한 풍부한 예제를 분석해보고 실제 앱을 만들어보는 겁니다. 추천 사이트 및 학습 순서1.코드랩 2.플러터 레이아웃 튜토리얼 문서 3.구글 플러터 예제 (갤러리) 분석 4.플러터 행성 만들기 튜토리얼 5.실제 앱 제작1. 코드랩- 첫 플러터 앱 만들기 1, 2 링크1링크2구글 코드랩은 정말 설명이 깔끔한 편이고, 플러터 튜.. 공감수 20 댓글수 12 2018. 11. 7.
Flutter Layout - 첫 플러터 앱 만들어보기 Flutter Layout - 첫 플러터 앱 만들어보기 Flutter Layout - 첫 플러터 앱 만들어보기 - UI 만들어보기플러터란?위젯이란?기본 위젯 사용해보기변경 없는 위젯(statelessWidget) vs 변경 있는 위젯(staefuleWidget) 1. 플러터란?플러터는 구글에서 만든 프레임워크입니다. 크로스 플랫폼 개발을 쉽게 할 수 있게 해줍니다. 직접 써보니 상당히 생산성이 높아서 플러터를 집중적으로 공부하고 있습니다. 플러터의 가장 큰 특징은 UI까지 모두 코드로 작성한다는 점입니다. iOS의 스토리보드나 안드로이드의 xml의 경우 다른 데서 UI를 만들고, 앱 상에서는 UI를 불러오는 방식으로 코딩을 했는데요. 플러터는 다릅니다. 아주 간단한 플러터 코드를 보도록 하죠.xxxxxx.. 공감수 14 댓글수 11 2018. 11. 4.
Flutter - 스트림. 다트에서 비동기 프로그래밍 Flutter - 스트림. 다트에서 비동기 프로그래밍 목차스트림이란?스트림 간단한 예제스트림 다양하게 처리하기스트림 내부 구조서브스크립션브로드 캐스트스트림 컨트롤러1. Stream이란?스트림은 데이터나 이벤트가 들어오는 통로다. 앱을 만들다보면 데이터를 처리할 일이 많은데, 어느 타이밍에 데이터가 들어올지 확실히 알기 어렵다. 스트림은 이와 같은 비동기 작업을 할 때 주로 쓰인다. 예컨데 네트워크에서 데이터를 받아서 UI에 보여주는 상황을 생각해보자. 언제 네트워크에서 데이터를 다 받을지 알기 어렵다. 신호가 약한 와이파이를 쓸 수도 있고, 빵빵한 통신을 쓰고 있을 수도 있다. 이런 문제를 스트림은 데이터를 만드는 곳과 소비하는 곳을 따로둬서 이 문제를 해결한다.관찰(구독)바뀐점 알려주기관찰자-데이터소비.. 공감수 10 댓글수 4 2018. 10. 25.
Flutter - 자바 개발자를 위한 다트 flutter-java-vs-dart 자바 개발자를 위한 다트플러터(Flutter)로 개발을 하면서 다트를 처음 써보게 되었는데, 하루도 안되어 적응을 하였다.그만큼 자바와 다트는 많은 공통점이 있다.다트 공식 웹사이트에선 familiar to many existing developers 라고 말하는 데 과장된 이야기가 아니다.대부분의 문법이 큰 차이가 없으며, 객체 지향 프로그래밍을 접해봤다면 빠르게 다트를 배울 수 있다.다트와 자바엔 어떤 공통점과 차이가 있는지 알아보도록 하자.변수 - 타입 지정, 타입 추론다트의 변수 선언은 자바랑 무척 유사하지만 차이가 있다. 자바는 타입을 항상 지정해야된다.다트는 타입을 정할 수도 있고, 안 정할 수도 있다. 타입을 정하지 않으면 컴파일할때 타입이 정해진다.(타.. 공감수 11 댓글수 8 2018. 10. 18.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.