프로그래밍/flutterflow로 어플만들기
-
flutterflow 사용해서 앱 만들기 - (7) 답변 페이지 디자인 수정프로그래밍/flutterflow로 어플만들기 2023. 4. 9. 19:26
flutterflow 사용해서 앱 만들기 (7) 답변 페이지 디자인 수정 진도를 더 나가기 전에 기출문제 페이지 디자인이 너무 구려서 좀 수정하고 가려고 한다. 우선 폰트는 시험 문제와 가까워보이는 나눔명조로 바꿨다. 위젯별로 변경 사항을 undo 할 수 있긴 한데 우선 디자인 수정 전에 현재 버전을 저장해둔다. 수정 전 버전 수정해야 할 내역 * 문제 카드를 백그라운드 컬러와 동일하게 * 문제 카드에서 튀어나온 부분 수정 (카드 형식) 문제카드 및 그 안의 텍스트들을 다 카드 위젯으로 감싸서 기본으로 텍스들에 다 카드 형태의 음영이 들어가 있고 카드 타입은 안의 백 그라운드 컬러 수정을 못해서 변경하고 싶은 card 타입을 container 타입으로 변경하였다. 변경 전 변경 후 그냥 바로 위젯 변경으..
-
MS bing image creater로 AI 이미지 자동 생성하기 (DALL-E)프로그래밍/flutterflow로 어플만들기 2023. 4. 8. 15:44
기출노트 어플에 사용할 이미지들을 최근에 무료로 풀린 MS bing image creater로 생성해보겠다. https://bing.com/create Bing Bing은 지능적인 검색 기능은 사용자가 원하는 정보를 빠르게 검색하고 보상을 제공합니다. www.bing.com:443 프롬프트에서 만들고 싶은 이미지 설명을 한다. 현재는 영어만 가능하다 원하는 이미지는 기출시험 목록 옆에 표시할 책들이나 시험이 생각 나는 이미지들이다. 아래와 같은 프롬프트로 이미지를 생성해 보았다 lots of books in the library 오 정말로 많은 책들이 ㅋㅋㅋㅋ 있는 사진이 나왔다. 사진을 하나씩 클릭하면 공유하거나 다운로드를 할 수 있다. 책을 한 쪽에 쌓아보도록 하겠다. books are stacked..
-
flutterflow 사용해서 앱 만들기 - (6) 페이지간 파라미터 전달프로그래밍/flutterflow로 어플만들기 2023. 4. 7. 22:57
flutterflow 사용해서 앱 만들기 (6) 페이지간 파라미터 전달 지금까지 기출 시험 리스트가 나열되는 "메인 페이지"와 기출 문제가 나오는 "문제 페이지" 두 개를 각각 작성하였다. 이제 메인의 기출시험 카드를 클릭하면 그 카드에 해당되는 기출문제가 나오도록 두 페이지를 파라미터로 연결하는 작업을 해보겠다. 기출 시험 카드를 선택하고 오른쪽의 액션 플로우로 이동해서 "Add Action" 버튼을 클릭한다. 그리고 카드를 클릭할경우 문제리스트 페이지로 이동하도록 선택을 한다. 그리고 이동시 전달할 파라미터를 Parameters 섹션에서 선택할 수 있다. 이동하는 페이지에 이미 정의된 파라미터가 있을 경우 Pass 버튼을 선택해서 기존 파라미터를 선택하고 기존에 설정된 파라미터가 없거나 새로운 파라미..