플러터(114)
-
[045] 플러터 (Flutter) 배우기 - Widget Test (위젯 테스트)
안녕하세요~ totally 개발자입니다. Widget Test (위젯 테스트) 저번 포스팅에서는 단위 테스트에 대해 살펴보았고 이번에는 Widget Test(위젯 테스트)에 대해 살펴보겠습니다. 이 위젯 테스트는 UI가 잘 보이는지 상호 작용 되는지 등을 검증하기 위함입니다. 세부사항은 다음 내용을 참고하시기 바랍니다. https://flutter-ko.dev/docs/cookbook/testing/widget/introduction An introduction to widget testing flutter-ko.dev Step 1: pubspec.yaml에 flutter_test: 가 있는지 확인합니다. Step 2: 다음처럼 CounterWidget를 하나 생성하여 만들어줍니다. Step 3: wid..
2023.03.21 -
[044] 플러터 (Flutter) 배우기 - Unit Test (단위 테스트)
안녕하세요~ totally 개발자입니다. Unit Test (단위 테스트) 이번 포스팅에서는 Unit Test(유닛 테스트)에 대해 살펴보고자 합니다. 새로운 기능이 추가되거나 기능이 변경되었을 때 프로그램이 제대로 작동되는 것을 보장하기 위해 만드는 것이 테스트이며 메소드, 클래스 등을 검증하기 위해 단위 테스트를 진행합니다. 아래 Document를 통해 예제를 실습해보도록 하겠습니다. https://flutter-ko.dev/docs/cookbook/testing/unit/introduction 단위 테스트 소개 새로운 기능을 추가하거나 기존 기능을 변경했을 때, 앱이 여전히 제대로 동작한다는 것을어떻게 보장할 수 있을까요? 테스트 코드를 작성하세요.단위 테스트는 하나의 함수, 메서드 혹은 클래 fl..
2023.03.21 -
[043] 플러터 (Flutter) 배우기 - MVVM 아키텍처 패턴 적용
안녕하세요~ totally 개발자입니다. MVVM (Model View ViewModel) 이 포스팅에서는 MVVM에 대해 알아보도록 하겠습니다. 이에 앞서 아키텍처를 적용하는 이유와 목적에 대해 알아볼 필요가 있습니다. 이 아키텍처 패턴은 공통적인 문제 발생에 대해 일반적인 그리고 재사용 가능한 해결책을 의미하며 디자인 패턴과 다른 점은 디자인 패턴은 특정 유형의 문제에 초점을 두는 반면 이 아키텍처 패턴은 전반적인 문제 해결 방법이라고 봐야 합니다. MVVM은 기존의 MVC, MVP 패턴을 보완하기 위한 패턴으로, 기존의 MVC는 Model View Controller, MVP는 Model View Presenter로 구성되어 있는 반면, MVVM은 Model, View, ViewModel로 구성되어..
2023.03.21 -
[042] 플러터 (Flutter) 배우기 - Firebase Auth 연동2 (휴대폰 문자 인증)
안녕하세요~ totally 개발자입니다. Firebase Authentication 저번 시간에 이어서 오늘은 Firebase Authentication(인증) 전화번호를 활용해서 문자 메시지 숫자코드를 받아 인증하는 방법에 대해서 알아보도록 하겠습니다. Step 1: 파이어베이스에 접속하여 Authentication -> Sign-in method -> 새 제공업체 추가 버튼을 눌러줍니다. Step 2: 다음처럼 추가해주시고 테스트용 전화번호 있는 경우에는 예시용 인증코드로 사용할 코드와 전화번호 넣어주셔서 저장해주시면 됩니다. Step 3: ios simulator 환경에서 SMS 코드 수신을 위해 Xcode를 열어줍니다. (맥북 사용자 기준) ios 경로로 들어가셔서 Runner.xcodeproj ..
2023.03.17 -
[041] 플러터 (Flutter) 배우기 - Firebase Auth 연동1 (이메일/비밀번호 사용)
안녕하세요~ totally 개발자입니다. Firebase Authentication 오늘 알아볼 부분은 Firebase Authentication 인증 관련 내용입니다. 이 Authentication를 사용하여 이메일 인증, 휴대전화 인증 등을 간단하게 구축할 수 있습니다. Step 1: 콘솔 -> 프로젝트 들어가신 뒤 Authentication를 눌러줍니다. Step 2: 아래에 시작하기 버튼을 클릭해줍니다. Step 3: 이메일/비밀번호 부분을 선택해줍니다. Step 4: 다음처럼 사용 설정 해주시고 저장해줍니다. Step 5: 플러터 코드를 작성해줍니다. 예제에 사용한 파일은 총 4개입니다. (main.dart, login.dart, signup.dart, home.dart) [main.dart] ..
2023.03.13 -
[040] 플러터 (Flutter) 배우기 - Firebase(파이어베이스) 연동
안녕하세요~ totally 개발자입니다. Firebase & Flutter 연동 오늘은 플러터와 파이어베이스를 서로 연동하는 방법에 대해 살펴보도록 하겠습니다. Step 1: 파이어베이스 웹사이트에 접속하셔서 구글 아이디로 로그인 하신 뒤, 콘솔로 이동해줍니다. Step 2: 기존에 프로젝트 만드신 것이 있다면 그 프로젝트로 가시면 되고, 새로 만들어야 한다면 프로젝트 추가 버튼 눌러주시면 됩니다. 저는 기존에 JavaScript 용도로 파이어베이스 프로젝트를 생성한 적이 있어서 새로 프로젝트 만들지 않고 여기에서 앱 추가 버튼을 눌러주면 다음 스크린샷처럼 Flutter를 선택할 수 있습니다. 먼저 firebase CLI를 https://firebase.google.com/docs/cli?authuser..
2023.03.13