dldyou

https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#4 첫 번째 Flutter 앱 | Google Codelabs 이 Codelab에서는 멋진 이름을 무작위로 생성하는 Flutter 앱을 빌드하는 방법을 알아봅니다. codelabs.developers.google.com 여기서부터 이어서 진행하려고 한다. 우선 초기 상태에서 주어졌던 center alignment와 floatingActionButton을 제거하고 시작을 하려고 한다. 또한, 우상단의 DEBUG 표시가 거슬렸기에 MaterialApp에 debugShowCheckedModeBanner를 false로 설정해주면 class MyApp extends Statele..

https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#0 첫 번째 Flutter 앱 | Google Codelabs 이 Codelab에서는 멋진 이름을 무작위로 생성하는 Flutter 앱을 빌드하는 방법을 알아봅니다. codelabs.developers.google.com colab으로 제공되는 스타터팩을 진행해보려고 한다. 맨 처음에 학습할 내용을 훑어주는데, 아래의 내용을 진행한다고 한다. Flutter 작동 방식의 기본사항 Flutter에서 레이아웃 만들기 버튼 누르기 등 사용자 상호작용을 앱 동작에 연결 Flutter 코드 체계적으로 유지 앱을 반응형으로 만들기(다양한 화면에 맞게) 앱의 일관된 디자인과 분위기 달성..

서론 항상 새로운 기술을 배우기 시작하는 것은 귀찮지만 한편으로는 재미있는 것 같다. 저번 시간에 Flutter 프로젝트를 구성해 봤었는데, 오늘은 해당 프로젝트가 어떻게 이루어져 있는지, 어떻게 작동이 되는지를 알아보고자 한다. 프로젝트 구성 README 처음 생성 시에 README 파일과 main.dart 파일 하나를 띄워준다. README 파일에는 처음으로 Flutter 프로젝트를 진행하는 사람들을 위한 Docs들이 주어진다. https://docs.flutter.dev/get-started/codelab 따라 만들기만 해도 어느 정도의 기본 요소는 알아갈 수 있는 설명서가 제공된다. 카피 코딩에 대해 호불호가 갈리는 것은 사실이지만, 언제나 처음은 흥미로 시작하는 것이기에 나는 좋게 보는 편이다...

서론 틈틈이 개발을 진행하고자 해서 조금 둘러보다가 Flutter를 발견하게 되었다. 처음 봤을 때는 별 생각이 없었는데, 크로스 플랫폼 지원에 Flutter에서 사용하는 Dart라는 언어가 C / Java와 유사한 문법을 가지고 있다는 것에 혹해 설치부터 진행하게 되었다. 설치 뿐이라면 이 글이 더 이상 이어지지 않을 것이고, 시간이 나서 공부를 이어간다면 글도 이어지고 있을 것이다. 설치 1. Flutter 설치 우선, window환경으로 진행하였다. Flutter 홈페이지 https://docs.flutter.dev/ 에서 Get started > Windows > Android 순으로 들어가 SDK를 설치하였다. C: 드라이브 바로 아래에 옮겨서 압축을 풀어주고 나서 사용자 환경 변수에 C:\fl..