[Flutter] Token Login / Auth 구현하기

Token Login / Auth 구현하기 https://nx006.tistory.com/64 Session VS Token Authentication - feat. JWT 기술 Authentication 앱을 만들 때 회원가입/로그인 기능을 구현해야 할 때가 있습니다. 인증 및 인가된 사용자에게 앱의 기능을 사용할 수 있게 하기 위해서는, 로그인이라는 Authentication(인증) 기능을 거 nx006.tistory.com 이전 글에서 Session 로그인과 Token Login 방식에 대해서 알아봤습니다. 이번 글에서는 어떻게 하면 Flutter에서 Token 로그인 방식을 관리할 수 있는지, 클라이언트 관점에서 구현해보겠습니다. 이 방법은 코드팩토리 님의 Flutter 강의를 듣고서 정리한 글입..

• format_list_bulleted Flutter
• · 2023. 9. 28.
• textsms

[Flutter] BottomNavigationBar 사용하기

BottomNavigationBar 사용하기 위와 같은 화면을 구성할 때 BottomNavigationBar를 많이 사용하게 됩니다. BottomNavigationBar은 TabBarView와 같이 사용하게 되는데, 사용자의 입력에 따라서 두 위젯의 index가 잘 맞아야 하기 때문에 은근히 구현하기 어려운 부분입니다. 이 글에서 TabBarView와 BottomNavigationBar를 이용해서 위와 같은 UI를 구현해보겠습니다. BottomNavigationBar와 TabBarView 이용해서 화면 전환 구현하기 StatefulWidget 만들기 우선, BottomNavigationBar를 담는 View부터 만들어야 하는데, 이를 TabView라고 하겠습니다. 당연히 사용자의 입력에 따라서 UI가 달..

• format_list_bulleted Flutter
• · 2023. 9. 26.
• textsms

Flutter로 Flutter 소개 발표 자료 만들기

Flutter 소개 자료 B612 동아리에서 모바일 세션으로 참여하고 있는데, 각 세션은 정기 모임 활동에서 세션 발표를 해야 한다. 모바일 세션의 첫 발표는 내가 맡았다. Flutter에 대해서 소개하는 임무를 맡았다. 나름 모바일 세션이고 Flutter를 소개하는 자리인데 심심하게 발표를 시작하고 싶지 않았다. 그래서 Flutter를 소개하는 발표 자료를 Flutter로 만들기로 했다. 발표 자료 기획하기 우선 발표 자료부터 기획해 보자. 다행히 이는 이미 준비가 되어 있다. 지난 2주 동안 정기 모임 과제로 WIL을 작성했기에, 이를 바탕으로 구성하면 된다. 지난 WIL에서의 내용을 압축하면 다음과 같다. Flutter 소개 Cross Platform Framework iOS, Android, We..

• format_list_bulleted 개발일지
• · 2023. 8. 28.
• textsms

Flutter의 상태 관리 매니저 GetX 이해하기

Flutter GetX에 대해 이해하기 GetX란? GetX는 Flutter에서 사용 가능한 StateManager이다. GetX를 사용하는 방법 중 가장 많이 보았을 방법은 바로 page route 관리이다. 우리가 페이지를 이동하려 할 때, 다음과 같은 route 기반 코드를 볼 수 있다. Navigator.of(context).push(MaterialPageRoute( builder: (_) => NextPage(), )); Navigator를 사용하는 방법도 좋긴 한데, GetX를 사용하면 더 편리하게 할 수 있다. Get.to(NextPage()); 이런 식으로 처리가 가능하다. 그러나 단순히 페이지 라우팅 기능 외에도, GetX는 상태 관리에 있어 강력한 기능들을 제공한다. 상태 관리란? 상태..

• format_list_bulleted Flutter
• · 2023. 6. 16.
• textsms