달망이 삽질인생

분류 전체보기250

Flutter Screen(Route,Activity) 컨트롤 (화면 이동, Data전달) Android 에선 Activity, iOS에선 UIViewController 로 창을 만들고 이동하는데 Flutter에선 어떻게 하는지 알아보겠습니다 화면을 만드는 방법, 다른 화면 이동시 애니메이션 방법 화면끼리 데이터를 주고 받는 방법 1. 화면 준비 우선 화면을 준비해보겠습니다 class FirstRoute extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('First Route'), ), body: Center( child: RaisedButton( child: Text('Open route'), onPressed: () { // Nav..

Flutter 텍스트 입력 (EditText, TextField) Flutter에선 텍스트를 어떻게 입력하고 어떤 옵션을 주면 어떻게 생기게 되는지 알아보겠습니다 0. 기본 소스코드 import 'package:flutter/material.dart'; void main(){ runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Text Edit Widgets') ), body:Padding( padding: EdgeInsets.all(8.0), child: Column( children: [ /* Widget을 넣을 위치 */ ] ) ) ) ) ); } 소스코드를 위와 같이 짜 놓고 계속해서 Column의 children으로 Widget을 추가해 볼 생각입니다. 1. TextField 텍스트를 입력 받는..

Flutter 리스트 뷰 (ListView) 어떠한 정보들을 스크롤 방향으로 나열한 뷰를 말합니다 아니 여기선 Widget이라고 해야되나...?.... 1. 정적인 아주 간단한 리스트 뷰 Widget을 직접 넣어준 만큼 리스트뷰에서 보여줘 보자 1.1 소스코드 import 'package:flutter/material.dart'; void main(){ runApp( MaterialApp( home: ListView( padding: const EdgeInsets.all(8.0), children: [ Container( height: 50, color: Colors.amber[600], child: const Center(child: Text('Entry A')), ), Container( height: 50, color: Colors.amber..

Flutter Scaffold? 스캐폴드? 플러터를 시작하고 은근히 Scaffold라는 말을 많이 봤습니다. 저에겐 개발하면서 잘 못 봤던 생소한 단어 이기도 합니다 0. 단어 일단 단어부터 짚고 넘어가 봅시다 구글에 검색해보니 발판, 골격, 단두대;; 라는 단어로 쓰고 있네요 한국식 발음으로는 스캐폴드 인가 봅니다 네이버를 찾아보니. 건축 산업현장에서 쓰이는 발판을 이야기 하는거 같습니다. 1. Class 스캐폴드를 찾아보니 https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart API Implements the basic material design visual layout structure. This class pr..

Flutter Package(Library) 검색 방법 및 사용, 예제 플러터에서 제공되는 기본 기능만을 가지고 앱을 개발하면 좋겠지만, 실제 업무를 하다보면 더욱 다양한 환경 구축으로 인해 다양한 기능이 필요하게 됩니다 이러한 기능을 어떻게 찾고 추가하는지에 대해서 간단히 설명해볼까 합니다 0. 목표 예제 삼아서 네트워크의 이미지를 캐쉬하는 기능을 어떻게 찾고 어떻게 패키지를 설치하고 코드로 구현하는지 같이 살펴보도록 하겠습니다 1. Flutter Packages 방문 먼저 https://pub.dev/flutter 여기로 접속합니다 2. Cache Network Image 검색 순서 상관없이 떠오르는 기능 그대로 검색해봅시다 검색된 결과엔 cached_network_image, extended_image, cache_image, network_to_file_image 가..

Flutter Icon, Asset PNG, SVG, NetworkImage, Gif, Loading... 지난번 Widget 게시글 https://dalgonakit.tistory.com/100 Flutter Hello Widget! | Text Example, Button Example 지난 게시글 https://dalgonakit.tistory.com/99 Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사.. dalgonakit.tistory.com 들어가기 전에 Text Widget과 기타 Widget을 써보니 이제 flutter에서 이미지는 어떻게 넣는지 궁금해졌습니다 이미지는 Icon, Asset(Resource)에 있는 Image, Network에 있는 이미지를..

Flutter Hello Widget! Stateful, Stateless + Text, RichText, Button Example 지난 게시글 https://dalgonakit.tistory.com/99 Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 해보려 합니다 F.. dalgonakit.tistory.com 위젯 Flutter에서 위젯은 현재의 구성과 상태를 가지고 있는 UI 단위를 말합니다. (안드로이드의 런처화면에 있는 상태를 저장하고 상태를 보여주는 위젯과 어찌보면 비슷하다고 생각됩니다. 아직 저도 배우는 단계다 보니 정확한 표현일지는 모르겠네요) 습관적으로 View로 생각하게 됩니다 가장 간단한 예제 |..

Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 해보려 합니다 Flutter를 다루는 Dart 언어는 항상 배우지 말아야 할 언어.. dalgonakit.tistory.com 지난번엔 플러터가 무엇이고, 맥 환경에서 VSCode로 어떻게 설정하는지 알아 보았습니다. 0. 들어가기 전에 이번엔 VSCode를 가지고 어떻게 프로젝트를 만들고 어떻게 에뮬레이터에서 실행할 수 있는지 알아 보겠습니다. 사실 저도 처음이라 몰르지만..ㄷㄷㄷ 일단 고고 해보겠습니다!! 1. 프로젝트 생성하기 1) 맥 상단 바에서 [View] - [Command Palat..

토익 예상 점수 (인공지능) 추측 사이트 타 회사 사이트의 기능이기 때문에, 오해할 수 있어서 광고가 아님을 먼저 말씀드립니다. 토익 점수를 신경쓸 수 밖에 없는 우리나라에선 토익 점수 갱신 또한 너무나도 귀찮아요... 저는 8년전 토익을 봤는데 점수가 도무지 기억이 나질 않는겁니다.. 이전 점수를 어떻게 하면 다시 알아 낼 수 있지 하면서 구글링을 하던 도중 적절한 사이트가 눈에 띄었습니다. 산타토익 이라는 사이트에서 제공하는 인공지능 점수 체크! 찾아보니 유튜브 광고도 있었네요 궁금하면 위 썸네일 클릭~ 썸네일로 조회수가 많이 늘꺼같네요 🙃 영상을 보다보니 초반 점수와 후반 점수가 다르더군요 😅... 어디 딥러닝이 얼마나 잘 됬는지 한번 해 봅시다 일단 소리로 맞추는 문제가 나올 수도 있으니 이어폰을 준비해봅니다, 문제는 10문제 라고 하네..

안드로이드 어댑티브 (적응형) 아이콘 / 개념부터 적용까지 배경 | 앱 아이콘 모양의 파편화 먼저, 오늘자로 올라온 구글 플레이 인기 순위만 보더라도 정말 많은 어플들이 서로 다른 모양(텍스트형, 아이콘형, 네모난 배경, 라운드 배경, 동그란 배경 등)을 가지고 있는걸 볼 수 있습니다. 앱 들이 자유로운 아이콘을 사용할 수 있는 것 까진 좋았지만, 앱의 개성을 서로 뽐내기 위해 만들어진 아이콘이 실제 사용자의 폰에서 설치하고 나면 지저분하고 한 눈에 안들어오기도 합니다. (반대로 지저분해서 눈에 들어오는 경우도 있습니다) 역사 | 수 년 간의 노력들 구글도 초창기엔 다른 앱과 다름없이 기능을 이해시키기 위한 아이콘 위주로 만들다 보니 서로 다른 크기와 모양을 가진 아이콘을 사용했습니다. 2012년엔 앱 개발자가 직접 획일화를 해결해주길 바라면서 런처 개발이 가능..

이전 1 ··· 17 18 19 20 21 22 23 ··· 25 다음

티스토리툴바