Flutter 6

[Dart] Enum 타입 - 열거 타입

Dart의 Enum type 1. enum 타입은 언제 사용할까? • 한정된 상수 값 집합을 나타내기 위해 사용된다. • 직관적인 코드 작성에 용이하다. 2. 어떻게 써야 할까? enum Color { red, black, yellow } • 열거형의 명칭은 첫 문자를 대문자로 쓰는 게 관례이다. • 앞에 enum 키워드를 붙인다. • 중괄호 블록에 필드로 상수값들을 나열한다. 3. 상수 목록 읽기 • 상수 목록은 List와 마찬가지로 인덱스로 관리할 수 있다. • 상수 목록 전체 값을 읽을 때는 .values를 사용한다. void main() { print(Color.values); } • forEach문을 활용해서 읽기도 가능하다. 1) void main() { Color.values.forEach(..

[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​유튜브로 코딩 관련 영상들을 많이 보는데 추천으로 본 영상에서 소개해..

[flutter 프로젝트] flutter로 선택장애, 결정장애 해결 안드로이드 어플만들기 1편

네이버블로그에서 포스팅했지만 배달시킨 음식이 도착기까지 아직 많은 시간이 남아서 티스토리에도 올립니당😀 지금 업로드 되는 gif 파일들속 영상들에는 오늘 추가한 모든 기능들이 들어있지는 않아요 잠시 미리보기용으로 올리는겁니당 위 영상에서 보이는것과 같이 나름 많은 기능들이 들어있는 무작위 뽑기 앱입니다. 패기롭게(?) '몇시간만에 코딩 다 끝나겠지'라는 생각으로 시작했는데, 오늘 하루종일 코딩했어요 ㅎㅎㅎㅎ헤헿히ㅓ홓 코딩하면서 여러 문제점들에 부딪혀서 삽질하느라 고생좀했답니다 😆 문제1) 레이아웃을 대충 머리에만 그려놓고 시작하여 뒤죽박죽 난리남 => 레이아웃 스케치 및 위젯 정리후 새로짬 문제2) remove 버튼 눌렀을 때 위젯 리빌드되지 않아 바로 반영 안됨.(해당 클래스에서 setState()를 ..

Dart 언어 - 문법 정리

Dart 언어는 객체 지향 프로그래밍 언어(Object-Oriented Programming, OOP)이다. Java나 Python, C++ 등의 언어들도 객체 지향 프로그래밍 언어에 해당한다. Hello, World! main() 함수에서 print() 함수를 이용하여 인자값을 Console에 출력할 수 있다. 문자열과 변수를 같이 출력 해야할 경우, 위와같이 자바와 동일하게 "문자열"+변수+"문자열 형식으로 쓸 수도 있고, 보다 간단한 문법도 있다. 문자열 중간에 $기호를 쓰고 변수명을 써주면 된다. 함수(메소드)의 경우에는 ${메소드명()}이런식으로 중괄호를 이용하여 작성하면 된다. **개행 시키기** 문자열 시작부분과 끝 부분에 큰 따옴표 대신 작은 따옴표 '를 3번 연속 작성하면 된다. 데이터 ..