IT

Flutter 화면 배치에 쓰는 기본 위젯 정리

위젯 소개 Flutter 위젯은 React에 영감을 얻어 구축되었다. Flutter는 위젯으로 UI를 구성합니다. 1. Container 아무것도 없는 위젯으로 컨테이너 위젯을 사용하여 직사각형 시각적 요소를 작성할 수 있다. 컨테이너는 여백, 패딩, 가로, 세로 등 적용할 수 있다. 또한, 매트릭스를 사용한 3차원 공간에서 변환과 BoxDecoration으로 배경, 테두리, 그림자 등을 장식할 수 있고 child 프로퍼티로 다른 위젯을 자식으로 가질 수 있다. 다음은 Scaffold의 body 프로퍼티에 container를 작성한 예제이다. class _MyHomePageState extends State { @override Widget build(BuildContext context) { retur..

포토샵 대용으로 쓸만한 프로그램 김프(GIMP) 설치 후 무료폰트 적용하기

간단한 이미지 작업은 직접 해보고 싶어서! 이미지 편집 프로그램을 다운로드 하려고 했다! 대표 이미지 편집 프로그램인 포토샵을 사용하면 좋지만! 유료이기도 하고 뮤료 체험판(7일) 이후론 월 24,000을 내야하기 때문에 다른 이미지 편집툴을 찾던 중! 김프(GIMP)를 알게 되었다! 그러면 구글에 바로 김프를 검색해보자! 두둥 김치프리미엄이 뜨다니 아쉽게도 김프는 국내 사용자가 적은편이다 그러면 잡담은 여기까지 하고! 바로 gimp 설치 후 글꼴을 적용! https://www.gimp.org/ GIMP GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor www.gimp.org 사이트 이동 후 다운로드하여 프로그..

[Flutter] Firebase Cloud Firestore 사용하기 #2 컬렉션 생성

컬렉션 생성 파이어 베이스 콘솔 화면에서 Firebase Database를 선택 후 컬렉션 시작을 클릭한다. 컬렉션 ID를 입력하고 다음 버튼을 클릭한다. 컬렉션에는 Cloud Firestore의 저장소 단위인 문서가 하나 이상 있어야한다. 자동 생성된 ID를 사용하거나 필요한 경우 맞춤 ID를 입력해야 한다. 문서에는 데이터가 필드로 저장된다. (문서 ID 필드값이 없는 경우 자동 ID 버튼이 보여진다.) 문서 ID를 설정하고 컬렉션에 대한 필드를 작성하고 저장 버튼을 클릭한다. 그러면 컬렉션과 문서가 생성된다!! 다음에는 Flutter프로젝트에서 Firestore를 사용해보겠습니다!

[Flutter] Firebase Cloud Firestore 사용하기 #1 데이터베이스 만들기

데이터베이스를 만들기 전에 Firestore를 알아보자! Firebase에서 Firestore를 아래와 같이 설명하고 있다 https://firebase.google.com/docs/firestore Cloud Firestore는 클라우드에 호스팅되는 NoSQL 데이터베이스로서 iOS, Android, 웹 앱에서 기본 SDK를 통해 직접 액세스할 수 있다. Cloud Firestore의 NoSQL 데이터 모델에 따라 값에 매핑되는 필드를 포함하는 문서에 데이터가 저장된다. 이러한 문서는 데이터 정리와 쿼리에 사용할 수 있는 문서 컨테이너인 컬렉션에 저장된다. 그리고 문서 안에 또 다른 하위 컬렉션을 만들고 데이터베이스 증가에 따라 확정되는 계층적 데이터 구조를 만들 수도 있다. 문서에는 키-값 형태로 다..

[Flutter] Firebase Android 적용하기!

https://firebase.google.com/docs/flutter/setup?hl=ko Flutter 앱에 Firebase 추가 Flutter 앱에 Firebase 추가plat_iosplat_android 이 가이드에 따라 Flutter 앱에 Firebase 제품을 추가하세요. 참고: Firebase는 Flutter와 같은 프레임워크를 최선의 노력으로 지원합니다. 이러한 제품 추가는 Fireba firebase.google.com 파이어베이스 공식 문서에 Flutter 앱에 Firebase추가하기를 참고하여 작업했다! 1단계: Firebase 프로젝트 만들기 Firebase를 Flutter 앱에 추가하려면 먼저 앱에 연결할 Firebase 프로젝트를 만드세요. Firebase 프로젝트에 대한 자세..

쿠퍼티노와 머티리얼 디자인

쿠퍼티노 디자인 머티리얼 디자인은 안드로이드에 적용하려고 구글이 만든 디자인 규칙이므로 아이폰에는 어울리지 않는다. 아이폰스러운 디자인을 적용하려면 쿠퍼티노 디자인을 사용한다. flutter/cupertino.dart패키지에는 다양한 쿠퍼티노 디자인용 UI위젯이 준비되어 있다. 쿠퍼티노로 시작하는 이름의 클래스들이 이에 해당하며 사용 방법이 머티리얼 위젯과 비슷하므로 쉽게 적용할 수 있어 재미있게도 머티리얼 디자인과 쿠퍼티노 디자인 콘셉트를 섞어서 사용할 수 있고 안드로이드 앱을 아이폰스럽게 만드는 것도 가능하다.