3-2기 스터디/플러터7 [7주차] 튜토리얼 영상 #23-26 이번 7주차는 플러터 스터디의 마지막 주차로, 튜토리얼 영상 #23-26을 학습하였습니다. #23- Maps & Routing Map 개념 이해하기: void main(){ Map student = {'name': 'chun-li', 'age': 25}; print(student['name']); } //result: chun-li → Routes can be created using 'Map' Routing→ Stack처럼 쌓이는 개념! route를 pop, push 하는 것. -Navigator.push() -Navigator.pop() 그래서 효율적으로 이 route를 관리하는 것이 중요. main.dart void main() => runApp(MaterialApp( initialRoute: '/.. 2022. 6. 25. [6주차] Codelab - Basic Flutter layout concepts 6주차 플러터 스터디에서는 flutter 공식 문서로 제공하는 Codelab - Basic Flutter layout concepts를 공부했습니다. Codelab - https://flutter-ko.dev/docs/codelabs/layout-basics Basic Flutter layout concepts A codelab that teaches basic Flutter layout concepts through DartPad examples and exercises. flutter-ko.dev # Row and Column classes Row( //Row or Column - parents children: [ //Widgets ] ) # Axis size and alignment mainAxi.. 2022. 6. 23. [5주차] 튜토리얼 영상 #18-#22 5주차 플러터 스터디에서는 플러터 튜토리얼 영상을 #18에서 #22까지 학습하였습니다. (밑의 코드 언어는 모두 Dart입니다.) 영상 주소 : https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ Flutter Tutorial for Beginners In this Flutter tutorial for Beginners series, I'll show you how to use Flutter (and Dart) to create Android and iOS apps from scratch. We'll learn all about... www.youtube.com #18. Custom Classes import 'package:.. 2022. 5. 31. [4주차] 튜토리얼 영상 #15-17 4주차 플러터 스터디에서는 튜토리얼 영상 #15-17을 참고하여 공부했다. Flutter Tutorial for Beginners #15 - Ninja ID Project 지금까지 배웠던 플러터의 위젯 특성들을 활용하여, 플러터 데모 앱을 만들어보는 실습 강의였다. ‘Create New Flutter Project’ 클릭 → ‘test’ 폴더 삭제하기 main.dart 파일에서 void main()⇒runApp(MyApp()); 이하 모두 삭제하기 MyApp() 대신 다음 코드 작성: MaterialApp( home: NinjaCard(), ) *home property는 어플의 홈 스크린에 보여지는 것들을 결정하는 property이다. *Scaffold→ 빠르게 어플의 layout을 만들어준다. 4. .. 2022. 5. 23. [3주차] 튜토리얼 영상 #8-#14 이번 3주차는 플러터 튜토리얼 영상 #8-#14를 공부했습니다. Youtube https://www.youtube.com/watch?v=4AoFA19gbLo&list=PLjxrf2q8roU3wk7CDw4RfV3mEwOJbjx1k #8 - Images & Assets image 불러오기 network image: 외부에서 이미지 링크로 불러오기 asset image: 소스파일에 저장되어있는 이미지 불러오기 Image Widget -image property: NetworkImage or AssetImage Widget 사용 ➡️Image( image: ~~Image(’경로’), ) 1. NetworkImage * 모든 코드는 Dart 언어를 사용했습니다 body: Center( child: Image( i.. 2022. 5. 3. [2주차] 튜토리얼 영상 #4-#7 이번 2주차 플러터 스터디에서는 플러터 튜토리얼 영상을 #4에서 #7까지 학습하였습니다. 영상 주소 : https://www.youtube.com/watch?v=TSIhiZ5jRB0&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ&index=4 안드로이드 스튜디오 running문제 → 운영체제의 버전을 낮추면 해결되는 경우 있음 plugin 못 찾는 경우 → help 누르고 plugin검색 new flutter project눌렀는데 어떤 형태를 원하는지, 프로젝트 이름은 무엇으로 할지 안 나옴 → 그냥 일단은 next버튼 눌러서 실습 lib파일에서 대부분은 프로그래밍이 이루어짐 lib파일의 main.dart파일에서... 에뮬레이터 안 돌아가면 운영체제 버전 낮추어서 다시 시도 (그.. 2022. 4. 8. 이전 1 2 다음
