개발일지16 [Flutter] 우리는 언제 GestureDetector가 필요할까? Flutter에는 다양한 위젯이 존재한다. 그래서 개발을 할 때 구현 방법에 대한 선택지가 다양하다.예를 들어 검색 버튼을 만들고 싶다면 다음과 같은 방법들이 있다.TextButton, IconButton, ElevatedButton 과 같은 버튼 위젯을 사용GestureDetector 사용???: 그냥 취향차이 아닌가요? 버튼이 onPressed 속성만 관리하면 되고 훨씬 간편한걸요. 전 버튼으로만 구현할래요 당연히 안된다. 각 위젯의 특성을 제대로 이해하고 사용해야만 불필요한 코드를 줄일 수 있다.먼저 Button과 GestureDetector 위젯의 특성들을 알아보자.버튼은 자주 사용되는 ElevatedButton을 대표로 설명하도록 한다.Button vs GestureDetector 함수 비교1).. 2024. 9. 23. [Flutter] Firebase 를 활용한 문자 인증 구현하기 개요 및 배경이번 시간에는 Firebase 를 활용하여 문자 인증을 구현하는 법에 대해 정리해보겠다.별헤는밤 어플의 회원 가입의 절차 중엔 사용자의 전화번호를 통한 문자 인증 절차가 있다. 이 때 Flutter 환경에서 Firebase 를 활용해 이를 구현하는 방법에 대해 알아보자Firebase 연동일단 코드 개발 전, flutter 프로젝트와 firebase 서버와의 연동이 필요하다.Firebase 프로젝트 생성 2. 앱 추가 및 Authentication (전화) 추가 우리는 Flutter 앱이므로 flutter 앱을 추가한다. 그럼 위와 같은 창이 나오는데 가이드대로 따라하면 된다. 왼쪽 탭의 빌드 >Authentication > 전화를 추가한다. 코드pub.yaml 에 아래 2.. 2024. 9. 1. [Flutter] StreamBuilder를 활용하여 검색기능 구현하기 앱을 개발할 때 항상 들어가야 하는 기능 중 하나인 검색 기능에 대해 알아보도록 하겠다.‘Flutter 검색’이라고 구글링하면 정말 다양한 방식으로 구현한 블로그 글들이 나온다.따라서 다른 검색 구현 방식과 차별점을 두기 위해 다음과 같은 조건들을 두겠다.첫 검색일 경우에 검색 결과 페이지(새로운 페이지)로 이동새로운 검색 단어로 검색 시( Enter 입력) 페이지 이동 없이 결과 변경검색어를 삭제할 때 모든 아이템 출력StreamBuilder vs FutureBuilder이전 Retrofit 관련 글에서는 Future를 활용하여 구현하였다.처음 시도했을 때는 FutureBuilder를 통해 API를 호출하여 검색 기능을 구현했었다.하지만 FutureBuilder로 검색 기능을 구현하면 검색어가 바뀔 때.. 2024. 8. 10. [Flutter] Retrofit 적용 (호출 방법 및 예시) 저번 달 글(클릭)에서는 Flutter에 Retrofit 적용 방법과 모델, RestClient 구현 방법을 알아보았다.이번에는 실질적으로 데이터베이스에서 데이터를 가져와서 실행하는 예시를 통해서 호출 방법까지 알아보도록 하겠다. 비동기 처리 방식(Future / aysnc - await)Flutter는 Dart 언어를 기반으로 이루어져 있다. Dart에서 데이터를 읽거나, 전송하는 네트워크 통신에서는 비동기 처리 방식이 사용된다.여기서 동기(synchronous) / 비동기(asynchronous)에 대해 짧게 설명하자면 동기(synchronous : 코드가 순차적으로 실행되는 방식으로, 하나의 작업이 완료될 때까지 다음 작업은 대기한다.비동기(asynchronous): 작업이 완료되기를 기다리지 않고.. 2024. 6. 16. 이전 1 2 3 4 다음
