열정 실천

ㅣ MaterialApp 위젯 구글이 제공하는 테마를 이용할 수도 있다 (UI나 위젯) 디자인만 제공하는게 아니라 여러가지 기본 세팅도 제공하기 때문에 새롭게 커스터 마이징하더라도 이 위젯을 사용한다. Scaffold 위젯 보통 앱을 보면 상단에는 상단바가 앱의 내용이 들어가있는 중단부 (이 앱에선) 다른 화면으로 넘어가는 버튼이 있는 하단부가 있다. Scaffold 위젯은 이렇게 한 화면을 상중하 세 부분으로 분리해주는 역할을 한다. return MaterialApp( home: Scaffold( appBar: ------, body: -------, bottomNavigationBar: --------, ) ); 이렇게 Scaffold() 안에 appBar 에는 상단 부분 boby 에는 내용(중간) ..

앱 디자인 화면을 구성하는 많은 디자인 요소들!! 플러터에서는 위젯이라고 부른다. 대문자로 시작하는 단어에 뒤에 소괄호가 붙는 이 구조가 위젯이다.ex) Text('안녕') 가장 중요한 4가지 위젯 글자 위젯 이미지 위젯 아이콘 위젯 박스 위젯 이 4개만 있으면 앱에 필요한 모든 구성요소를 생성할 수 있다! 글자 위젯 Text('넣고싶은 text') ex) return MaterialApp( home: Text('안녕') ); 화면 아이콘 위젯 Icon(Icons.아이콘이름) ex) return MaterialApp( home: Icon(Icons.phone) ); 화면 ※ 아이콘 이름은 Fluuter 홈페이지에 있음 이미지 위젯 Image.asset('경로') 이미지를 프로젝트 안에서 사용하기 위해서 ..

본격적으로 flutter를 시작해보자~!~!~! 프로젝트 생성 file -> new -> new Flutter Project 왼쪽 메뉴 중 Flutter 선택하고 Flutter sdk 설치한 경로 지정하기 프로젝트 이름은 영어 소문자만! 빌드할 플랫폼도 선택하기 새 프로젝트 생성 잠깐!! 처음 배우는 입장이라면 analysis_option.yaml 파일의 rules에 이 4줄을 추가해주기 prefer_typing_uninitialized_variables : false prefer_const_constructors_in_immutables : false prefer_const_constructors : false avoid_print : false -> Lint를 끄는 용도 (개발을 편하게 해주는 것들,..