조준장 개발자 생존기

이번에는 플러터에서 사용되는 Dart 문법에 대해서 알아보자. DartPad dartpad.dev Dart 언어만을 다루기 때문에 위 링크를 통해 Dart 문법에 대해서만 확인하면서 진행하도록 하자. var와 dynamic Dart에서 Java와 비슷하게 변수를 선언하지만 Java와 다르게 타입 추론이 가능하다. String name = '준장'; var friend = '준혁'; // 타입 추론 변수 name은 String으로 타입을 명시해주었지만 변수 friend 같은 경우, 타입을 var로 지정하여 타입 추론을 하게 했다. 여기서 주의할 점은 var 타입으로 변수를 선언할 때 초깃값을 참조하여 해당 변수의 타입을 추론하기 때문에 한번 var로 선언한 변수는 다른 타입의 값으로 넣어서는 안 된다는 것..

이번에는 앱 개발에 많이 쓰이는 Bottom Navigation Bar를 구현해보자. Bottom Navigation Bar는 동적으로 화면이 변화하므로 Stateful Widget을 통해 구현해야한다. main.dart import 'package:flutter/material.dart'; import 'package:flutter_application_1/home.dart'; void main() => runApp(MyApp()); // 프로그램을 실행할 때 MyApp 부터 실행하겠어! // StatelessWidget은 변화지 않는 화면을 작업할 때 사용. // 변화는 화면을 작업 하고싶을 경우에는 StatefulWidget을 사용. class MyApp extends StatelessWidget ..

Flutter를 처음 시작할 때 나오는 Stateless Widget과 Stateful Widget에 대해서 알아보자. Stateless Widget Stateless Widget이란 말 그대로 상태가 없는 위젯이다. Stateless Widget은 한 번만 bulid() 메서드가 실행되며 화면에 표시된 후에 화면을 변경할 수 없다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); // 프로그램을 실행할 때 MyApp 부터 실행하겠어! // StatelessWidget은 변화지 않는 화면을 작업할 때 사용. // 변화는 화면을 작업 하고싶을 경우에는 StatefulWidget을 사용. class MyApp extends St..

플러터 기본 틀과 메커니즘에 대해서 코드 분석을 통해 알아보자. 우리가 이번에 만든 기본 틀은 다음 사진과 같다. 코드 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); // 프로그램을 실행할 때 MyApp 부터 실행하겠어! // StatelessWidget은 변화지 않는 화면을 작업할 때 사용. // 변화는 화면을 작업 하고싶을 경우에는 StatefulWidget을 사용. class MyApp extends StatelessWidget { // MaterialApp = 앱으로서 기능을 할 수 있도록 도와주는 뼈대 @override Widget build(BuildContext context) { // return Materi..

VS Code에서 플러터 개발환경을 구축해보자. Flutter SDK 설치 Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. flutter.dev Flutter 공식 사이트의 접속한다. 자신의 환경에 맞춰 Flutter를 설치할 운영 체제를 선택한다. Windows를 예시로 설치하겠다. 운영체제를 선택 후 Flutter SDK를 다운로드한다. 다운로드한 후에는 적당한 위치에 압축을 풀어준다. 압축을 푼 후에 bin 폴더에 들어가 주소를 복사해준다. (환경 변수 편집을 위해서 복사해주는 것이다.) 이후 PC 검색 창에 "시스템 환경 변수 편집..