you've got to find what you love. you've got to find what you love.

flutterflow 사용해서 앱 만들기 (5) 메인페이지 생성 메인 페이지 생성 메인 페이지는 위와 같은 flutterflow의 페이지 샘플을 가져와서 간단하게 수정해서 사용하려고 한다. 대충 안쓰는 영역 지우고 내용을 채웠는데 문제는 한글 폰트가 너무 구리다;; 급하게 무료로 사용할 수 있는 폰트 검색해보다가 나눔손글씨 폰트 봤는데 따악단단, 열아홉의 반짝임이 기출노트 어플의 취지(공무원 시험 준비, 수능 시험 준비)와도 맞는 것 같아서 사용 결정했다. 나눔손글씨 글꼴은 기업 및 단체 또는 개인 누구나 무료로 사용할 수 있습니다. 다만, 나눔손글씨 글꼴 자체를 유상으로 제공, 판매, 배포하는 것은 금지됩니다. 한글 폰트 https://hangeul.naver.com/font https://clova...

flutterflow 사용해서 앱 만들기 (4) 시험 문제 페이지 생성 기출문제가 나열되는 시험 문제 페이지를 생성하고 firestore에 저장한 기출문제와 연결해 보겠다. 아래와 같이 리스트뷰를 만들고 시험 문제를 담을 텍스트 위젯들을 추가하였다. 우선 데이터 연결만 테스트할 것이라 디자인은 신경쓰지 않았다. 리스트뷰의 설정페이지에서 backend Query 탭을 클린한다. Query Type에서 Query Collection을 선택한 후 collection에서 방금 생성한 firestore collection을 설정한다. 시험 문제가 번호 순서대로 나와야 하니 Ordering에서는 question_no를 오름차순 정렬로 선택한다. 그리고 각각 텍스트 위젯의 설정으로 가서 Text 설정 부분을 클릭해서..

flutterflow 사용해서 앱 만들기 (3) firestore 컬렉션 생성 & 데이터 추가 데이터 저장 유형을 선택했으니 실제로 firestore 컬렉션을 생성해보겠다. 이 내용을 엄청 길게 썼는데 다 날아갔다 ㅠㅠ 대충 내용을 요약하면 flutterflow에서는 2단계 nesting만 지원해서 서브 컬렉션은 하나만 둘 수 있다는 것이다. flutterflow firestore에서 컬렉션 생성하고 데이터를 추가하였다. flutterflow 왼쪽 메뉴에서 firestore메뉴를 선택한다. + 버턴을 클릭해서 기출시험 문제를 저장할 gov_exam 컬렉션을 생성한다. 오른쪽의 manage Content를 누르면 csv 파일을 업로드해서 구조를 자동으로 설정하면서 데이터를 추가할 수 있다. google 스..