FLUTTER 썸네일형 리스트형 비전공자 코딩초보 1인 앱 개발 기록 나는 88년생이다. 나는 문과생이다. 나는 중국어 전공을 했다. 나는 코딩을 공부 하기로 했다. 처음에는 과외를 받았다. 시간당 2만원이었다. 내가 기초지식이 부족했다. 2시간 동안 남는건 어지러움 뿐이었다. 그 때가 21년도 1월이었다. 기초지식을 쌓아야 겠다고 판단했다. 도서관에 갔다. 책을 읽었다. 그렇게 읽은 책이 21년 1월 부터22년 12월 14일 기준 94권의 책을 빌렸다. 물론 모두 다 코딩관련된 책은 아니다. 중복으로 빌린 책도 있다. 코딩 관련된 책은 대~충 60권 정도 되는 것 같다. 처음엔 책 하나 하나 다 이해를 못했다. 그래도 상관없었다. 다음책에서 읽었던 책의 내용이 나왔다. 코딩의 세계를 조금이나마 알게 되었다. 그렇게 책에 있는 내용들이 눈에 들어올 때 쯤 앱 개발을 해야 .. 더보기 플러터 텍스트필드 콤마 적용된 숫자 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.. 더보기 뉴모피즘 디자인 디자인 커뮤니티 Dribble의 사용자 알렉산더 프라이토가 자신의 작품을 올리면서 유행이 되었다. 굉장히 심플한 디자인, 입체적인 디자인으로 디자인 업계에서 금방 유행이 되었다. 하나의 색상을 이용하여 빛과 그림자로만 입체적인 느낌을 낸다 이러한 결과로 사용자로 하여금 눌러보고 싶어지는 마음을 들게 한다. 하지만 단점도 있다고 한다. 시각장애인들이 보기가 불편한 디자인이고 버튼이 눌러져있는지, 아닌지 확인하기가 어렵다는 것이다. 이것은 사용자로하여금 불편한 느낌이 들 수 있으니 , 복잡한 UI를 구성하고 있다면 피하는것이 좋다. 뉴모피즘에 관한 더 자세한 정보 01화 뉴모피즘은 새로운 UI 트렌드가 될 수 있을까? (brunch.co.kr) 01화 뉴모피즘은 새로운 UI 트렌드가 될 수 있을까? Do w.. 더보기 비전공자가 컴퓨터 배경 지식의 중요성을 알게된 계기 -GoF 디자인패턴 플러터를 제 인생의 첫 개발언어로 선택하고 공부하고 있습니다. 그리고 플러터를 공부하기 위해 시중에 있는 여러 플러터 책을 찾아보고 공부했었습니다. 그리고 느낀 점은 시중에 있는 플러터 책은 처음 코딩을 접하는 사람들에게는 엄청 불친절한 책이라는 것이였습니다. 코드 설명을 할 때 a 라는 함수를 사용하면 결과는 A다. 그러니 이렇게 사용하면 된다. 라고만 적혀져 있을 뿐 입니다. a라는 함수는 왜 a 라고 부르는지, 그 결과 값이 왜 A가 나오는지에 대한 설명은 책에서 자세히 다루지 않기에 제가 만들고 싶어하는 여러 어플들이 위 책의 내용만으로는 절대 실현 할 수 없다는 걸 알게 되었습니다. 사실 저는 2021년 12월 즈음에 자바를 잠깐 공부했었습니다. 숨고라는 어플을 통해서 코딩 1:1 과외를 받아봤.. 더보기 Get X 1편 - Get X에 대해 getx/README.ko-kr.md at master · jonataslaw/getx (github.com) GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies eas Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies easily with Get. - GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bottomSheets without c... github.. 더보기 플러터 Stateful 위젯의 생명주기 ?? 비전문가인 내가 플러터를 배우는 모든 순간이 위기이다. 오늘의 위기는 Stateful 과 Stateless 위젯의 차이점의 대한 이해이다. 코딩책을 읽다보면 정말 고이고 고인 분들이 코딩의 세계를 만들었다는게 느껴진다. 어플을 만들기 위해서는 화면을 꾸며야 한다. 요즘 대부분의 어플들은 화면에 정적인 정보보다는 동적인 정보도 같이 제공해주는 경우가 많다. 예를들어 날씨어플, 실시간으로 버스 동선, 비트코인의 쉼 없이 움직이는 그래프 등등 이러한 동적인 정보를 화면에 구성하기 위해서는 Stateful 위젯을 사용해야 한다. Stateful 위젯에 대해서 알아보는 중 "생명주기" 라는 단어가 날 더 혼란스럽게 했다. 내가 이해한 바로는 Stateful 위젯의 생명주기 == 정해진 실행순서 이다. 곰곰히 생각.. 더보기 이전 1 2 3 다음
