Flutter - 로그인, 로그아웃 구현하기 (2/3) - 로그인, 로그아웃 기능 구현

포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator), Windows (windows-x64) 이번 포스팅에서는 로그인과 로그아웃을 위해 아래와 같은 내용을 다룹니다. 로그인/로그아웃 기능 구현 회원가입(계정 생성) 기능 구현 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 03. Flutter - Floating Action Button, showD..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 8.
• textsms

Flutter - 로그인, 로그아웃 구현하기 (1/3) - MySQL DB 연동, 레이아웃 설계

포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator), Windows (windows-x64) 이번 포스팅에서는 로그인과 로그아웃을 위해 아래와 같은 내용을 다룹니다. 유저의 아이디와 비밀번호를 users 테이블을 통해 유저를 식별하기 위한 MySQL DB 연동 회원가입(계정 생성), 로그인, 자동 로그인, 로그아웃을 위한 레이아웃 설계 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget ..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 8.
• textsms

Flutter - crypto - 암호화 라이브러리, 해시 코드로 변경하기(사용자 비밀번호 암호화)

Overivew 사용자가 'eunbyeol' 이라는 문자열을 입력합니다. flutter에서는 crypto 라이브러리를 통해 해싱 알고리즘을 이용하여 입력된 문자열을 암호화 합니다. 'eunbyeol' 문자열을 16진수로 암호화한 값 : 4d43d209f5d57b0d2ede4838d9d76e5792eaa1d9 crypto 다트에서 사용가능한 암호 해싱을 제공하는 라이브러리 다음의 해싱 알고리즘을 지원 SHA-1 SHA-224 SHA-256 SHA-384 SHA-512 SHA-512/224 SHA-512/256 MD5 HMAC(즉, HMAC-MD5, HMAC-SHA1, HMAC-SHA256) 라이브러리 호출 pubspec.yaml dependencies 하위에 crypto 패키지 추가 dependencies..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 8.
• textsms

Flutter - 파일 분리하기, class 나누기, 위젯 리소스화하기

포스팅에서 진행한 환경 OS : Windows 10 IDE : Visual Studio Code Emulator : Pixel 5 API 27 (Android-x86 emulator) 이번 포스팅에서는 파일을 위젯별로 분류하여 메인 파일을 간소화하고 코드 유지보수를 하기 쉽게 변경해봅니다. 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 03. Flutter - Floating Action Button, showDialog - 플로팅 액션 버튼으로 특정 작업 수행하기(리스트뷰 항..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 4.
• textsms

Flutter - Cupertino - 개념, 샘플 코드, 사용 예시(Button, TextField, TabBar, NavigationBar, Switch, AlertDialog, ActivityIndicator)

포스팅에서 사용된 예시 프로젝트 파일은 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-example/tree/main/flutter_cupertino_test Cupertino 정의 Apple의 iOS 운영 체제의 디자인 가이드라인을 따르는 Flutter의 위젯 iOs와 macOS에서 잘 작동하며 디자인 또한 iOS의 네이티브 앱과 유사 iOS 앱 개발자들이 익숙한 디자인 패턴과 위젯을 Flutter에서 사용할 수 있게 만들어줌 iOS에서 실행되는 앱을 위해 설계 때문에 다른 운영 체제에서도 실행 될 수 있는 앱일 경우 다른 위젯 사용 고려 플러터 공식 가이드에서는 'Material Design' 위젯과 함께 사용을 권장하고 있음 Material Desig..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 4.
• textsms

Flutter - Stack - 레이아웃 오버레이하기, 위젯 겹치기

OverviewStack 위젯을 사용하여 서로 위젯을 겹쳐서 배치해봅니다.Stack정의상자 가장자리를 기준으로 자식을 배치하는 위젯일반적으로 하나 이상의 위젯이 다른 위젯 위에 배치되는 오버레이 또는 레이어 레이아웃을 만드는데 사용여러 하위 항목을 단순하게 겹치는 경우 유용하게 사용즉, 스택 위젯을 사용하여 위젯들을 서로 겹쳐서 배치할 수 있음주로 Columns, Rows 에 많이 사용속성children목록에서 제공되는 순서대로 서로 위에 쌓이는 위젯 목록목록의 첫 번째 위젯은 맨 아래, 목록의 마지막 위젯은 맨 위에 위치alignment스택에서 하위 위젯의 정렬을 설정기본적으로 하위 위젯은 스택의 왼쪽 상단 모서리에 정렬이 속성을 설정하여 하위 위젯을 스택의 모서리나 중앙에 정렬할 수 있음positio..

• format_list_bulleted Mobile/Flutter
• · 2023. 5. 4.
• textsms