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입니다. 와 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를 살펴봤습니다. import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart'; void main() { runApp(ZeddApp()); } class ZeddApp extends StatelessWidget { @override Widget build(BuildContext context) { return CupertinoApp(home: Scaffold()); } } 이렇게요. 오늘은 StatelessWidget에 대해서 좀 더 자세하게 살펴볼려고 합니다. StatelessWidget StatelessWidget은 ..

안녕하세요 :) Zedd입니다. 오늘은..Flutter의 기초에 대해서 같이 공부해보도록 합시다. ⚠️⚠️⚠️⚠️ 이 글은 진짜 개쌉왕초보 거의 뭐 안드로이드 스튜디오도 모르고 Dart도 잘 모르고... 플러터에 대해서 아는거라곤 거의 없는 사람이 작성한 글입니다. ⚠️⚠️⚠️⚠️ 빈화면 만들기 Flutter 프로젝트를 만들면 기본적으로 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { re..