개발 (27) 썸네일형 리스트형 [Flutter] ios 앱 빌드중 앱 아이콘 투명 포함 에러 해결방법 앱을 심사에 넣기 위해 xcode에서 빌드 중 The large app icon in the asset catalog in “Runner.app” can’t be transparent or contain an alpha channel. 이와 같은 에러가 발생하였습니다. 간단히 말하면 앱아이콘에서 투명이미지를 포함했기 때문에 발생한 에러입니다. 이 에러를 해결하기 위한 방법은 아래와 같습니다. 목차 1. 앱 아이콘 이미지 파일에서 투명 부분 없애기 2. flutter_icon 라이브러리 등록 및 앱 아이콘 등록 3. 터미널 명령어 실행 앱 아이콘 이미지 파일에서 투명 부분 없애기 https://onlinepngtools.com/fill-transparent-png-pixels Fill Transparent.. [Flutter] 애플로그인 구현하기 대표이미지 및 소개글 목차 1. sign_in_with_apple 라이브러리 사용방법 2. 애플로그인 실제 코드 sign_in_with_apple 라이브러리 사용방법 flutter pub add sign_in_with_apple 터미널에 위 명령을 실행시키면 pubspec.yaml 파일에 sign_in_with_apple 라이브러리가 추가됩니다. dart파일에서 라이브러리에 있는 함수들을 사용하기 위해서는 아래 import문을 작성해 주면 됩니다. import 'package:sign_in_with_apple/sign_in_with_apple.dart'; 이후 애플로그인을 구현하는 코드는 간단합니다. SignInWithAppleButton( onPressed: () async { final credent.. [Flutter] 깨진 한글 json string 정상적으로 디코딩 하기 한글데이터로 json string으로 response 받고 그것을 바로 json.decode 함수로 디코딩해주면 json string이 깨져 이상한 값을 반환 받을 수 있습니다. 따라서 다음과 같이 먼저 utf8.decode함수를 사용하여 8비트 정수목록을 string으로 변환시켜준뒤 json.decode로 디코딩하면 정상적인 값을 받을 수 있습니다. final data = json.decode(utf8.decode(response.bodyBytes)); [Flutter] dio로 쉽게 서버에 image 파일 업로드하기 오늘은 dio 라이브러리를 통해 이미지 파일을 MultipartFile로 변환 후 서버에 업로드하는 방법을 살펴보도록 하겠습니다. 목차 1. dio 라이브러리 2. 서버 업로드 코드 dio 라이브러리 dio 라이브러리는 Dart/Flutter를 위한 강력한 HTTP 네트워킹 패키지로 글로벌 구성, Interceptors, FormData, Request Cancelation, 파일 업로드/다운로드, Timeout, Custom Adapter, Transformers 등을 지원합니다. 터미널 명령어 실행 혹은 직접 pubspec_yaml 파일에 추가하시면 라이브러리가 설치됩니다. 서버 업로드 코드 Future uploadImage(File file) async { try { // 파일 경로를 통해 form.. [Flutter] image 파일의 image 사이즈 조절하기 사이드 프로젝트를 진행하다가 image 파일의 image 사이즈를 조절하는 기능을 추가할 일이 생겨서 방법을 찾아보다가 image라는 라이브러리를 사용하여 이미지 파일의 image 사이즈 조절하는 방법을 알게 되어 정리해보려고 합니다. 목차 1. image 라이브러리 2. image 사이즈 조절하는 코드 image 라이브러리 터미널 명령어 실행 flutter pub add image 직접 pubspec_yaml에 입력 dependencies: image: ^4.1.7 둘중에 편한 방법으로 라이브러리를 install 해주시면 됩니다. 다트 이미지 라이브러리는 다양한 이미지 파일 형식으로 이미지를 로드, 저장 및 조작할 수 있는 기능을 제공합니다. 지원되는 이미지 파일 형식은 다음과 같습니다. image 사.. [Flutter] 이미지 파일 용량 줄이기 flutter에서 이미지 용량을 줄이는 기능을 제공하는 라이브러리는 3개 정도 있습니다. image_picker flutter_image_compress flutter_native_image 오늘은 이 중에서 flutter_image_compress 라이브러리를 통해 이미지 파일 용량을 압축하는 방법을 설명드리겠습니다. 목차 1. image_compress 라이브러리 소개 2. 이미지 용량 압축 코드 설명 image_compress 라이브러리 소개 flutter에서 image_compress 라이브러리를 사용하기 위해선 우선 pubspec_yaml 파일 dependencies 부분에 라이브러리를 추가해줘야 합니다. 라이브러리를 추가하는 방법은 2가지가 있습니다. pubspec_yaml 파일에 직접 입력하.. [Flutter] enum 사용하기 enum 기본 적인 사용 방법 및 용도 다른 언어와 마찬가지로 Flutter에서 지원하는 dart에서도 enum을 사용할 수 있습니다. enum은 열거형 상수로 어떤 int 값에 영문 상수명을 지정하여 영문 상수명으로 int 값을 가져올 수 있습니다. enum Color { red, green, blue } 간단하게 위 Color enum은 red = 0, green = 1, blue = 2가 매칭됩니다. print(Color.red) // 0 출력 따라서 print 인수에다 Color.red를 입력하면 0이 출력됩니다. 이렇게 어떤 숫자에 영문 상수명을 부여해서 조건문이나, 어떤 숫자 혹은 코드가 특별한 의미를 가질 때 사용하면 인적오류를 범할 가능성이 낮아지고 코드가 직관적으로 보입니다. enum 활.. HTTP 개념정리 flutter 프로젝트를 진행하고 있는 중에 통신단을 작업하기 전에 웹 및 앱에서 주로 사용하는 통신 방식인 HTTP 통신에 대해 정리하려고 합니다. 목차 1. HTTP 란? 2. HTTP 시퀀스 3. HTTP 특징 4. http 요청(request) 구조 5. HTTP 특징 HTTP 란? HTTP는 Hiper Text Transfer Protocol의 약자로 월드 와이드 웹의 토대이며 하이퍼텍스트 링크를 사용하여 웹 페이지를 로드하는 데 사용됩니다. 여기서 하이퍼 텍스트란 하이퍼 링크를 나타낼 수 있는 텍스트를 의미합니다. 하이퍼 링크란 웹 상에서 흔히 볼 수 있는 밑줄로 되어있는 링크로 이 링크를 통해 연결되어 있는 사진, 동영상, 웹 등에 접속할 수 있습니다. 한마디로, 하이퍼 링크를 통해 사용자가.. [Flutter] json 객체 배열 파싱하는 방법 오늘은 flutter에서 json 객체 배열을 파싱하는 방법을 정리해 보겠습니다. 일반 json 객체는 두 단계를 거치면 됩니다. json.decode -> Model.fromJson 이렇게 두 단계를 거치면 Model 클래스 객체의 멤버변수에 json 값들이 저장됩니다. 하지만 json 객체 배열은 한 단계가 가운데에 추가되는데요. 간단한 방법이니 보고 바로 적용하시면 될 것 같습니다. json 객체 배열 파싱 코드 List list = json.decode(card_json); // json string 변수 : card_json return new List.generate(list.length, (index){ return Card_ViewModel(card_model: Card_Model.from.. [FLUTTER] COLUMN 제약조건(UNBOUNDED HEIGHT) 간혹 가다 Column을 중첩해서 쓰게 될 일이 있는데 나는 body부분에 tab bar를 쓰기 위해서 column을 중첩해서 사용하였다 헌데 계속 renderflex children have non-zero flex but incoming height constraints are unbounded. 아니면 horizontal viewport was given unbounded height와 같은 오류가 난다. 직관적으로 봤을때 제한되지 않는 크기 때문에 문제가 된다는 느낌을 받는다. 오류가 난 이유는 column은 세로축으로 무제한 확장하며 부모 위젯이 있는 경우에는 부모 위젯의 height에 높이가 맞춰진다. 하지만 column child에 column이 들어가면 부모의 height이 infinity.. 이전 1 2 3 다음
