Flutter + Dart/Flutter + Dart 공부24 Flutter에서 버튼으로 화면 전환하는 법(다른 파일에 있는 화면으로 이동) 한 파일 안에서 화면 전환 한 파일 내에서 화면 전환하기📱 Flutter 한 파일 내 화면 전환 방법 (NavigationRail 활용)✅ 1. 화면 전환이란?앱에는 여러 화면이 있습니다. 예를 들어:🏠 Home 화면 (단어 생성기)❤️ Favorites 화면 (즐겨찾기 목록)이 두 화면을 버ashen99.tistory.com lib/ ├── main.dart └── screens/ ├── home.dart ├── 1p.dart └── 2p.dart https://youtube.com/shorts/TaL5q2-lyF4?feature=share 🎯 Flutter에서 버튼으로 화면 전환하는 법 – 초보자용 정리Flutter에서 화면을 이동하는 가장 기본적인 방법은 Navigat.. 2025. 5. 12. 한 파일 내에서 화면 전환하기 다른 파일의 화면으로 전환하기📱 Flutter 한 파일 내 화면 전환 방법 (NavigationRail 활용)✅ 1. 화면 전환이란?앱에는 여러 화면이 있습니다. 예를 들어:🏠 Home 화면 (단어 생성기)❤️ Favorites 화면 (즐겨찾기 목록)이 두 화면을 버튼이나 메뉴를 눌렀을 때 바뀌게 하고 싶습니다. 이것이 "화면 전환"입니다.✅ 2. 상태를 관리할 변수 만들기눌렀을 때 화면전환을 할 수 있는 버튼이나 메뉴를 구현할 class 안에어느 화면을 보여줄지 기억하기 위해 selectedIndex라는 숫자 변수를 사용합니다.var selectedIndex = 0; // 기본은 0: Home 화면0이면 Home 화면1이면 Favorites 화면 @override Widget build(Buil.. 2025. 5. 12. flutter 로컬 DB 고르기 📊 Flutter 로컬 데이터베이스 비교표 구분 DB 이름 타입 장점 단점 사용 예시 Key-Valueshared_preferencesKey-Value Storage- 설정값 등 간단한 데이터- 빠른 속도- 복잡한 구조 저장 불가- 비동기 동작 제한로그인 정보, 테마 설정 등Key-ValueHiveKey-Value + Box 기반 NoSQL- 매우 빠름- 구조화된 저장 가능- 웹/데스크탑 지원- 대규모 관계형 데이터엔 부적합메모 앱, 캐시 저장소 등Key-Value + DBIsar고성능 NoSQL DB- Hive보다 빠름- 쿼리 문법 직관적- 관계형 구조 일부 지원- 상대적으로 생태계 작음중간 규모 앱, 객체 지향 DBSQLite 기반sqflite관계형 DB- 전통적인 SQL 지원- 제약 조건.. 2025. 5. 7. flutter 빌드하기 1. 먼저 만든 프로젝트가 정상적으로 동작하는지 확인하세요. 그다음 Android용으로 APK를 빌드합니다.2. 터미널 bash 들어가서 입력flutter build apk --release--release 옵션은 실제 배포용 최적화 빌드입니다.빌드가 완료되면 프로젝트 디렉토리 안에 build/app/outputs/flutter-apk/app-release.apk 파일이 생성됩니다. 기다리기... 3. ./build/app/outputs/flutter-apk/app-release.apk 파일을 모바일에 옮겨서 설치하세요.4. 테스트 해 봅시다.https://youtube.com/shorts/4Ka9z3-lOLg 끝! 2025. 5. 7. Widget의 종류 //widgets/framework.dart abstract class Widget {} abstract class StatelessWidget extends Widget {} abstract class StatefulWidget extends Widget {} abstract class RenderObjectWidget extends Widget {} abstract class InheritedWidget extends Widget {} 1. Widget정의: Flutter에서 화면에 그려지는 모든 요소의 최상위 추상 클래스.특징:불변(immutable) 객체로, 프로퍼티가 바뀌면 새로운 위젯 인스턴스를 생성트리 구조를 이루며, 부모→자식으로 위젯 트리가 구성쓰임새:모든 커스텀 위젯은 이 클래스를.. 2025. 5. 7. UI 수정 - 즐겨찾기 기능, 아이콘, 레이블, 화면 전환 즐겨찾기, 아이콘 : https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#5레이블, 화면 전환 : https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#6속성 추가하기 - 리스트새로고침할 때 마다 달라지는 단어 쌍을 기억하기 위해 좋아요 기능 추가 합니다. ./lib/main.dartclass MyAppState extends ChangeNotifier { var current = WordPair.random(); // ↓ 버튼을 상태에 연결하기. getNext 메서드를 추가. void getNext() { current = Wo.. 2025. 5. 7. 이전 1 2 3 4 다음
