본문 바로가기

반응형

플러터

플러터 폴드화면 대응 방법 flutter_screenutil 패키지 현재 만들고 있는 부가세 계산기 목표출시일은 12월 20일 , 시간이 없다. 그래서 진행중인 어플을 안드로이드 스튜디오에서 에뮬레이터로만 돌리다가 나의 폴드3에 저장시켰다. 헉쓰 에뮬레이터에서 시원시원하게 폰트를 키웠던게 후면부 넓은 화면에서는 좋은데 전면부 화면에서는 오버플로우가 생겼다. 방법을 찾아보니 아래 방법이 나왔다. final double _width = MediaQuery.of(context).size.width; final double _fontSize = _width > 400.0 ? 15.5 : 13.0; 그리고 연관검색어에 screenutil 패키지가 떠있길래 들어가보았더니 flutter_screenutil | Flutter Package (pub.dev) flutter_screenu.. 더보기
플러터 텍스트필드 콤마 적용된 숫자 String => double변환 저번시간에 텍스트 필드에 입력된 값으로 부가세 계산식을 적용시켰다. 그리고 결과값 숫자에 콤마를 넣었다. 아주 기뻤다. 그 기쁨은 곧 절망이 되었지만.......... 다음단계로 텍스트 필드에 intl 패키지를 이용해서 콤마를 넣었다. 여기서 문제가 생겼다. 콤마를 입힌 숫자는 데이터 타입이 double이 아닌 String이 되었다. 이 문제를 인지한 것도 하루가 꼬박 걸렸다. 3일에 걸쳐 해결했다. 플러터 까페에 질문글을 올렸고 고수님들의 댓글로 방향성을 잘 잡을 수 있게 되었다. 문제 인지 1. 텍스트 필드의 값은 숫자이지만 콤마가 찍혀서 String 2. 계산식을 넣으려면 값은 double로 만들어야함 3. 계산식으로 나온 결과값도 콤마가 필요하니 String 필요한 변수 1. 텍스트 필드 컨트롤러.. 더보기
플러터로 첫 코딩하기! 14 - Column ,Row 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 - body : Column ,Row 사진처럼 검은색 박스 안에 있는 부분이 바로 body 부분입니다. 어플의 주요 화면들이 이 곳에 들어갑니다. 이 화면을 구성을 할 때 가장 중요한 개념이 바로 Column과 Row 입니다. Column은 "세로" Row 는 "가로" 바로 위에 적은 개념이.. 더보기
플러터 숫자 천원단위 콤마 입히기 Format 부가세 계산기를 만들면서 Text값으로 나오는 숫자들에 천원단위 콤마 입히기가 너무 힘들었다. 구글링 해도 그냥 함수만 적어주셔서 어떻게 적용해야 하는지 애를 먹었다. 물론 제가 했던 방법이 옳은 건 아니니 참고만 하세요 먼저 yaml 파일에 intl : pubget dependencies: intl: ^0.17.0 그런다음 해당 페이지에 임포트 import 'package:intl/intl.dart'; 그리고 나는 comma변수를 먼저 선언해주었다. NumberFormat안에 형식을 만들면 된다. 숫자 옆에 '원'도 표시하고 싶으면 ("###,###,###,### 원"); 이런식으로 적으면 된다. 맨 앞에 $ 표시도 적을 수 있을 듯 하다. ("$###,###,###,### 달러"); 요렇게 class.. 더보기
비전공자가 컴퓨터 배경 지식의 중요성을 알게된 계기 -GoF 디자인패턴 플러터를 제 인생의 첫 개발언어로 선택하고 공부하고 있습니다. 그리고 플러터를 공부하기 위해 시중에 있는 여러 플러터 책을 찾아보고 공부했었습니다. 그리고 느낀 점은 시중에 있는 플러터 책은 처음 코딩을 접하는 사람들에게는 엄청 불친절한 책이라는 것이였습니다. 코드 설명을 할 때 a 라는 함수를 사용하면 결과는 A다. 그러니 이렇게 사용하면 된다. 라고만 적혀져 있을 뿐 입니다. a라는 함수는 왜 a 라고 부르는지, 그 결과 값이 왜 A가 나오는지에 대한 설명은 책에서 자세히 다루지 않기에 제가 만들고 싶어하는 여러 어플들이 위 책의 내용만으로는 절대 실현 할 수 없다는 걸 알게 되었습니다. 사실 저는 2021년 12월 즈음에 자바를 잠깐 공부했었습니다. 숨고라는 어플을 통해서 코딩 1:1 과외를 받아봤.. 더보기
플러터 Stateful 위젯의 생명주기 ?? 비전문가인 내가 플러터를 배우는 모든 순간이 위기이다. 오늘의 위기는 Stateful 과 Stateless 위젯의 차이점의 대한 이해이다. 코딩책을 읽다보면 정말 고이고 고인 분들이 코딩의 세계를 만들었다는게 느껴진다. 어플을 만들기 위해서는 화면을 꾸며야 한다. 요즘 대부분의 어플들은 화면에 정적인 정보보다는 동적인 정보도 같이 제공해주는 경우가 많다. 예를들어 날씨어플, 실시간으로 버스 동선, 비트코인의 쉼 없이 움직이는 그래프 등등 이러한 동적인 정보를 화면에 구성하기 위해서는 Stateful 위젯을 사용해야 한다. Stateful 위젯에 대해서 알아보는 중 "생명주기" 라는 단어가 날 더 혼란스럽게 했다. 내가 이해한 바로는 Stateful 위젯의 생명주기 == 정해진 실행순서 이다. 곰곰히 생각.. 더보기
내가 이제 막 코딩을 접하는 친구에게 코딩을 설명한다면? © weareprocreator, 출처 Unsplash 나는 #숨고 라는 어플을 통해서 1:1 코딩 교육을 받았다. 과외선생님은 KT에서 AI 알고리즘을 짜는 대단한 분이셨다. 문제는 과외선생님과 나의 지식의 갭이 너무 크다보니 내가 선생님 설명의 10%도 이해를 못한다는 것이다. 다시금 느낀게 공부를 잘하는 능력과 공부를 잘 가르키는 능력이 같지는 않다는 것이다.. 수업 첫 날 코딩의 코자도 모르는 나에게 백준 홈페이지에 들어가 문제를 풀게하셨다...(대혼란 환장파티) 수업때마다 과외선생님의 "왜 이걸 이해못하지???" 표정을 볼 때마다 죄책감만 들었다.. 무튼 내 주변에 코딩을 이제 막 시작하는 친구가 있다면 난 코딩에 대해서 이렇게 설명해주고 싶다. 컴퓨터는 숫자 0과 1 밖에 인식을 하지 못한다... 더보기
코딩을 시작한 이유 그리고 그간의 기록 나는 부천에서 #콩나물불고기 #찜닭 을 팔고 있는 #찜콩 을 운영하고 있다 ​ 음식점을 운영하고 5년여간 #편리한가계부 어플을 사용하고 있다 ​ 해당 가계부 어플은 타겟이 일반인이다 보니 평사시에 사용할 때는 큰 문제가 없었지만 부가세, 종소세, 인건비 신고를 하는 시기에는 다시 엑셀로 정리했다 ​ 이 부분의 큰 불편함을 느꼈고 내가 가계부 어플을 만들어 보면 어떨까? ​ 내가 매일 입력하는 가계부가 세금, 인건비를 신고할 때 자동으로 정리까지 해주는 어플을 만들어보자 © StartupStockPhotos, 출처 Pixabay ​ ​ ​ 라는 생각에 코딩에 관심을 가지게 되었다. ​ 처음은 자바를 배웠다 백준 알고리즘 사이트도 틈틈히 이용했다 ​ 독학으로 하니 너무나 어려웠고 ​ #숨고 에서 과외선생님을.. 더보기

반응형