flutter7 [flutter] Flutter 민감정보 숨기기 앱 개발을 진행하면서 AWS, 카카오 API 등 다양한 서비스를 이용하면서 인증을 위한 여러 키값을 사용해야 하는데 보안을 위해서는 이런 민감정보들은 소스코드에서 분리해 github같은 곳에 노출하지 않아야 한다. 이전에 안드로이드로 앱개발 을 할 때 별 생각 없이 키값을 github에 노출했고 그 순간부터 지옥을 맛볼 수 있었다. github의 모든 히스토리에 남아있는 키값을 전부 삭제하기 전까지는 계속해서 경고 메일이 날라오기 때문이다. 이 글을 읽는 사람들은 그런일이 일어나지 않도록, 보안을 위해서라도 미리미리 민감정보는 노출하지 않도록 주의하자. 이번 글에서는 그런 의미로 flutter에서 민감정보를 숨기는 방법을 알아보자.flutter에서는 대부분 라이브러리 깔아 진행하니 이번에는 flutter.. 2024. 10. 1. [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. 이전 1 2 다음
