초보9 오공완 (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. 오공완 (with Do it! 플러터 앱 프로그램밍) #1 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.책을 동시에 2권 나가기로 했다. 워낙 시간이 없고, 이 책에서 이해 못 한 부분은 다른 책에서.. 다른 책에서 이해 못 한 부분은 이 책이 채워주지 않을까 하여..이 책은 16주차로 계획되어 있다. 빠르면 16일 안에도 끝낼 수 있다고.. 1강 플러터 시작하기 iOS: 오브젝티브-C-> 스위프트(Swift) 안드로이드: 자바(java)->코틀린(Kotlin) 2개를 개발해야 하는 불편함으로 인해 웹앱->프로그레시브 웹앱 하이브리드 앱이 녀석들은 애니메이션 제약.. 2024. 5. 1. 오공완 (with 개발이 재미있는 플러터앱 프로그램밍) #4 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다. [Structure]를 보면 앱의 구조를 볼 수 있음. 머티리얼 디자인 스펙은 아래를 참고하라는데 가봐도 뭘 봐야 할지..^^;;https://m3.material.io/ Material DesignBuild beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digit.. 2024. 4. 30. 오공완 (with 개발이 재미있는 플러터앱 프로그램밍) #3 // 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.일단은 다음으로 넘어가자.머터리얼 디자인을 적용하려면 pubspec.yaml에서 flutter: user-material-design: true를 입력해야 한다는데, 이미 되어 있다.main.dart에useMaterial3: true,추가해주면 된다는데, 변화가 없다. 기본값이 머터리얼 3인 걸까? 그래서 배경색 지정이 안된 걸까? 쿠퍼티노 디자인 부분은 pass~ 2.3 소스 구조화하기소스를 쪼갤 수 있음. lib 폴더에 새로운 파일을 만들고, 소스를 만들고, 메.. 2024. 4. 29. 오공완 (with 개발이 재미있는 플러터앱 프로그램밍) #2 오늘의 공부:2.2 실습하기~ 오늘 배울 내용은 텍스트 폰트 등의 테마를 바꾸기. 이렇게 기초부터 가르쳐 줘서 너무 좋다.Stateless Widget(상태 없는 위젯)은 다음 장에서 자세히 설명할 예정이라고 함.title: 'ThemeData', 부분이 왜 들어갔는지.. 삭제. 그런데도 작동을 안 함. 도대체 또 어디가 잘못된 건데..기분 나쁜 녹색 밑줄들과 마지막은 왜 빨간색 블럭이 들어있지? 일단, 패스~구글 폰트 추가pubspec.yaml파일에 구글 폰트 패키지 추가[Terminal]에서 'flutter pub add google_fonts'를 입력하면 구글 폰츠 패키지가 추가된다고 하는데, 터미널을 찾는데 한참이 걸렸다. 유튜브 영상 보면서 따라 하다가 강사랑 같은 스타일을 적용하고 싶으면 뭘 .. 2024. 4. 29. 이전 1 다음 반응형
