Flutter
-
[Flutter] 유닛 테스트 해보기카테고리 없음 2024. 5. 25. 18:02
플러터에서는 어떤 테스트 방법이 있을까?플러터에서는 크게 유닛 테스트, 위젯 테스트, 통합 테스트로 이루어져 있습니다. 이번 글에선 유닛 테스팅을 알아보도록 하겠습니다. Unit test유닛 테스팅은 메소트나 클래스처럼 작은 단위 즉 메서드, 클래스 같은 작은 단위를 테스트할 때 쓰입니다.1.1 Unit Testing - 다트 기본 테스트 프레임워크우선 test 라이브러리를 추가해 주세요.pubspec.yamldev_dependencies: test: test 폴더에다가 테스트 파일(testing_test.dart)을 만들어주세요.파일 이름은 항상 test로 끝나야 하며 main 함수에서 실행되어야 합니다.test/testing.dartvoid main() { test('test1', () { ..
-
[Flutter] Container 둥글기 주기,그림자 효과 border,shadowFlutter 2022. 1. 12. 21:01
안녕하세요. 욱쓰입니다. 밋밋한 Container에 둥글기와 그림자 효과를 적용해보고 알아보는 포스팅을 작성하겠습니다. 전체 둥글기 Container( width: 200, height: 200, decoration: BoxDecoration( color: Colors.teal, borderRadius: BorderRadius.circular(20), ), ) bottomRight에 둥글기 주기 (한쪽에만 둥글기 주기) Container( width: 200, height: 200, decoration: BoxDecoration( color: Colors.teal, borderRadius: BorderRadius.only(bottomRight:Radius.circular(30)), ), ) bottomL..
-
[Fluttet] 플러터 앱 예제 가게 이름 선택하기 예제 (하) (삼항연산자)Flutter 2022. 1. 1. 14:20
안녕하세요! 이전에 했던 예제를 이어서 진행해보겠습니다. price와 title은 가져와보셨나요? Stack( children: [ ClipRRect( borderRadius: BorderRadius.circular(60), child: Container( width: 80, height: 80, child: Image.network( foodList[index]["image"], fit: BoxFit.cover, ))), Padding( padding: EdgeInsets.only(left: 110.0), child: Text( foodList[index]["title"], style: TextStyle( fontWeight: FontWeight.bold, fontSize: 21), ), ), Padd..
-
[Flutter] 플러터 앱 예제 가게 이름 선택하기 (상) (map 활용하기)Flutter 2021. 12. 30. 12:30
안녕하세요 사랑니 뽑기 전에 긴장된 마음을 가라앉히고자 만든 간단한 가게 이름 선택 예제 앱을 만들어 보았습니다. 제작하면서 머릿속에 흐트러져있는 개념도 정리하고 정보도 나누고 싶어 작성하는 것이니 부족한 점이 있다면 피드백 주셔도 괜찮습니다. 우선 완성된 앱은 이렇습니다. 각자 취향에 따라 좋아하는 이미지와 텍스트를 입력하셔도 됩니다! 우선 StatefulWidget으로 foodList라는 List를 하나 만들어주었습니다. List foodList = [ { "title": "군침이 마카롱", "price": 3900, "image": "https://t1.daumcdn.net/cfile/tistory/99758C355F7F04AA25", "thx": "반갑습니다." }, { "title": "햄깅이 ..