ZeddiOS

안녕하세요 :) Zedd입니다. 오늘은 Custom Font를 적용하는 법을 공부해보겠습니당. flutter.dev/docs/cookbook/design/fonts Use a custom font How to use custom fonts. flutter.dev 여기에 나와있는대로 따라해볼거에요. 1. 적용하고 싶은 폰트 다운로드 이 폰트를 좋아해서 👀 .. 다운로드 받아볼게요! 참고로 어디에 어떻게 사용해도 문제 없는 폰트입니다. 2. 프로젝트에 Fonts폴더 생성 및 다운로드 받은 폴더 추가. Fonts 디렉토리를 만들고 그 하위에 폰트를 추가해주세요. 3. pubspec에 가서 추가된 폰트 명시 pubspec에 가면 이렇게 fonts섹션이 있는데, 보니까 패밀리를 적고, 그 하위에 해당 패밀리 안에..

안녕하세요 :) Zedd입니다. 오늘은..Flutter로 진짜 간단한 앱을 만들어보겠습니다. 예제 소스는 flutter-ko.dev/docs/cookbook/networking/fetch-data를 참고했습니다! 완전히 똑같지는 않습니다! 1. http 패키지 추가하기 https://pub.dev/packages/http#-installing-tab- http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev 2. 모델을 만들어준다. 3. 응답 정보를 커스텀 Dart객체(Post)로 변환하기 4. PostViewModel 생성. 1 ) 위에서 만들어준 Post모델을 사용해야하므로 Post.dart..

안녕하세요 :) Zedd입니다. Flutte 패키지를 사용해보겠습니다. 저는 패키지를 그냥 라이브러리라고 생각하겠습니다! 사람들이 이미 만들어놓은 다양한 패키지를 가져다 쓸 수 있어요. 패키지들은 pub.dev에 게시되고, 인기있는 패키지들도 볼 수 있으니! 확인해보시길 바랍니다. 일단 저는 Flutter에서 SF Symbol을 사용하고 싶으므로, pub.dev/packages/flutter_sfsymbols flutter_sfsymbols | Flutter Package A new Flutter package. pub.dev 라는 패키지를 사용해보겠습니다. 1. 프로젝트 폴더의 pubspec.yaml을 열어준다. 2. 내가 추가하고 싶은 패키지 페이지에 간다. 이런코드가 있을텐데, 복사해주고, pubs..

안녕하세요 :) Zedd입니다. CupertinoNavigationBar에 Item넣는 법 / item이 짤려보이는 현상 해결 글을 썼었는데, Navigaiton Item을 클릭하면 새로운 화면을 present하는 방법을 알아보겠습니다. 저번에 딱 여기까지 했었는데요, 일단 누르면 뭔가를 해야하니까..onPressed부분을 수정하면 됩니다. 아마 뭐 Flutter에서 새로운 화면 여는법 뭐 이런식으로 검색을 하면 이 Route라는 단어를 엄청 많이 볼 수 있습니다. 이 Route가 뭔지 부터 설명할게요. Route 용어: Flutter에서 screen 과 page 는 route 로 불립니다. Route는 Android의 Activity, iOS의 ViewController와 동일합니다. Flutter에서..

안녕하세요 :) Zedd입니다. 와 Flutter진짜..다른건 다 둘째치고... 넘넘....눈이 아프다........** # CupertinoNavigationBar에 item을 넣고싶다. CupertinoNavigationBar(middle: Text("Navigation Title"), leading: ..., trailing: ... ); CupertinoNavigationBar의 leading, trailing 파라미터를 이용하면 된다. leading, trailing에는 당연히 Widget을 넣을 수 있으므로 CupertinoNavigationBar(middle: Text("Navigation Title"),leading: Text("Leading"),trailing: Text("Trailing..

안녕하세요 :) Zedd입니다. # 상황 일단 저는 Widget을 극한으로 쪼개고 싶습니다. class MainWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold(appBar: CupertinoNavigationBar(middle: Text("iOS"))); } } 이것도 좋지만, 저 CupertinoNavigationBar(middle: Text("iOS"))도 하나의 StatelessWidget으로 만들어서 관리하고 싶은 마음입니다. 그래서 class MainWidget extends StatelessWidget { @override Widget build(BuildContext c..

안녕하세요 :) Zedd입니다. 오늘은 Flutter에서 지금 iOS환경인지..Android환경인지 구분하는 방법을 공부해보겠습니다! 먼저 foundation을 import해주세요. import 'package:flutter/foundation.dart' as foundation; 이제 foundation.defaultTargetPlatform == foundation.TargetPlatform.iOS; foundation.defaultTargetPlatform == foundation.TargetPlatform.android; 이런식으로 구분할 수 있습니다. 방법 1 : 프로퍼티를 만든다. class ZeddApp extends StatelessWidget { bool get isiOS => found..

안녕하세요 :) Zedd입니다. 저번에 StatelessWidget을 공부했습니다. 오늘은 StatefulWidget을 공부하고 만들어보겠습니다. IDE를 켜시고 차근차근 코드를 복붙해가시면서....같이 해보면 좋을 것 같습니다! StatefulWidget 플러터를 처음 만들면 보이는 예제코드에서도 class MyHomePage extends StatefulWidget {...} 이런게 있었던걸 보셨을 겁니다. StatefulWidget은 "변경 가능한 상태를 가진 Widget"입니다. 여기서 "상태"라는 건 1. Widget이 빌드 될 때 동기적으로 읽을 수 있고 2. Widget의 생명주기동안 변경될 수 있는 정보입니다. 그래서 StatefulWidget은 UI가 동적으로 변경될 수 있는 경우에 유용..