수니의 개발새발

Color Util 만들다가 피그마에서 바로 Color값 복붙해서 사용하는데 계속 16진수로 바꿔 사용하기 번거로워 HexColor Extension 클래스를 만들어버렸습니다. :) 📌 이번 글은 Dart에서 Hex값으로 색상 설정 HexColor Extension Class 정의 입니다. Flutter에서 Hex값으로 색상을 설정하는 방법 Color mainColor = const Color(0xffff6B6B); HexColor Extension 클래스 import 'package:flutter/material.dart'; extension HexColor on Color { static Color fromHex(String hexString) { Color color; try { String col..

📌 이번 글은 Flutter 프로젝트에 font를 적용하는 방법입니다. 1. 폰트 다운 Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 다른 환경에서 이.. cactus.tistory.com 2. 프로젝트에 폰트 tff파일 추가 Project > assets > fonts에 .otf 또는 .ttf 파일 추가. 저는..

아이맥으로 Flutter 프로젝트 작업을 하다가 맥북에 플러터 세팅을 하고 프로젝트를 가져와 작업을 하려는데 빌드만 하면 'CocoaPods not installed or not in valid state' 에러만 뱉는 나쁜 안드로이드 스튜디오... 구글링 하면서 여기저기 다 찾아보다가 한 시간 만에 겨우 해결했습니다. 스튜디오를 모두 닫고 터미널에서 아래 코드를 실행하면 아주 빌드가 잘됩니다. 😆😆😆😆😆 open /Applications/Android\ Studio.app 다른 방법도 여러개 봤는데 저는 안되더라고요. 혹시 몰라 다른 방법도 참조해놓겠습니다. 👇👇👇👇 'CocoaPods not installed or not in valid state' 오류 해결하기 #Android, #Kotlin, a..

📌 이번 글은 SeparatorBuilder를 사용하여 ListView를 만드는 방법입니다. ListView 1탄, 기본형 (with. List) 보러 가기. ListView 2탄, ListView.Builder 보러가기 먼저 ListView 2탄, ListView.Builder 포스팅에서 생성한 기본 Class (ListData, ListTile)가 정의되었다는 가정하에 포스팅을 진행하겠습니다. ListView.separated ListView.Builder 형태에서 구분선이 필요할 때 사용. 기존에는 index 사이에 Divider를 그려주기 위하여, 'index=0 -> Tile / index=1 -> Divider / index=3 -> Tile / ...' 이러한 형태로 구현할 수 있었다. 이렇..

📌 이번 글은 Bulider를 사용하여 ListView 를 만드는 방법입니다. ListView 1탄, 기본형 (with. List) 보러 가기. [Flutter] ListView (1) 기본형 (with. LIst) 📌 이번 글은 기본형 ListView 를 만드는 방법입니다. ListView 가장 일반적으로 사용되는 스크롤 위젯. 스크롤 방향으로 자식을 차례로 표시. 기본 class 정의 먼저 ListView 생성을 위해 필요한 기본 sunidev.tistory.com ListView 가장 일반적으로 사용되는 스크롤 위젯. 스크롤 방향으로 자식을 차례로 표시. 기본 class 정의 먼저 ListView 생성을 위해 필요한 기본 class 정의를 하겠습니다 :) ListData 정의 ListView에서 사..

📌 이번 글은 기본형 ListView 를 만드는 방법입니다. ListView 가장 일반적으로 사용되는 스크롤 위젯. 스크롤 방향으로 자식을 차례로 표시. 기본 class 정의 먼저 ListView 생성을 위해 필요한 기본 class 정의를 하겠습니다 :) ListData 정의 ListView에서 사용될 Data Class // (c) BasicListData - ListView Data Class class BasicListData { final String title; final String content; BasicListData(this.title, this.content); } ListTail 정의 ListView 자식에 넣어줄 ListTail 위젯 정의. ListTail 위젯은 정해진 규칙(?)..

📌 이번 글은 Flutter Widget을 만들 때 상속받는 StatelessWidget과 StatefulWidget의 차이점 정리입니다. 먼저 두 위젯은 Scaffold를 이용해 동일한 방식으로 화면을 구성합니다. StatelessWidget (SLW) 단 한번만 build 하여, 화면을 한 번만 그린다. 정적 화면 구현시에 사용하면 성능상 좋다. 👩🏻‍💻 예제 class SLWPage extends StatelessWidget { int _count = 0; @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( tit..

📌 이번 글은 pubspec.yaml 에서 사용되는 속성 정리입니다. 필요할 때마다 업데이트할 예정입니다. name 패키지명 dependencies 패키지가 사용하는 의존성 리스트 dev_dependencies 패키지가 사용하는 개발용 의존성 리스트