Flutter 기초

Flutter는 Google에서 만든 크로스 플랫폼 프레임워크이다. 크로스 플랫폼 : 한번의 코드 작성으로 여러 플랫폼, 모바일 같은 경우 안드로이드, 아이폰 앱을 만들 수 있다.프레임워크 : Frame(틀) + Work(일)의 합성어. 어떤 일을 할 때 틀을 제공해서

UI를 구성하는 기본요소버튼, 아이콘, 글자, 이미지 등Widget들을 모아서 하나의 위젯으로 만들기도 함StatelessWidget 과 StatefulWidget이 있으며 build함수 내에서 구성을 dart코드로 작성앱의 기본적인 구조와 디자인을 잡아주는 위젯페이지

이미지와 폰트, 라이브러리는 프로젝트 폴더내에 pubspec.yaml파일에서 추가할 수 있다.주의사항❗️ pubspec.yaml은 들여쓰기가 굉장히 중요하니까 꼭 잘 확인하길 바란다.font 파일 생성생성 한 파일에 사용 할 폰트 넣어주기pubspec.yaml에 fon

세로로 배치할 때 사용하는 위젯가로로 배치할 때 사용하는 위젯텍스트를 작성할 때 사용하는 위젯스마트폰에서 고정값으로 있는 영역에 padding을 넣어주는 위젯(예시: 상단 시계, 배터리를 표시하는 부분)Row나 Column에서 위젯 사이의 간격을 조정하는 데 사용, 사

Row나 Column에서 위젯 사이의 간격을 조정하는 데 사용, 사용 가능한 모든 공간을 차지함자식 위젯 주변에 여백을 주는 위젯상하좌우 모두EdgeInsets.all(8.0)좌우 만EdgeInsets.symmetric(vertical: 8.0)상하 만EdgeInset

Scaffold 에서 최상단에 배치되는 위젯Container는 decoration을 통해 자식위젯의 비율이나 색상 등을 꾸밀 수 있다. 이 때, decoration의 BoxDecoration의 color에도 값을 지정하면 에러가 난다.기본 모형테두리: border가로

가장 일반적으로 사용되는 스크롤 위젯. (기본적으로 세로축으로 스크롤 가능)가로축으로 스크롤 방향 전환ListView.builder 란?리스트뷰의 children 내에 동일한 위젯이 들어갈 때 사용

StatelessWidget은 말 그대로, State가 없다는 말이다. UI에 영향을 미치는 데이터가 없으면? 데이터의 변동에 따라 모양이 변하지 않는다는 말이고, 그 말은 즉 모양이 고정된 Widget이 된다. 한번 그려지고 나면 데이터가 어떻게 변하던지, 이 위젯에

가장일반적으로 사용되는 버튼으로, 배경색이 칠해진 버튼테두리가 있는 버튼가장 간단한 버튼으로, Text위젯만 존재아이콘 형태의 버튼을 생성하는 위젯각 버튼은 onPressed를 통해 버튼이 눌렸을 때 수행할 일에 대한 함수를 인자로 받음각 버튼 위젯 내에 style을

앱을 사용하다보면 얼럿 버튼을 많이 보았을 것이다. 예를들어, 메모를 삭제할 때 그냥 삭제하는 것보다 정말 삭제 할 것인지? 물어보고 삭제하는 것이 UX측면에서 좋은 개발이 될 것이다.다음 예시와 코드를 통해 플러터에서 Alert을 띄우는 방법을 알아보자!

ThemeData를 통해서 MaterialApp 내에 다크테마, 라이트테마를 정의할 수 있다.ThemeData 정의Material2에서 3으로 넘어오면서 전반적으로 각진 디자인에서 둥글둥글한 디자인으로 변했다.앱에 적용임의로 다크, 라이트모드 변경

Stack은 Positioned 위젯을 사용해 위젯들을 겹치게 할 수 있는 위젯이다. left, right, top, bottom속성을 이용해 위젯을 배치한다.이런식으로 위젯을 꼭 겹치게하지 않더라도 자유롭게 위젯을 배치 할 수도 있다.예제 코드우리가 흔히 알고 있는

여러가지 style이 혼합된 Text위젯을 만들때 사용한다.예시예시 코드

Container() 위젯 안에 decoration: BoxDecoration() -> gradient를 사용하면 관련 메서드를 볼 수 있다.TIP💡 내가 원하는 색상을 넣고 싶을 때 Color(0xff색상코드)를 작성하면 된다.시작점을 어디서 할건지는 begin:

텍스트를 입력할 수 있는 위젯. 다양한 UI커스텀이 가능하다.