Flutter41 오공완 (with Do it! 플러터 앱 프로그램밍) #9_2 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. main.dartimport 'package:flutter/material.dart';import 'largeFileMain.dart';import 'introPage.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override.. 2024. 5. 12. 오공완 (with Do it! 플러터 앱 프로그램밍) #9_1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 공유 환경 설정에 데이터 저장하기 pubspec.yaml에 shared_preferences 패키지 등록 후, 아래처럼 main다트 파일에 코드를 입력했는데, 작동을 안 한다. 취지는 앱을 종료하고 다시 켰을 때 기존에 카운트 됐던 내용이 그대로 살아있어야 하는데, 여전히 0으로 나온다. import 'package:flutter/material.dart';import 'package:shared_preferences/shared_preferences.dart.. 2024. 5. 10. 오공완 (with Do it! 플러터 앱 프로그램밍) #8_1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 내비게이션 이해하기책에서는 한 단계 거쳐서 설명을 했는데, 오늘도 역시나 코트타자연습으로 하는 바람에 너무도 간단하게 끝나 버렸다.화면이 스택구조로 쌓이게 된다는 부분이 신기하다. 그럼, 계속 메모리를 잡고 있을 것만 같은데..가벼운 구조니깐 그렇겠지? 다르게 생각하면 다른 화면 잠깐 갔다가 왔는데 초기화되어 있으면 그것도 짜증 날 것 같다.import 'package:flutter/material.dart';void main(){ runApp(const M.. 2024. 5. 9. 오공완 (with Do it! 플러터 앱 프로그램밍) #7_2 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 이미지 파일 내려받기https://pub.dev/ The official repository for Dart and Flutter packages.Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs.pub.dev에서 dio, path_provider, http를 .. 2024. 5. 8. 오공완 (with Do it! 플러터 앱 프로그램밍) #7_1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 카카오 API를 이용해 책 정보 받아오기 오늘은 외부 패키지 이용방법에 대해 배워보자.패키지를 다운로드할 수 있는 곳. 다운로드하고, pubspec.yaml에 등록해야 한단다.https://pub.dev The official repository for Dart and Flutter packages.Pub is the package manager for the Dart programming language, containing reusable libraries.. 2024. 5. 7. 오공완 (with Do it! 플러터 앱 프로그램밍) #5_2 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 리스트뷰 만들기메인다트 파일import 'package:flutter/material.dart';import 'animalItem.dart';import 'sub/firstPage.dart';import 'sub/secondPage.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget b.. 2024. 5. 6. 오공완 (with Do it! 플러터 앱 프로그램밍) #5_1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 탭바로 화면 이동하기 최근에 공부할 때는 책과 함께 github 파일과 함께 보고 있다. 방식과 코드가 버전이 바뀌면서 다르기 때문.책에서는 lib폴더 밑에 package를 선택해 폴더를 생성하라고 되어 있는데, new-Directory를 선택하고, 'sub' 폴더명을 넣고, 그 밑에 Dart File을 'firstPage'로 이름을 붙여 만들었다. 그리고 코드를 입력 후 secondPage 다트 파일은 복사 붙여넣기로~ import 'package:flutt.. 2024. 5. 6. 오공완 (with Do it! 플러터 앱 프로그램밍) #4 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. import 'package:flutter/material.dart';class ImageWidgetApp extends StatefulWidget { const ImageWidgetApp({super.key}); @override State createState(){ return _ImageWidgetApp(); }}class _ImageWidgetApp extends State { String _text = "HelloFlutter"; Strin.. 2024. 5. 5. 오공완 (with Do it! 플러터 앱 프로그램밍) #3 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 어제 오류를 못 잡은 거 다시 들여다봤다. 왜 이래야 하는지는 모르겠으나 일단, 해결은 했다.문제는 var swichValue = false; 의 위치 전에는 것은 widget 함수 밑에 있었다. 책에서도 위젯 함수 밑에 있는데..암튼 class _MyApp extends State{ 밑으로 뺐더니 해결이 됐다.논리 구조를 아직 이해를 못하니 이 녀석이 코드 한 줄로 왜 이렇게 예민하게 구나 싶다~^^;;; 오늘은 위젯의 생명주기 이해하기란다.앱 인벤터에서 아쉬웠던.. 2024. 5. 2. 오공완 (with Do it! 플러터 앱 프로그램밍) #2 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. 3강 플러터 내부 구조 살펴보기 3강 앞부분 내용은 다른 책과 비슷한 듯하여 빠르게 넘어갑니다.이 책에서도 데모 앱을 수정해 보는 부분이 있다. 역시나 책에서 앱바 색 지정 코드는 아래처럼 되어 있다. Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primaryColor: Colors.blue, .. 2024. 5. 1. 이전 1 2 3 4 5 다음 반응형
