본문 바로가기

Flutter5

[Flutter] Conditional import 하는 방법. Flutter 사용 시 dart.html 같은 Web 에서만 build 되는 것을 import 할 때 사용하는 방법이다.  간단한 예제로  아래와 같은 트리로 설명해보자면. lib / main.dart web.dart app.dart platform_screen.dart  1. platform_screen.dart 파일을 생성. export 'app.dart' if (dart.library.html) 'web.dart'; 2. app.dart 파일 생성. ( 파일은 app.dart 이고 class 명은 PlatfromWidget )class PlatformWidget extends StatelessWidget { const PlatformWidget({super.key}).. 2025. 1. 1.
[Flutter] Firebase FCM 사용하기 Part. 1 https://firebase.flutter.dev/docs/messaging/overview Firebase Cloud Messaging | FlutterFireWhat does it do?firebase.flutter.dev 공식문서를 참고하시길 바랍니다.  1. Flutter App 에서 Firebase 를 사용하기 위해서는 Firebase CLI 설치가 필요하다 . (Firebase 계정이 있다는 가정)1-1. 터미널에 입력- curl -sL https://firebase.tools | bash  1-2. Password 입력 후 설치 완료2. 설치가 완료 되었으면 firebase 로 로그인을 해준다. 2-1. 터미널에 입력- firebase login 위를 입력하면 Firebase 계정 화면이 .. 2024. 11. 27.
Flutter - Ec2 인스턴스 Web 호스팅 하기 Part.2 인스턴스 연결  - 인스턴스 - 연결 클릭  SSH 클라이언트 클릭   - 터미널 실행 - 1번 실행  - 3번 실행  - 인스턴스 원격 접속 완료 2024. 10. 3.
[Flutter] 개발환경 구축하기 (Xcode, Flutter SDK, Android Studio) Flutter를 개발하기 위해선 일단 개발환경을 구축해야한다. 제일 기본적으로 XCode , Flutter SDK, 안드로이드 스튜디오를 설치해야한다. Mac 유저임으로 Mac 관점에서 설명을 하자면 Step .1 1. App Store 에서 Xcode 를 설치를 한다. 2.Flutter SDK 를 설치한다. https://docs.flutter.dev/get-started/install/macos/desktop?tab=download#install-the-flutter-sdk Start building Flutter native desktop apps on macOS Configure your system to develop Flutter desktop apps on macOS. docs.flutter.. 2024. 3. 13.
[Flutter] 로그인 화면 예제 Flutter 언어로 로그인화면을 구현해보겠습니다. Flutter 는 ios 와 android 를 동시에 구현할 수 있는 언어입니다. 때문에 빠른 개발이 필요시 많이 사용하게되는데요 . 오늘은 로그인 페이지를 구현해 보겠습니다 . flutter는 widget 마다 함수로 나눠주는 것이 좋다고합니다 . 가독성면에서도 좋습니다. login() 부분은 서버와 통신을 하는 부분이라 각자 알맞게 사용하시면 될거같습니다.~ class LoginPage extends StatefulWidget { LoginPage({Key? key}) : super(key: key); @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageSta.. 2022. 5. 13.