[Flutter] 블로그 만들기 -자동 로그인 기능 구현 및 UI
·
Flutter/App
이번 글에서는 Flutter 블로그 프로젝트의 자동 로그인 기능을 구현합니다.앱을 실행할 때 저장된 JWT 토큰을 이용하여 자동 로그인을 시도하고, 로그인 상태에 따라 적절한 화면으로 이동하는 흐름을 구축합니다.1. 자동 로그인 개념 및 흐름일반적으로 사용자는 앱을 실행할 때마다 로그인하기를 원하지 않습니다.따라서, JWT 토큰을 저장하고 이를 이용하여 자동 로그인하는 기능을 구현합니다. 📌 자동 로그인 과정앱 실행 시 저장된 JWT 토큰을 가져옴토큰이 존재하면 서버로 인증 요청을 보냄인증이 성공하면 자동 로그인 처리 및 홈 화면 이동인증이 실패하면 로그인 페이지로 이동토큰이 없다면 로그인 페이지로 이동2. UserRepository에서 자동 로그인 요청 처리자동 로그인을 위해 JWT 토큰을 서버로 전..
Dio 패키지 사용해 보기
·
Flutter/Dart 언어
Flutter에서 Dio를 사용하여 API 호출 및 데이터 처리이번 포스트에서는 Dio 라이브러리를 사용하여 Flutter 앱에서 API 호출을 구현하고, 응답 데이터를 처리하는 방법을 살펴보겠습니다. API에서 받은 데이터를 모델 클래스를 사용해 효율적으로 관리하고, UI에서 이를 표시하는 방법도 함께 설명합니다.※ Dio란?Dio는 Flutter와 Dart에서 HTTP 요청을 쉽게 처리할 수 있는 강력한 라이브러리입니다. GET, POST, PUT, DELETE와 같은 다양한 HTTP 메서드를 지원하며, 요청과 응답에 대한 다양한 기능을 제공합니다. 이 예제에서는 GET 요청을 사용하여 JSON 데이터를 받아오는 방법을 살펴봅니다. Dio 패키지 설치▼아래 링크에 들어가 Installing에서 dio..