Flutter Provider - 꿀팁 ? ~ ? 🎈
·
Flutter
요즘 회사 업무 일이 바빠서 오랜만에 글을 적어봅니다 Flutter에서 Provider를 사용하면서 꿀팁들을 조금 정리해보았습니다. 카운터 앱 제작 dependencies: flutter: sdk: flutter provider: 우선, provider 패키지를 프로젝트에 추가하기 위해 pubspec.yaml 파일에 위와 같은 코드를 추가하고 패키지를 가져옵니다. 1. Flutter pub add provider 2. yaml 파일에 provider : 추가 후 Flutter pub get 두개중 편한대로 사용하시면 됩니다. count_provider import 'package:flutter/material.dart'; class CountProvider with ChangeNotifier { int ..
Android Spinner
·
Android
Spinner란 위와 같이 드롭다운 형태로 사용자가 원하는 아이템을 선택할 수 있도록 해주는 레이아웃입니다. Spinner 레이아웃 만들기 먼저 xml 파일에 Spinner 레이아웃을 만듭니다. TextView 는 Spinner 의 아이템들이 어떤 집합에 속하는지 나타내기 위해 만들었습니다. Spinner 안에 들어갈 아이템들을 저장하기 위해 values/string.xml 파일에 string array를 만듭니다. 테스트1 테스트2 테스트3 테스트4 ArrayAdapter 생성하기 Activity 혹은 Fragment 에서 ArrayAdapter 를 생성하여 Spinner 에 적용해줍니다. private fun initSpinner() { ArrayAdapter.createFromResource( re..
Flutter - 테스트 종류
·
Flutter
참고: https://flutter-ko.dev/docs/cookbook/testing https://mangkyu.tistory.com/182 [TDD] 단위 테스트와 TDD(테스트 주도 개발) 프로그래밍 방법 소개 - (1/5) 이번에는 여러 개발 서적들 및 실무 경험 그리고 시행 착오 등을 겪으면서 얻은 테스트 주도 개발 방법에 대해 소개해보고자 합니다. 이번 포스팅에서는 먼저 단위 테스트와 중요성 그리고 단위 mangkyu.tistory.com 플러터에서는 어떤 테스트 방법이 있을까? 플러터에서는 크게 Unit test, Widget test, Integration test 로 나누어져 있습니다. 공통 먼저, test 라이브러리를 import해주기 위해 flutter/pubspec.yaml 에 해..
Flutter - Test 2편
·
Flutter
2.이메일과 주민번호 테스트하기 2.1 테스트 예제 - 주민번호 확인하기 ( social security number validator ) 주민 번호는 앞에는 생년월일, 뒤에는 성별 및 주소로 되어 있죠. 이를 확인하는 정규표현식을 작성해 보겠습니다. field_validator.dart class FieldValidator { static bool validateSocialSecurityNumber(String input) { if (input.isEmpty) return false; ​ Pattern pattern = r'^[0-9]{2}(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|[3][01])-([1-4][0-9]{6})'; RegExp exp = RegExp(pattern); ​ ..
Flutter - Unit Testing
·
Flutter
플러터 유닛 테스팅 유닛 테스팅 (Unit Testing) 첨엔 핫리로딩의 효율성이 정말 좋다보니 테스팅을 할 필요성을 못 느꼈었는데요. 점차 코드를 추가하다보니 테스트를 해야겠단 생각이 들었습니다. 이번에 테스팅을 공부하면서 다트가 정말 잘 만들어졌구나 하는 걸 느꼈습니다. 사실 다트의 테스팅도 다른 테스트와 비슷합니다. 용어가 조금 다를 뿐이죠. 이번 글을 통해 제가 개발하며 배운 테스팅을 정리해보려 합니다. 플러터에서 쓰이는 테스트 방식은 크게 3가지인데요. 유닛 테스트, 위젯 테스트, 통합 테스트입니다. 뒤로 갈수록 테스팅의 규모가 커지는 대신, 시간이 더 오래걸리죠. 이번 글에선 유닛 테스팅을 알아보도록 할께요. 1. Unit Testing 유닛 테스팅은 메소트나 클래스처럼 작은 단위를 테스트할..
Android - Manifest & Components
·
Android
Manifest 안드로이드 시스템이 앱의 코드를 실행하기 전에 확보해야 하는 앱에 대한 필수 정보를 시스템에 제공하는 목록 앱의 패키지 이름 앱에서 사용되는 컴포넌트(액티비티, 서비스, 브로드캐스트 리시버, 컨텐트 프로바이더) 권한(Permission) 앱에서 요구하는 하드웨어와 소프트웨어 특징 1. Package name and Application ID 매니페스트 파일의 Root element() 에는 해당 앱의 패키지 네임이 반드시 기재되어야 합니다. "com.ready.example" 이라는 패키지 네임의 manifest 파일 ... 여기서 manifest의 패키지 네임은 우리가 앱을 빌드하여 APK 를 추출하는 과정에서 Android Build Tool 에 의해 다음 2가지 목적으로 사용됩니다...
Flutter - runApp() , Widget
·
Flutter
runApp() runApp 함수는 Flutter 애플리케이션을 실행하는 데 사용되는 최상위 함수. runApp 함수는 애플리케이션의 루트 위젯인 단일 매개변수를 사용. 이 루트 위젯은 앱의 최상위 위젯이며 앱의 다른 위젯을 만들고 관리하는 역할. Widget 위젯 Flutter에서 위젯은 사용자 인터페이스의 기본 구성 요소 버튼, 텍스트 필드, 이미지 등과 같은 앱의 시각적 및 대화형 요소를 정의하는 데 사용 위젯은 웹 개발에서 HTML 요소와 동일하다고 생각할 수 있다 StatelessWidget StatelessWidget은 일단 생성되면 모양이나 동작을 변경할 수 없는 위젯 유형 사용자 인터페이스의 기본 빌딩 블록이며 시간이 지남에 따라 상태나 변경 사항에 의존하지 않는 재사용 가능한 구성 요소를..
Flutter - yaml & pubspec.yaml
·
Flutter
yaml 또는 yml YAML(YAML Ain't Markup Language)은 소프트웨어 애플리케이션의 구성 파일에 일반적으로 사용되는 사람이 읽을 수 있는 데이터 직렬화 언어. YAML 파일을 작성할 때 파일이 잘 구조화되고 쉽게 읽고 유지 관리할 수 있도록 몇 가지 규칙을 따르는 것이 중요. 규칙 들여쓰기 사용: YAML 파일은 들여쓰기를 사용하여 중첩 구조를 정의한다. 두 개의 공백을 사용하여 각 수준의 들여쓰기를 파일 전체에서 일관성 있게 들여쓴다. 적절한 구문 사용: YAML에는 데이터 유형을 정의하기 위한 특정 구문이 있다. 키-값 쌍을 정의하려면 "key: value" 형식을 사용 목록 항목을 나타내려면 "-" 형식을 사용 여러 줄 문자열은 "\n" 형식을 사용 문자열에 따옴표 사용: 특..
Flutter - 화페 & 숫자
·
Flutter
decimal 패키지 import 'package:decimal/decimal.dart'; import 'package:decimal/intl.dart'; final d = Decimal.parse('12345.12345'); print(NumberFormat.decimalPattern('ko_KR').format(DecimalIntl(d))); // 12,345.123 print(NumberFormat.decimalPattern('en_US').format(DecimalIntl(d))); // 12,345.123 Decimal.parse() 정적 메소드로 문자열을 십진수 객체로 얻는다. ko_KR, en_US 로케일 출력 모두 기본 설정은 세자리 수마다 콤마, 소숫점 셋째 자리까지 표시이다. decim..
Flutter - WebScoket
·
Flutter
1. 패키지 추가 웹소켓 관련 패키지를 사용하기 위해 pubspec.yaml의 dependencies 항목을 다음과 같이 수정한다. dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^0.1.2 web_socket_channel: ^1.0.13 2. 라이브러리 import 웹소켓 관련 패키지를 사용하기 위해 다음과 같이 라이브러리들을 import 한다. import 'package:flutter/material.dart'; import 'pa..