State 우선 state란 무엇일까요? 공식 문서에서는 State is information that (1) can be read synchronously when the widget is built and (2) might change during the lifetime of the widget 라고 하네요 정말 간단하게 상태라고 할 수 있을 것 같아요. 지금 현상태는 색깔이 빨강이야 혹은, 지금 현상태는 isDone이 True야 같은 예가 있겠네요 flutter의 위젯은 이러한 state와 관련된 위젯이 두 개 있습니다. StatelessWidget 과 StatefulWidget 출처: https://www.udemy.com/course/learn-flutter-dart-to-build-ios-an..
이제 조금 더 이쁘게 앱을 꾸며볼게요 먼저 scafold를 넣어줄게요 구글 공식 문서를 살펴보면... basic material design visual layout structure. This class provides APIs for showing drawers, snack bars, and bottom sheets. 흔히 생각하는 앱의 틀같은거라고 생각하면 될 거 같아요 저는 app bar와 body parameter만 구현해줄 건데요 AppBar의 title에 string을 넣으려 했는데.. widget을 넣으라는군요 그리고 기본적으로 text를 넣으라니까 저도 text를 넣었습니다. return MaterialApp( home: Scaffold( appBar: AppBar( title: Text..
첫 번째로는 가장 많이 이용하게 될 flutter inspector를 한번 알아보겠습니다 예시로 사용할 앱은 역시나 기본 프로젝트인 counter 앱인데요 살짝만 다듬었습니다. 기존의 텍스트를 길게 만들어주고, row로 감싸주고, 왼쪽에는 아이콘을 하나 넣어줬어요 딱히 의미가 있는건 아니고 디버깅을 할 때 더 많은 예시를 보여주기 위해서 UI 요소를 더 넣어봤어요 Row( children: [ Icon( Icons.play_arrow, size: 50, ), Text( '만약에 길어지면 어떻게 해야할까? 글씨가 짤리지는 않을까???! 약간 걱정되네요', ), ], ), 자! 그러면 devtools를 열어줘야하는데 먼저 디버깅 모드로 앱을 실행할게요 (저는 VS Code를 쓰는데, 안드로이드 스튜디오도 거..
플러터가 컴퓨터에 설치되어있다고 가정을 하고 진행을 하겠습니다 설치가 아직 안되셨다면 https://flutter-ko.dev/docs/get-started/install 을 참고해주세요 개발환경은 VS Code에서 진행되는데 Android Studio랑 크게 차이점은 없습니다 먼저 프로젝트를 생성할게요 vs code : command palette (cmd + shift + p)를 호출하고 flutter를 입력하시면 프로젝트 명은 원하시는것으로 정해주면 되는데 저는 quiz_app으로 정했습니다 조그만 기다리시면... 이렇게 폴더와 파일이 만들어졌으면 프로젝트 생성이 끝난겁니다. 이제 디버깅 모드로 실행 해볼게요! (재생버튼에 작은 벌레가 달려있는 버튼을 눌러주세요) 여기서 약간 해매시는 분들을 플러터..
- Total
- Today
- Yesterday
- 프러터2
- dartpad
- sapplly
- Flutter
- 데이터 마이닝
- grep
- 플러터2.0
- r
- layoutbuilder
- tidyverse
- grepl
- 개발자
- vapply
- pwa
- dplyr
- SwiftUI
- 웹
- textfield
- 플루터
- MacOS
- lapply
- jupyter notebook
- 함수형 프로그래밍
- functional programming
- %>%
- flutter2.0
- Swift
- 반응형
- ios
- 플러터
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |