공부 기록/Flutter
-
Flutter 기초공부: padding, margin공부 기록/Flutter 2021. 11. 11. 00:12
https://www.youtube.com/watch?v=H0cJ0gUlgE8&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=10 Container widget: body에 내용물을 감싸는 containier body에 무엇이 있든지 그 내용만 감쌈. padding은 컨테이너와 내용물 사이의 간격. EdgeInsets 사용하기 symmetric을 사용하면 파라미터로 horizontal, vertical 값을 지정해주어야함 margin도 같은 방식으로 설정. margin은 간격 around container. padding은 간격 inside container 혹은 Padding 위젯 사용하여 text의 간격을 조절할 수도 있다. padding만 설정 가능. Paddin..
-
Flutter 기초공부: Buttons, icons공부 기록/Flutter 2021. 11. 11. 00:01
https://www.youtube.com/watch?v=ABmqtI7ec7E&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=9 아이콘 위젯 추가하고, 첫번째 arument로 아이콘 지정. Icons. 치면 다양한 종류가 팝업되어 선택 가능. 그리고 colors, size와 같은 프로퍼티 지정. 사용 가능한 프로퍼티를 보련 Icon 위젯에서 Ctrl + Q 눌러 확인. 버튼은 종류가 다양. 버튼의 경우는 onPressed 속성 반드시 추가해야함. 안그러면 에러 발생. 나중에 지정하려면 onPressed: () {}, 라고만 추가해두기 버튼 안에 글자 추가하려면 child 사용하여 위젯을 네스팅해야함. Text의 속성을 지정하려면 Test 안에서 스타일 지정 가능. 앞에..
-
Flutter 기초공부: Images, assets공부 기록/Flutter 2021. 11. 10. 23:43
https://www.youtube.com/watch?v=Hxh6nNHSUjo&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=8 Image 위젯에서 image 속성값으로 NetworkImage를 사용하면 imge URL을 입력하여 이미지를 삽입할 수 있음 혹은, app에서 폴더 추가 > 루트 폴더에 assets 추가 > 다운받은 이미지 추가 > pubspec.yaml 파일에서 assets 블록 살리기(이 때 indent 확인) > main.dart에서 image path 지정 > Get dependencies 클릭 > hot reload 혹은 해당 폴더를 통째로 가져올 수 있도록, 파일을 지정하지 않고 폴더 통째로 저장하여 사용할 수도 있음 혹은 다음과 같이 간단하게 ..
-
Flutter 기초공부: colors, font공부 기록/Flutter 2021. 11. 10. 23:30
https://www.youtube.com/watch?v=km2P_KQJyO0&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=6 Colors.{색상선택} -> Ctrl + Q 누르면 밝기 선택 가능. Colors.red[600] onPressed: 파라미터가 필요하다고 notice가 떴는데. 강의자는 프로퍼티라고 함. 부르는 호칭이 다르지만, Text widget에서 Text('text')만 넣었지만, 아래와 같이 style property를 추가할 수 있다. style의 속성값으로 TextStyle을 넣을 수 있고, 이 때도 Ctrl + Q를 넣으면 사용할 수 있는 프로퍼티값들이 나옴. fontSize의 경우 타입이 double이기 때문에 20.0과 같이 입력 필요 ..
-
Flutter 기초 공부: scaffold, stateless, stateful공부 기록/Flutter 2021. 11. 10. 00:26
Flutter: dart라는 하나의 코드로 Andoird와 iOS 플랫폼을 모두 구현할 수 있는 플러그인 혹은 라이브러리. 모바일 UI 프레임워크 강의 정리 참고 강의 Firebase: Backend-side의 서버구현을 직접하지 않고도 서버를 서비스로 제공하는 구글의 클라우드 서비스. 블로그 참고 https://www.youtube.com/watch?v=C5lpPjoivaw&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=5 home은 MaterialApp의 프로퍼티이며, 앱을 실행시켰을 때 홈 스크린에서 보여지는 요소. 여기서는 Text widget만 보임. Scaffold: 앱의 베이직 레이아웃을 구현하도록함. app bar나 body, 플로팅 액션 버튼과 같은 레..
-
Flutter 세팅하기 with Android Studio공부 기록/Flutter 2021. 9. 23. 23:43
catalina일 경우, terminal에서 vim.zshrc 치고 i 누르면 삽입 가능(INSERT 몯) -> flutter/bin이 있는 위치 넣기 -> ESC -> :wq! (파일 저장) 시스템에 .zshrc 업데이트 (.bashrc는 catalina 전버전에서 사용. 나는 .zshrc) Troubleshooting Android SDK Tools는 체크되어있어야하고, Android SDK Command-line Tools는 체크해제되어있어야 한다. (참고) 이미 그렇게 세팅되어 있어 나는 최신 command-line tools를 설치해보았다. 설치한 후에 다시 flutter doctor --android-licenses 입력하니 설치가 되었다. 세팅 성공. andorid studio 열어 Flut..