[Flutter]field does not exist within the documentsnapshotplatform 오류 해결하는 방법
2022. 11. 15. 14:54
Flutter
오늘은 데이터 베이스 관련 코드 작성 중 나타난 오류 field does not exist within the documentsnapshotplatform에 대해서 설명해 드리겠습니다. field does not exist within the documentsnapshotplatform 오류는 말 그대로 필드가 documentsnapshotplatform 안에 존재하지 않는다는 것입니다. 따라서 출력하려고 하는 필드에 있는 필드명을 한 번 확인해 보신 후, firebase라면, firestore database에 있는 필드네임과 같은지 확인 해보신 후, 맞게 고쳐주시면 오류가 해결됩니다! 글 만으로 오류 해결이 안 되셨다면, 댓글을 남겨주세요. 오류 해결 도와드리겠습니다.
[Flutter] 카테고리 버튼 만들기 / DropdownButton위젯
2022. 10. 18. 13:47
Flutter
오늘은 Flutter App 제작 과정에서 카테고리 선택 버튼 만드는 법에 대해 알려드리려고 합니다! 우선 저희가 이용할 버튼을 이미지로 먼저 보여드릴게요. 위의 사진들처럼 오늘 만들 위젯은 카테고리를 선택할 수 있게 하는 위젯입니다. 또한 선택한 값이 화면에 표시되게 하는 위젯입니다. class _DropdownButtonTestState extends State { //화면에 선택항목을 나타나게 할 값인 valueChoose String? valueChoose; //선택 항목들을 list로 만듦 List category =[ "카테고리 선택", "item1", "item2", "item3", "item4", ]; @override Widget build(BuildContext context) { re..
[Flutter] Custom Font, 원하는 폰트로 변경하는 방법
2022. 10. 11. 14:34
Flutter
오늘은 어플을 제작하며 미적 완성도를 높이기 위해 이용하게 되는 폰트 변경 방법에 대해 알려드리겠습니다. 우선 원하시는 유료,무료 폰트를 구하셔야합니다. 만약 상업적 용도로 이용하게 된다면, 상업적 이용이 가능한 폰트로 구하셔야 해요! 저는 무료폰트인 NotoSans로 진행하도록 하겠습니다! NotoSans 다운로드는 아래 링크에서 하실 수 있어요 https://fonts.google.com/noto/specimen/Noto+Sans+KR 우선 글로 먼저 설명을 드리겠습니다. 1. Project 폴더 내에 이용할 Font들을 담을 폴더 생성 (예시에서는 assets폴더 생성 후, fonts를 생성하였습니다.) 2. 생성한 폴더에 다운받은 글꼴(폰트)을 넣습니다. 3. pubspec.yaml 파일로 이동하..
[Flutter] 사진 크기 조절은 BoxFit
2022. 10. 8. 15:21
Flutter
안녕하세요 오늘은 사진 크기 조절에 유용하게 사용할 수 있는 BoxFit에 대해 말씀 드리려고 합니다. 우선 어플을 제작하시던 중에 이런 상황을 겪은적이 있으실 것입니다. 이미지를 정사각형 모양으로 맞추고 싶은데 왼쪽 사진 처럼 이미지가 흰 공백을 포함하거나 뭔가 마음처럼 조절이 안 된 적이 있으실 것입니다. 하지만 이제 BoxFit을 이용할 수 있게 되면, Contain과 BoxFit으로 이미지의 크기와 형태를 자유자재로 조절할 수 있습니다. 우선 BoxFit은 총 6가지 옵션을 제공합니다. Contain : 원본의 비율 그대로 박스 안에 이미지를 넣는 것입니다.(이미지의 손실 X 라는 점에서 3,4와 차이가 존재) fill : 원본의 비율을 무시하고 박스를 가득 채우는 용도입..
[Flutter 오류 해결] Searching for inspections failed: undefined method `map' for nil:NilClass
2022. 10. 7. 16:52
Flutter
아까까지 잘 되던 시뮬레이터가 FilePicker를 받아오니 작동하지 않는다. 오류의 내용이 Searching for inspections failed: undefined method `map' for nil:NilClass이었는데, 구글링을 해보니 안드로이드 스튜디오 터미널에 sudo arch -x86_64 gem install ffi 을 적은 후, 설치하고 그 이후 ios 폴더로 들어가서(터미널에 cd ios 입력) 아래 코드를 적은 후, 마저 설치하면 된다고 한다. arch -x86_64 pod install 나도 위의 과정을 따랐고, 문제가 해결되었다.!
[Flutter] RichText, TextSpan 설명 및 사용방법
2022. 10. 4. 13:57
Flutter
이번에는 RichText에 대해서 설명해 드리려고 합니다. 어플을 만들던 중 스타일이 혼합된 문자를 표현해야 할 일이 생겨서 이용하게 되었는데요. 이때처럼 RichText는 한 줄에 여러 스타일의 문자열을 나타내기 위해 사용할 수 있습니다. 예를 들면 아래 사진 같이 한 줄에 빨간 볼드체와 검은색 볼드체를 함께 쓰는 상황이 있을 때 RichText를 이용하여 나타낼 수 있습니다. 먼저 RichText의 구조에 대해서 설명을 드리겠습니다. RichText는 옆의 사진과 같이 트리구조로 이용할 수 있습니다. 가장 상위에 RichText, 그 아래 부모 위젯으로 TextSpan이 오고 이 TextSpan부터 텍스트를 이용할 수 있습니다. 만약 여러가지 Text를 혼합하여 사용하신다면 TextSpan하위에 ch..
MAU,MCU,DAU에 대해 알아보자!
2022. 10. 3. 12:29
Flutter
스타트업 성과 지표 중 MAU, MCU, DAU라는 것들을 들어보셨던 적이 있으신가요? 이번에는 MAU, MCU, DAU에 대해서 설명해드리려고 합니다! 목차 MAU DAU MCU ACU MAU Monthly Activity User 월별 활성 사용자 MAU는 월별 활성 사용자를 말합니다. 예를 들어 A라는 어플에 이번달에 사용자가 4명이 이용했다면 MAU는 4입니다. 중복으로 세지 않기 때문에 1명이 100번 이용한다해도 MAU는 1입니다. MAU는 중복으로 세지 않는다는 점때문에 어플, 게임, SNS에서 성과지표로 주로 사용합니다. 보통 해당 서비스가 가지고 있는 사용자의 총 수 라고 봐도 무방합니다. DAU Daily Activity User 일별 활성 사용자 다음 DAU는 일별 활성 사용자입니다...
[Flutter] Expanded 위젯 설명
2022. 9. 30. 13:31
Flutter
Expanded 위젯? 말 그대로 넓혀준다는 의미입니다. Column, Row 안에서 사용이 가능하며 남은 공간을 할당할 수도 있고 2개 이상의 Expanded 위젯이 존재할 때에는 남은 공간을 차지하는 비율을 조절하여 나타낼 수도 있습니다. Expanded 위젯의 특징 Expanded를 활용하여 남는 공간 할당하는 방법 Expanded를 활용하여 2개의 위젯에 비율을 할당하는 방법 Expanded를 활용하여 3개 이상의 위젯에 비율을 할당하는 방법 Expanded 위젯의 특징 기본적으로 비율은 1로 할당되어 있습니다. 선행되는 위젯에서 할당한 부분이 있다면, 그 부분을 제외한 나머지 부분을 Expanded 끼리 나누어 할당합니다. Column과 Row 안에서 사용하지 않으면 오류가 발생합니다. Cont..