욱쓰 욱쓰

직렬화란 무엇일까? 네트워크 요청에서 직렬화란 '프로그래밍 언어의 객체를 네트워크로 전송할 수 있도록 가벼운 표준 데이터 형식으로 변환함'을 의미한다. 플러터는 직렬화를 수동 직렬화 또는 패키지를 이용한 직렬화 자동 생성 두가지 방법으로 수행하는데 오늘은 수동직렬화에 대해서 조금 알아보고자 한다. 실습에 들어가기 앞서 준비물이 필요한데 http패키지와 간단하게 json 객체를 받아올 수 있는 사이트다. https://pub.dev/packages/http http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev http://jsonplaceholder.typicode.com/ JSONPlaceh..

작업을 하다 환경변수를 잘못만져서 그런지 Error running process: CreateProcess faild Code2 라는 오류를 만나게 되었습니다. 여러가지 방법을 시도하다가 해결한 방법이 있어 공유하고자합니다. 방법은 간단합니다. 우선 sdkmanager에 들어가신다음 표시한 부분을 다운로드 받아주시면 되겠습니다.

플러터에서 이미지를 확대하기 위해서 어떤 방법이 있을까 하고 찾아보다 좋은 위젯을 만났다. 현재 영어단어를 보고싶은데 이미지가 확대가 안되고 이렇게 봐선 뭐라고 쓰여있는지도 모르겠다. 이럴 땐 플러터에서 제공하는 InteractiveViewer로 해당 이미지를 보여주는 widget을 감싸주기만 하면 된다. InteractiveViewer( constrained: false, child: AssetThumb( asset: Asset(pickImage.image, "noimg.png", 400, 400), width: 400, height: 400, ), ), 안드로이드 스튜디오 에뮬레이터는 윈도우 기준으로 ctrl + 마우스로 줌이 가능하다. 또 한 InteractiveViewer는 플러터 Flutter ..

안녕하세요! 한글에서 영어로 locale을 하기위해서 easy_localization이라는 패키지를 이용했는데요. 잘 되다가 [WARNING] Easy Localization: Localization key [xxx] not found 이라는 오류를 무한으로 발생시키더라구요. 혹시 저와같은 상황을 겪으시는 분들이 있으실까하여 해결방법을 공유하고자 합니다. 저는 터미널에 해당 코드를 작성했구요. flutter pub run easy_localization:generate --source-dir ./translations -f keys -o locale_keys.g.dart source-dir. 뒤부터 locale을 하기 위해 저장해둔 json파일이 있는 경로로 위치를 잡아주시면 됩니다. 저는 transla..

안녕하세요. 욱쓰입니다. 밋밋한 Container에 둥글기와 그림자 효과를 적용해보고 알아보는 포스팅을 작성하겠습니다. 전체 둥글기 Container( width: 200, height: 200, decoration: BoxDecoration( color: Colors.teal, borderRadius: BorderRadius.circular(20), ), ) bottomRight에 둥글기 주기 (한쪽에만 둥글기 주기) Container( width: 200, height: 200, decoration: BoxDecoration( color: Colors.teal, borderRadius: BorderRadius.only(bottomRight:Radius.circular(30)), ), ) bottomL..

위 이미지처럼 StatusBar가 거슬릴 때가 있는데 둘 다 제거하는 방법과 상단과 하단을 따로따로 제거하는 방법을 함께 알아보는 시간을 가졌으면 좋겠습니다. 우선 packge를 불러온 후에 build함수 안에 해당 코드를 넣어주면 됩니다. import 'package:flutter/services.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'news_main.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key);..

이전에 인터넷을 보다가 재밌는 짤을 보게되었는데요. 코딩빌런님이 댓글을 코딩으로 작성하셨더라구요. 정말 신박한 컨셉이라 저도 class 공부도 할겸 dart언어로 코딩빌런님의 의도를 계승받아 작성해보겠습니다. 공부하더라도 재밌게 공부하는게 좋으니까요 ! 우선 Review라는 클래스에 맛,양,배달시간과 저는 추가로 who라는 리뷰하는 사람을 입력하는 변수하나를 작성해주고 생성자를 만들어주었습니다. class Review { int taste; int amount; int deliveryTime; String who; Review(this.taste, this.amount, this.deliveryTime,this.who);} 다음 reviewPrint라는 함수하나를 만들어주겠습니다. 이 함수에는 각 항목에..

학습한 정보를 바탕으로 api 플러터를 이용해 공공 데이터 포털 미세먼지 데이터를 가져와 앱을 제작해보았습니다. 기준 시간 이전에 미세먼지 기록들을 리스트로 불러와 확인이 가능하고 한눈에 쉽게 미세먼지 정보 확인이 가능하게끔 텍스트를 큼직하게 제작해보았습니다. 참고해서 필요한 부분을 수정하시며 그려보시면 많은 도움이 되실 것 같습니다