[instagram Clone coding] ThemeData, 동적인 UI, 페이지 나누기, http 패키지, GET요청, FutureBuilder, 스크롤바 높이 측정, shared preferences...
[ThemeData()] - 스타일 통일성 줄 수 있음 - 안에서 거의 모든 위젯 디자인 가능 - 특징 : 1) 위젯은 자신과 가까운 스타일을 가장 먼저 적용함 2) 복잡한 위젯은 복잡한 위젯 Theme() 안에서 스타일 줘야할 수도 - Text() 위젯 스타일 결정하고 싶다면? : Text()는 bodyText2, ListTitle()은 subtitle1, TextButton()은 button, AppBar()는 headline6 [import 할 때 변수 중복문제 피하기] 1. import 할 때 as 키워드로 작명 2. 변수를 다른 파일에서 쓰기 싫으면 _변수명 _함수명 _클래스명 (언더바 붙이기) [레이아웃 중간에 ThemeData() 생성 가능] ex) 컨테이너의 자식부터는 모든 글자색이 달라졌..
2023. 3. 22.
[contact App] Image, Scaffold, 레이아웃 설계, Flexible, Expanded, custom widget, @override, ListView.builder, FloatingActionButton, state, context...
[Image] - 이미지 넣을땐 Image.asset('경로') - 이미지 사용하겠다고 등록 [Flutter 사이즈 단위] - LP (50LP == 1.2cm) [Scaffold 위젯] - 상중하로 나눠주는 위젯 [박스 width 또는 height를 꽉 차게 만들고 싶으면] - double.infinity [AppBar() 자주 사용하는 파라미터] - title : 좌측제목 - leading : 좌측에 넣을 아이콘 - actions : [우측 아이콘들] [레이아웃 잘 짜는 법] 1. 예시디자인 준비 2. 예시화면에 네모 그리기 3. 바깥 네모부터 하나하나 위젯으로 4. 마무리 디자인 [Flexible] - 박스 폭을 %로 설정할 때 사용 - flex 파라미터에 배수 값을 집어넣음 [Expanded] - ..
2023. 3. 21.
[webtoon App(1)] super.key, Scaffold, pub.dev, Future type, response, async(비동기), named constructor...
[super.key] - 해당 위젯의 key를 stateless widget이라는 슈퍼클래스에 보냄 - 위젯은 ID 처럼 식별자 역할을 하는 ket가 있음(Flutter가 위젯을 빠르게 찾을 수 있도록) **위젯은 key를 가지며, ID처럼 쓰임, 위젯을 식별하기 위해 ID 사용 [Scaffold Widget] - screen을 위한 기본적인 레이아웃과 설정을 제공해줌 *Android 제목은 항상 오른쪽에 정렬되므로, 가운데 정렬 시에는 AppBar.centerTitle = true로 변경 [pub.dev] - dart package를 다운 받고 싶으면 pub.dev 이용 [Future type] - 미래의 받을 값의 타입을 알려줌 - Dart에게 해당 부분이 끝날때까지 기다리라고 알려주기 위해서 사용,..
2023. 3. 21.