가을기 Workspace

플러터에서 앱의 데이터를 저장하는 방법 중, SharedPreference를 사용해서 간단한 데이터를 저장한다. 환경 준비 dependencies: flutter: sdk: flutter shared_preferences: ^2.0.6 코드 import 'package:flutter/material.dart'; import 'package:shared_preferences/shared_preferences.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context..

https://medium.com/@icelancer/flutter-navigator-1-basic-e300efb24543 flutter의 Navigator는 스택을 이용해 페이지를 관리할 때 사용하는 클래스이다. main.dart import 'package:flutter/material.dart'; import 'package:subpage_example/page/first.dart'; import 'package:subpage_example/page/second.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @overrid..

앱을 만들다 보면 모든 내용과 기능을 한 화면에 보여줄수 없을 떄가 많다. 각 화면을 탭으로 연결한 탭바를 이용해 관련 있는 내용끼리 묶을 수 있겠다. 메인 화면에서 탭을 눌러 화면을 이동할 수 있으므로 좀 더 직관적인 앱을 만들 수 있다. main.dart 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) { return MaterialApp( title: 'Flutter Demo', them..

앱을 사용하다 보면 용량이 큰 파일을 내려받아야 할 때가 있다. 유저는 파일을 내려받을떄 까지 기다려야하는데, 화면에 아무런 정보가 표시되지 않는다면 앱이 멈춘것으로 생각할 수 있다. 파일을 내려받을 때 진행 상황을 표시해줄 필요가 있다. 환경 준비 dio: 파일을 내려받는 패키지 path_provider: 내부 저장소 패키지 dependencies: flutter: sdk: flutter dio: ^4.0.0 path_provider: ^2.0.2 화면 코드 import 'dart:io'; import 'package:dio/dio.dart'; import 'package:flutter/material.dart'; import 'package:path_provider/path_provider.dart'..

- https://www.disquiet.tech/post/disquiet-seed-round-retrospective-1- https://www.disquiet.tech/post/disquiet-seed-round-retrospective-2- https://www.disquiet.tech/post/disquiet-seed-round-retrospective-3 1. 순수한 재미와 호기심으로, 사이드프로젝트에서 시작하자. 사업을 한다는 생각으로 프로젝트를 시작하면 욕심을 내게 되고 이는 압박감으로 이어진다. 2. MVP의 목표는 사용하지 않는 프로덕트를 개발한다는 리스크를 줄이는 것.중요한건 사람들이 사용하지 않는 프로덕트를 개발하는 리스크를 줄이는 것이고, 최소한의 시간을 써서 최대한 신뢰도가 높은 ..

https://fonts.google.com/ 구글 폰트 홈페이지에서 google_fonts 라이브러리는 google styled_widget과 같이 손쉽게 로고를 만들어보자. dependencies: flutter: sdk: flutter styled_widget: ^0.3.1 google_fonts: ^2.1.0 import 'package:flutter/material.dart'; import 'package:styled_widget/styled_widget.dart'; import 'package:google_fonts/google_fonts.dart'; class Logo extends StatelessWidget { @override Widget build(BuildContext context..

styled_widget은 Dart 2.7.0 부터 소개된 extension method 기능을 활용해 메서드로 flutter의 위젯 트리를 간단하게 만들어주는 라이브러리다. flutter 개발이 손쉬워진다. 레딧: https://www.reddit.com/r/FlutterDev/comments/e254mv/flutter_equivalent_of_swiftui/ Github: https://github.com/ReinBentdal/styled_widget 예제 styled_component를 활용한 코드 예제 Icon(OMIcons.home, color: Colors.white) .padding(all: 10) .decorated(color: Color(0xff7AC1E7), shape: BoxShape..

데이터 통신을 구현하려면 서버와 데이터가 필요하다. 서버를 직접 구축하고 통신으로 주고받을 데이터도 직접 생성할 수 있겠지만, 공개된 데이터를 활용하면 시간을 좀 더 아낄 수 있다. 카카오 API 여기서 이용하려는 데이터는 책 정보로, 카카오가 제공하는 검색 API를 이용해 얻는다. 카카오는 국내에서 네이버와 함께 손꼽히는 기업으로서 다양한 분야의 많은 데이터를 가지고 있다. 이들은 자사의 데이터를 개발자들이 사용할 수 있도록 여러 가지 API를 제공한다. 카카오 API를 이용하려면 API 키를 얻어야 한다. 로그인 후 메뉴에서 "내 애플리케이션" 클릭 > "애플리케이션 추가하기" 클릭 이름에 httpTest 입력 후, 각자 이름 입력 httpTest 애플리케이션 클릭해서 정보를 확인 검색 api에서 활..