[Flutter] FlutterSecureStorage를 활용한 로그인 상태 유지와 회원 정보 불러오기 (feat.http API)
2022. 11. 25. 18:19
APP/Dart & Flutter
FlutterSecureStorage란? 보통 로그인 시스템을 만들면 아이디&비밀번호를 서버로 요청하여 일치하는지 확인 후 검증이 완료되면 접속을 하도록 짜여진다. 하지만 여기서 중요한 것은 로그인/로그아웃을 구현하려면 검증만 되는 것이 아니라 '상태 유지'를 해야 한다. 검증이 되었다면 로그인 중인 상태를 유지한 채로 회원이 서비스를 이용할 수 있어야 한다. 여기서 상태 유지를 할 때 flutter 디바이스 내부에 정보를 저장해야 하는데 shared_preferences 패키지 같은 것을 이용해 이런 정보들을 그대로 저장하게 되면 보안에 취약해지게 된다. 해서 이런 보안 문제를 해결하기 위하여 나온 것이 FlutterSecureStorage라고 한다. 즉, 로그인/로그아웃 등으로 '상태 유지' 관리가 ..
[Flutter] Flutter 프로젝트 구조와 위젯(Widget)구조 이해
2022. 10. 29. 23:06
APP/Dart & Flutter
본격적으로 App을 만들기 시작하면서 전체적인 플러터 위젯의 구조를 제대로 짚고 넘어가야겠다 생각했다. 위젯 위에 위젯을 쌓고 쌓고 위젯을 또 끼워 넣고 하다 보니 기본 구조와 위젯들끼리의 상관관계를 알아야 앱 개발이 좀 더 쉬워질 것이다. 기본 구조 플러터 프로젝트는 어떤 플랫폼에 사용할 앱을 만들지 결정하는 것에 따라 자동으로 많은 파일이 생성된다. 새 프로젝트를 생성하면 이미지와 같이 앱 개발에 필요한 파일들이 자동 생성된다. (assets 폴더만 내가 따로 생성해주었는데, 어차피 이것도 개발하다 보면 필요한 구성이기 때문에 미리 생성해둬도 좋다.) 프로젝트 구성 요소 안드로이드와 ios는 이름만 들어도 대충 어떤 기능인지 구분이 된다. android : 안드로이드 프로젝트 관련 파일 ios : i..
[Flutter] Flutter 설치하는 법(Android Studio)과 테스트까지!
2022. 10. 21. 12:12
APP/Dart & Flutter
Flutter란? Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일되는 구글의 아름다운 UI 툴킷입니다. https://flutter-ko.dev/ Flutter - 가장 빠른 아름다운 네이티브 앱 Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고 flutter-ko.dev 설치하는 법 ⭐설치 전 주의 사항⭐ 다운로드할 컴퓨터 혹은 노트북의 메모리를 넉넉하게 준비해줘야 한다. . ! 이런저런 개발 툴이나 필요한 것들을 많이 설치해서 용량이 꽤나 찼을 때 설치하면 용량으로 이런저런 문제가 생길 수 있으니 주의하자. ..