programing/flutter(6)
-
[flutter]Dart 생성자 여러가지 사용법
일단 플러터를 시작한다고 하긴 했는데, dart라는 언어는 써본적도 없고 막막합니다~ 그러나 우리에겐 구글님이 있죠 ㅎㅎ 최대한 플러터 공식홈페이지를 활용 하려고 하긴 합니다만 영어울렁증 때문에 간단한건 한글로 구글링을 하게 되네요.. 여튼! Dart 생성자에 여러가지 사용법을 알아볼게요! 기본적으로 인자를 받아서 클래스내에 선언된 변수에 저장해주는 생성자로 예를 들어볼게요 첫번째, 기본형 class Fish { String? name; String? state; Fish(String? name, String? state) { this.name = name; this.state = state; } } 이렇게, 사용하면 Fish('금붕어', '건강') 이런식으로 매개변수를 순차적으로 입력하여 사용해야합니다..
2022.08.12 -
[Flutter] Widget에 관하여
안녕하세요 flutter를 올린지 몇 개월이 지나서야 다시 올리네요.. 저번에는 책을 구매해서 따라해보려고 했는데 실패.. 아니 ... 방법을 바꿨습니다. 책은 현재 나온 3.0버전과 내용이 많이 다르고 보다보면 심지어 개념도 헷갈리기도 해서 영어 울렁증을 마다하고서라도 flutter 홈페이지에서 제공하는 영상과 문서들을 보고 앱을 만들어보는게 낫지 않을까~~ 라는 생각을 하게 되었네요..ㅎㅎ 구매한 책은.. flutter가 좀 익숙해진 뒤에 대충 훓터볼 예정입니다. 그럼 그 때 아~~ 이게 이거 였네~ 하면서 넘길 수 있습니다. C와 자바도 그러한 경험이 있었습니다 ㅎㅎ 우선 알아 볼 내용은, 1. Flutter가 무엇인지 2. Widget의 조합 및 구성이 어떻게 이루어 지는지 3. 실제 코드 입니다..
2022.08.10 -
[flutter] 01. Hello world - 3
안녕하세요 이번에는 결과화면부터 띄워볼게요! 이런 결과 화면을 만들어볼겁니다. 일단 화면을 만들기전에 화면에 박스를 그려놓고 시작하는게 개발하기 편해요! 대충 이런식으로~ 저번엔 MyApp클래스를 만들고 바로 Center라는 위젯을 return 해주면서 Hello world를 출력했었는데 이번엔 MaterialApp위젯으로 return을 해볼게요 일단 가장 바깥쪽 영역을 Scaffold위젯으로 나눠봤습니다. 각각의 속성은 appBar, body, bottomNavigationBar 위젯을 작성하고 그안에서 Ctrl + space 를 하면 자동완성이 나오는 활용하면 좋습니다. appBar: AppBar( title: Text('Hello World Travel App'), backgroundColor: C..
2022.01.18 -
[flutter] 01. Hello world - 2
안녕하세요 저번 게시물에서 간지나게? 커맨트창에서 타다닥 해서 화면하나 띄웠죠? ㅎㅎ 이번엔 안드로이드 스튜디오 툴에서 직접 코딩해서 띄워봅시다~ 일단, File > Open클릭하고 커맨드에서 flutter create hello_world 했던 프로젝트를 열어주세요~ 그럼 프로젝트가 불러와집니다. 바로 lib > main.dart를 열어주세요.(일단 무지성..) 기본으로 작성된 코드들은 쿨하게 삭제~ 전 책이 시키는대로 잘합니다 ㅎㅎ 찝찝하시면 어디 복사해놓으세요~ 그리고 아래 코드를 작성해줍니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @over..
2022.01.13 -
[flutter] 01. Hello world - 1
안녕하세요 저번에 플로터 설치해보는 게시물을 올렸습니다. 이어서 flutter로 hello world를 찍어보고 간단하게 위젯을 사용해볼게요. 일단 powerShell 또는 cmd 창에서 한번 해볼게요. 있어 보이잖아요.. ㅎㅎ 1. flutter doctor로 확인 2. flutter create [프로젝트명]로 프로젝트 생성 프로젝트 경로로 진입해서 hello_world 프로젝트를 만들어볼게요 전 이미 만들었서 hello_world_review로 만들게요 생성 내역이 쭉 내려가면서 해당경로에 hello_world 프로젝트가 생기셨을겁니다 3.flutter run로 실행 그럼 cd hello_world 진입해서 flutter run 해봅시다 실행할 장치 선택이 나오는데 전 크롬 ㅎ 잘뜨네요 ㅎㅎ 툴에서..
2022.01.12 -
flutter 시작하기(flutter 설치, 안드로이드 스튜디오 설치 등)
안녕하세요. 올해 목표중 하나가 flutter로 만든 앱 출시라.. 책도하나 사서 시작했습니다~ 왜냐면 개발하기 쉽데요.. 쉽다니까 그냥 해보는거죠.. ㅎㅎ 그리고 중요한건 안드로이드 아이폰 동시에 개발 가능하다는데 이건 아마 해봐야 알거같아요 제약사항도 분명히 있을텐데... 그래도 괜히 된다는 말이 나온건 아니겠죠.. 출시할 앱을 만들기전에! 소규모 프로젝트를 좀 해볼까합니다. 시간이 될지 모르겠지만 일단 설치부터 해봅시다. 1. Flutter SDK 다운 -구글에 flutter install 검색 하거나 아래 url 접속 https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs...
2022.01.09