분류 전체보기

[Flutter] 이미지 넣기

플러터에서 이미지를 띄울떈 어떻게 해야할까요? 그럴땐 Image 위젯을 사용합니다. 또한, Flutter에서 지원하는 이미지 포맷은 JPEG, PNG, GIF, WebP, BMP, WBMP 입니다. 다만, 웹에서 사용하는 img 태그의 경우 src에 네트워크든 로컬이든 상관 없이 경로를 추가하면 끝이였지만 Flutter의 경우 네트워크 이미지와 로컬 이미지를 불러오는 방식이 서로 다릅니다. 그러면 어떻게 불러오는 지 간단하게 알아보겠습니다! 네트워크 이미지 불러오기 Image.network() Image.network( 'https://flutter-ko.dev/images/flutter-logo-sharing.png'), 위와 같이 이미지 주소를 입력하면 Flutter가 이미지 파일을 다운로드해서 캐시..

Flutter 여백을 주는 위젯

Container 위젯 padding 프로퍼티를 사용하면 여백을 줄 수 있다. Container( padding: EdgeInsets.all(10), ) Padding 위젯 padding 프로퍼티를 사용하면 여백을 줄 수 있다. Padding ( padding: EdgeInsets.all(10), ) EdgeInsets은 뭔가요? padding, margin과 같이 네 개의 방향(상하좌우)에 여백을 줄 떄 사용하는 클래스입니다. TextDirection 의 영향을 받지 않습니다 EdgeInsets 인스턴스를 만드는 방법에 대한 몇 가지 예입니다. //모든 측면(상하좌우) const EdgeInsets.all(0.0) //세로(vertical), 가로(horizontal) const EdgeInsets.s..

관계형 데이터베이스란?

관계형 데이터베이스는 서로 관련된 데이터 포인트에 대한 액세스를 저장 및 제공하는 데이터 유형이다. 관계형 데이터베이스는 테이블에 데이터를 직관적이고 간단하게 표현하는 방법인 관계형 모델을 기반으로 한다. 관계형 데이터베이스에서 테이블의 각 행은 키라는 고유 ID가 포함된 레코드다. 테이블의 열에는 데이터의 속성이 들어 있으며, 각 레코드에는 일반적으로 각 속성에 대한 값이 있으므로 데이터 포인트 간의 관계를 손쉽게 설정할 수 있다. https://www.oracle.com/kr/database/what-is-a-relational-database/

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를 사용해보겠습니다!