본문 바로가기

반응형

Flutter-플러터

Flutter ListView : physics 리스트의 스크롤을 컨트롤 할 수 있는 기능이다. NeverScrollableScrollPhysics 스크롤이 안되게 할 수 있다. 리스트 위젯 안에 리스트를 만들 때 사용된다. BouncingScrollPhysics 리스트의 시작점에서 스크롤을 아래로 내리면 바운스 하듯이 튕기듯 효과를 낸다. IOS느낌 ClampingScrollPhysics 리스트 시작점에서 스크롤을 아래로 내리면 큰 변동 없이 끝을 낸다. 안드로이드 느낌 FixedExtentScrollPhysics 스타워즈 시작부분처럼 곡선으로 글자가 스크롤되어 보여진다. 더보기
플러터로 첫 코딩하기! 20 - Container 에 Image넣기! 플러터의 위젯으로 못만드는건 없지만 (아마도..?) 때론 외부의 힘을 빌려 빠르게 진행하는게 더 현명할 때가 있습니다. 대표적으로 어플 내에 Image가 그렇습니다. 모바일 화면이 작다보니 정보전달을 위해서 사진이나, 카피라이터로 전달하면 더 좋을테니까요 먼저 Image를 사용하기 위한 작업 순서 먼저 알려드리겠습니다. 1. yaml 파일로 들어가서 assets : pubget하기 ->assets 라고 안지어도 됩니다만 음 뭐랄까 전세계 플러터 사용자들의 공통된 약속이라 생각해주세요 2. project 디렉토리 내에 assets 파일 생성하기 3. assets 파일에 넣고 싶은 image파일 넣기 4. 사용하기 Image(''); 1. yaml 파일 가장 중요한 부분이 있습니다. 띄어쓰기 입니다. Ima.. 더보기
Flutter Map 1 - 얇은 복사 와 깊은 복사 Flutter Map을 공부중이다. 데이터의 이동이 들어가는 앱 개발을 하니 Json을 배워야 한다 Json은 플러터 Map과 형태가 같다. 즉 Json형태의 데이터를 다루려면 Flutter Map을 이해해야 한다. 오늘 이해한 건 얇은 복사와 깊은 복사의 개념이다. 우리는 워드로 작성한 파일을 저장한다. 저장 할 때 두가지 방식이 있다. 1. 저장 2. 다른이름으로 저장 얇은복사는 1번과 유사하다. 공간과, 값 모두가 똑같이 복사 된다. 깊은복사는 2번과 유사하다. 값은 같지만 공간이 달라지게 된다. 그래서 배열(리스트)안에 있는 값들을 변경하고 싶으면 깊은복사 단순히 리스트의 값만 읽고 싶을 때는 얇은 복사를 하면 된다. 더보기
firebase flutter 정리 Different Types of Snapshots in Flutter (mukhtharcm.com) [Flutter] - Firebase FireStore 총정리 · Funncy's Blog [Flutter] - Firebase FireStore 총정리 Flutter에서 FireStore 사용했던 내용을 기록하였다. funncy.github.io [Firebase] Firebase 쿼리 알아보기(FireStore Query) (tistory.com) [Firebase] Firebase 쿼리 알아보기(FireStore Query) 안녕하세요 Foma 👟 입니다! 오늘은 파이어스토어에서 원하는 조건으로 데이터를 가져올 수 있는 여러 쿼리문에 대해서 알아보겠습니다! WhereField isEqualTo 필드.. 더보기
플러터로 첫 코딩하기! 19 - Container 꾸미기 얼마전 플러터로 첫 앱을 출시를 했습니다. 앱을 만들고 출시하면서 느낀게 있습니다. 앱 자체의 기능도 중요하지만 디자인이 더 중요하다 라는 사실을요. 그 이유는 내가 만들 앱은 이미 구글플레이나, 앱스토어에 있습니다. 그렇기에 수 많은 어플과 차별점을 두려면 바로 디자인과 Ux에 집중해야 합니다. Container를 그저 흰 박스로 만들지 , 아름다운 색을 넣고, 목적에 맞는 도형으로 만들어서 미각적인 효과를 가진 박스로 만들지 앱 개발자가 꼭 고민해야 하는 부분인 것 같습니다. Container를 꾸미기 위해서는 decoration을 사용해야 합니다. 아래 Container는 2020년 모바일 디자인 업계에서 트렌디하게 나타난 "뉴모피즘 " 디자인 입니다. 이 코드를 전부 공부하듯이 외울필요는 전혀없습.. 더보기
Flutter 인터넷 권한 부여하기 , 앱 버전 업데이트 후 출시하기 앱이 드디어 출시가 되었다. 하지만 문제가 생겼다. 앱 빌드하기전에 안드로이드 어플이 인터넷 권한 기능을 넣지 않아서 외부링크로 연결이 진행이 안되었다. app /src/main/androidmainfest.xml 로 가서 다음 코드를 넣어준다! 위치는 다음과 같다 다음은 기존에 올린 어플을 버전 업데이트다 yaml파일에서도 수정이 가능하지만 난 build.gradle 에서 직접 버전을 수정해주었다. versionCode 정수숫자 versionName '1.1.2' 보통은 1.1.0 작은 업데이트는 맨 뒷자리를 수정해주고 큰 업데이트는 맨 앞자리를 수정해준다. 가운데숫자는 맨 뒷자리 숫자가 9가 넘어갔을 때 수정하면 된다. 다시 검토중.....하아 ㅠㅠㅠ 기다림의 시작이다 더보기
플러터로 첫 코딩하기! 18 - Padding과 Margin 처음엔 왜 이런 기능이 있는지 이해를 못했습니다; 그냥 Row나, Column으로 정렬을 하면 그만 아닌가? 싶었습니다. 하지만 Row, Column으로는 Padding과 Margin 기능을 절대 할 수 없다는 걸 깨닫고 저 또한 애용중입니다. 모바일 화면을 구성할 때 가장 중요한 부분이 "여백" 입니다. 작은 화면에 위젯들이 빽빽하게 넣어져 있다면 가독성면으로 좋지 않습니다. 그런 "여백"을 깔끔하게 만들어 주는게 바로 Padding과 Margin입니다. 하지만 차이점이 있습니다. Padding은 안쪽 Margin은 바깥쪽 여백을 만들어 줍니다. Container( padding : EdgeInsets.all(설정값) || EdgeINsets.fromLTRB(설정값,설정값,설정값,설정값) margin .. 더보기
List, Set, Map, 그리고 for문 데이터를 연동하는 어플들은 수집된 데이터를 데이터 베이스에 보내야 한다. 작은 규모의 데이터라면 상관 없지만 그 수가 수만, 수십만이 되면 관리하기가 어렵다. 그렇게 해서 나온게 List, Set,Map 이다. 데이터를 정해진 틀에 박아넣어서 관리하기가 쉬워진다. 1. List List List이름 = {}; List.length = 리스트 안에 있는 값의 갯 수 List.add = 리스트 안에 값을 추가 List.remove= 리스트 안에 값을 제거 List.indexof = 해당 값의 index를 받아본다. 2.Set List와 동일 하지만 차이점은 List는 중복되는 값을 받을 수 있는 반면에 Set은 중복되는 값을 넣지 못한다. 그래서 List안에 중복되는 값이 있을 때 Set을 많이 사용한다. .. 더보기

반응형