코딩 이야기/Flutter 5

[Flutter] Flutter 웹 release - Icon 엑박 이슈

[Flutter] Flutter Web - Github Page를 통해 플러터 웹 호스팅 Flutter web 프로젝트 생성 Input flutter config Output Configure Flutter settings. To remove a setting, configure it to an empty string. The Flutter tool anonymously reports feature usage statistics.. dajoonee.tistory.com 이전 글에서 보면 알겠지만, Flutter web 프로젝트를 Github 페이지에 올렸을 때, 아이콘 모양이 네모 모양으로 나타나는 현상이 있었다. 폰트 또한 적용되지 않았다. 여기저기 뒤적거리며 여러 방법을 적용해보았는데... 원래 사용..

[Flutter] Flutter Web - Github Page를 통해 플러터 웹 호스팅

Flutter web 프로젝트 생성 Input flutter config Output Configure Flutter settings. To remove a setting, configure it to an empty string. The Flutter tool anonymously reports feature usage statistics and basic crash reports to help improve Flutter tools over time. See Google's privacy policy: https://www.google.com/intl/en/policies/privacy/ Global options: -h, --help Print this usage information. -v, --..

[flutter] 화면 이동 구현 - Navigator

flutter에서 화면 이동을 구현하려면 Navigator 클래스를 사용해야 합니다. 화면 이동을 구현하기 위해서는 다수의 routes가 필요합니다. route란? flutter에서는 screen, page를 route라고 부릅니다. 안드로이드에서는 Activity, ios에서는 ViewController와 동일합니다. main() void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Screen1(), ); } } Screen1() class Screen1 extends StatelessWidget { ..

flutter ThemeData - 앱의 테마를 지정해보자.

앱은 여러 화면들로 구성이 되어있는 경우가 많습니다. 화면들마다 색상을 구성해준다면 굉장히 불편하겠죠? ​ 그렇기에 원하는 값으로 설정이 가능한 ThemeData를 사용하는 게 정신건강에 무척이나 좋을듯하네요 😁 class _MyHomeState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Theme Data'), centerTitle: true, ), body: Center( child: Text('Body Text'), ), floatingActionButton: FloatingActionButton( child: Icon(Icons.add), ), )..

웹에서 flutter 프로젝트 - flutter 온라인 IDE 추천 [flutLab]

컴퓨터 프로그래밍 언어들 중 c언어, java, python 등의 언어의 개발환경을 지원하는 온라인 IDE는 무수히 많지만지금껏 사용해봤던 온라인 에디터에서는 dart 언어나 flutter(는 언어가 아니지만..)를 지원하는 에디터는 보지 못했던거 같아서 한 번 찾아봤다.​​1. CODEPEN​codepen.io/CodePenAn online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.codepen.io​유튜브로 코딩 관련 영상들을 많이 보는데 추천으로 본 영상에서 소개해..