List #0 사전작업 #1 기본 사용법 #1.1 필수 파라미터 #1.2 스타일 관련 파라미터 #1.2.1 Header Style Parameter #1.2.2 Calendar Style Parameter #2 이벤트 헨들링 #2.1 캘린더 날짜 클릭 인식 개인적인 공부 기록 용도로 Flutter Table_Calendar Package 사용법에 관련한 내용에 대해 정리한 글 입니다. _related : intl 패키지로 캘린더 한국어화 하는 방법 Table_Calendar Package https://pub.dev/packages/table_calendar table_calendar | Flutter Package Highly customizable, feature-packed calendar widg..
Flutter FrameWork는 Row, Column 위젯을 사용해 UI를 구성합니다. 이번 포스팅에서는 Row, Column 위젯의 정의 및 사용법 그리고 Row, Column 위젯과 관련된 다양한 속성들 mainAxisAlignment, CrossAxisAlignment, mainAxisSize 의 사용법에 대해 정리할 예정입니다. #0 Row & Column Widget #0.1 Row Widget #0.2 Column Widget 💡 Row, Column Widget은 주축을 화면 최대의 크기를 차지한다. #1 MainAxisAlignment & CrossAixsAlignment #1.1 MainAxisAlignment #1.2 CrossAxisAlignment #2 mainAxisSize #0..
Android Studio에서 처음으로 가상 환경 에뮬레이터를 실행하면 다음과 같이 Device Manager Tap 에 고정되어 출력됩니다. 이번 포스팅 에서는 에뮬레이터를 Device Manager Tab에서 분리하는 방법과, 안드로이드 스튜디오를 클릭해도 에뮬레이터가 화면에서 뒤로 사라지는 현상을 방지하기 위한 방법에 대해서 소개해 드리도록 하겠습니다. #1 에뮬레이터 분리하기 File → Settings... 혹은 Ctrl + Alt + S 단축키를 클릭합니다. Settings 화면이 출력되면, Emulator 탭을 클릭한 뒤, Launch in a tool Window 항목의 체크를 해제하고 Apply를 눌러 줍니다. Android Studio를 재부팅 해 주시면 에뮬레이터가 분리된 것을 확인할..
이전 포스팅 에서 얘기 했듯이 Flutter는 모든 것이 Widget으로 이루어져 있습니다. Widget을 생성하기 위해서는 Stateful Widget 그리고 Stateless Widget 중 하나를 extends(상속) 받아야 합니다. 이번 포스팅에서는 Stateless Widget에 대해 공부한 내용을 정리해 보고자 합니다. 📄INDEX #1 Stateless Widget 생성하기 #1.1 Build Method #1.2 Constructor 💡Stateless Widget 내부의 Property는 final로 선언하자 #2 Stateless Widget Life Cycle 💡 Stateless Widget은 Immutable 하다. #3 Stateless Widget Android Studio 단..
Flutter Project를 처음 생성하면 기본적으로 android, ios, lib, test, web 폴더와 yaml 파일이 생성된다. 또한 lib 폴더 내부에는 main.dart 파일이 생성된다. 이번 포스팅에서는 각 파일의 역할에 대해 정리해 보고자 한다. 💡 Index #1 프로젝트 구조 #2 runApp & main.dart #1 프로젝트 구조 앞에서 얘기했듯이 Flutter Project를 생성하면 다양한 폴더와 yaml 파일이 기본적으로 생성되며, 각각의 기능은 다음과 같다. android/ios directory - andorid, ios OS에 적합하는 기능을 담기 위한 정보가 담겨있다. lib - Flutter의 dart파일을 담는 공간이다. 프로젝트의 대부분은 여기서 진행된다. t..