Flutter-플러터 썸네일형 리스트형 플러터 숫자 천원단위 콤마 입히기 Format 부가세 계산기를 만들면서 Text값으로 나오는 숫자들에 천원단위 콤마 입히기가 너무 힘들었다. 구글링 해도 그냥 함수만 적어주셔서 어떻게 적용해야 하는지 애를 먹었다. 물론 제가 했던 방법이 옳은 건 아니니 참고만 하세요 먼저 yaml 파일에 intl : pubget dependencies: intl: ^0.17.0 그런다음 해당 페이지에 임포트 import 'package:intl/intl.dart'; 그리고 나는 comma변수를 먼저 선언해주었다. NumberFormat안에 형식을 만들면 된다. 숫자 옆에 '원'도 표시하고 싶으면 ("###,###,###,### 원"); 이런식으로 적으면 된다. 맨 앞에 $ 표시도 적을 수 있을 듯 하다. ("$###,###,###,### 달러"); 요렇게 class.. 더보기 플러터로 첫 코딩하기! 13 - Appbar 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 -Appbar 오늘은 화면에 최상단에 위치해 있는 Appbar에 대해 알아보겠습니다. 어플을 제작 할 때 어플의 이름이나, 또는 해당 페이지의 이름을 설정합니다. 그 해당 페이지의 맞는 아이콘도 배치해 놓을 수 있습니다. 대표적으로 메뉴 페이지로 가는 "메뉴버튼" , 검색을 도와주는 "Sea.. 더보기 Flutter Path_Provider. 데이터 저장소 돌아오는 목요일이 초급 스터디 발표날입니다. 발표자료를 준비하면서 파일로 데이터를 저장하는 방법인 Path_Provider를 공부해보았습니다. 책에서 나온 사용방법으로는 도저히 이해가 안되어서 Path_Provider 관련 배경지식을 쌓을 겸 Flutter의 데이터가 안드로이드와 IOS에 각각 어떻게 저장 사용되는지 공부해보았습니다. https://velog.io/@phs811/Flutter-저장소-폴더-구조 Flutter 저장소 폴더 구조 (velog.io) 위 링크에 도움을 받았습니다. 앱의 저장소 이해하기 Path Provider를 통해서 안드로이드 IOS 사용 유무표가 아래에 있는데 이게 가장 중요한 부분이다. 위 사용 유무 표에 나와있는 관련 함수 아래의 함수들을 통해 일반적인 앱이 접근하여 사.. 더보기 Flutter Getter and Setter 날이 갈 수록 어려워지는 플러터 젠장 다음달 부가세 기간이라 원가계산기보다 부가세계산기를 만들어보자 라는 마음이 들었습니다. 바로 스케치 작업했고 코드를 짜기 위해 MVVM 모델로 클래스를 나누어놨습니다. 문제는 Model 쪽에 선언한 변수를 View 클래스에도 쓰고 싶었는데 잘 진행이 안되었습니다. 그러던 와중에 Model 변수를 캡슐화 즉 Getter and Setter 작업이 필요하다는 것을 알게 되었습니다. Flutter는 변수를 선언하면 공공재가 됩니다. 공공재가 되다보니 한 곳에서 변수의 값이 바뀌면 다른 곳에 쓰이던 같은 변수의 값이 변하게 되는 불상사가 발생됩니다. 그래서 이러한 일을 막기 위해 Model에 있는 변수는 _priavte 하게 먼저 선언을 해주고 필요한 곳에서 쓸 수 있게 p.. 더보기 플러터로 첫 코딩 하기! 12 - 화면 구성에 대해 목차 - 들어가기 - 코딩과 개발언어 - 왜 Flutter를 배워야 할까? - 용어 정리 1편 (다트.객체지향언어) - 용어 정리 2편 (변수.자료형) - 용어 정리 3편 (함수) - 용어 정리 4편 (조건문) - 용어 정리 5편 (반복문) - 용어 정리 6편 (플러터의 위젯) - 잠시 쉬어가기편 - 플러터는 어떤 IDE가 좋을까? IDE의 미래? - Flutter가 실행되는 구조 - Flutter 화면 구성에 대해 오늘은 Flutter 의 화면 구조에 대해 알아보겠습니다. 우리가 흔히 알고 있는 어플을 기억하신 다면 총 세 영역으로 나누어져 있다는 것을 알고 계실 것 입니니다. 그 세 영역의 정확한 명칭은 아래와 같습니다. 1. appbar : 제목 , 검색기능, 도움말등 보조적인 기능을 많이 넣습니다.. 더보기 [Navigator] Flutter Stack Navigator 는 Flutter에서 단순히 Page간의 이동 뿐만 아니라 1번 Page에 있는 Data를 2번 Page로 넘겨주는 역할을 합니다. Navigator를 이해하기 위해서는 Stack 과 Queue를 알아야 합니다. Flutter의 Page는 기본적으로 Stack 구조를 가지고 있습니다. 33333333. : 3번 Page 22222222. : 2번 Page 11111111111 : 1번 Page 00000000 : 0번 Page Stack의 특징으로는 한방향으로만 쌓는다. 위에 표시한 것과 같이 0번 Page에서 3번 Page 방향으로만 쌓을 수 있음 Top 즉 가장 높은 Page에서부터만 접근이 가능, 위 예시로는 3번 Page에서부터 접근 최상단의 Page = 최신 Data.. 더보기 카카오 API 받기 사용방법 1.yaml 파일에 "http :" 라이브러리 사용 2. 카카오 개발자 사이트에 들어가서 카카오 Rest API key 얻기 3. 받는 데이터 Url을 Json 식으로 바꾸기 //리스트의 데이터를 Json 식으로 받게 만드는 함수 Future getJsonData() async { setState(() { var dataConvertedToJson =json.decode(response.body); List result = dataConvertedToJson['documents']; data!.addAll(result); }); } return response.body; 4. 리스트 만들기 List.builder ( itemBuilder : (context, index){ return Card(.. 더보기 TextFormField 위젯 Flutter 사용자 입력 값 검증 위한 Form validation과 TextFormField (Sample code) (tistory.com) Flutter 사용자 입력 값 검증 위한 Form validation과 TextFormField (Sample code) Flutter에서 사용자 입력을 받기 위한 Widget은 TextField와 TextFormField가 2가지 Class가 있습니다. TextField은 사용자 입력을 받고, Widget의 GUI를 설정할 수 있는 Widget이고, TextFormField는 TextField 기능을 포함 kibua20.tistory.com 위 블로그를 보고 많은 도움을 받았습니다. 현재 만들고 싶어하는 원가계산기에 TextformField가 필요해서 공부를.. 더보기 이전 1 ··· 18 19 20 21 22 23 24 ··· 26 다음
