소프트웨어 제작소

Building your first Flutter app (영상 링크) Infinite list of words를 보여주는 앱을 만드는 방법에 대하여 시작부터 단계적으로 설명하는 영상. Codelabs에 텍스트로 step by step 설명되어있음. (링크) flutter 설치하고 project 를 생성하는 방법 외부 Package(library)를 import 하는 방법 pubspec.yaml 파일에서 사용할 package를 depencies에 추가 터미널에서 "flutter packages get" 입력하여 실행(안드로이드 스튜디오의 경우) main.dart 에서 import 키워드를 패키지를 가져오기(?) stateless widget과 stateful widget을 이용해서 random word를..

간략한 설명 보여주고자하는 이미지의 양이 많고, 각 이미지를 다양한 크기로 보여주고자 할 때 쓸만한 패키지다. 사용예는 아래와 같다. 자료 링크 https://medium.com/flutterdevs/wall-layout-in-flutter-44a482cc4fad Wall Layout In Flutter In this article, we will explore the Wall Layout In flutter using the wall_layout_package. With the help of the package, we can easily… medium.com

Null Safety Null safety를 선택하면, 코드에서 사용한 type들은 기본적으로 non-nullable 이 된다. non-nullable 변수는 그 변수를 사용하기 전에 값을 꼭 초기화 시켜야 한다. 선언과 동시에 초기화를 시킬 필요까진 없지만, 해당 변수가 사용되기전에는 값을 할당해야 한다. 변수가 null 값을 가질 수 있도록 하기 위해서는 type 선언에서 type명 뒤에 ?를 붙이면 된다. Null 관련 연산자 연산자 사용예 의미 ?? A= B??C B가 null이 아니면 B를 A에 입력하고, null이라면 A에 C를 입력 ??= A ??= B A가 null이면 A에 B를 입력 ?. A?.test( ) A가 null이 아니면 test( )를 실행 ! A! A가 null이 아님을 체크..

76. IgnorePointer 앱이 유저와 interacting(Tapping, Clicking, Dragging, Scrolling 등등) 하는 것으로 부터 보호하고 싶을 때 사용.(AbsorbPointer 랑 차이가 뭐지) . 유저로부터 보호하고자하는 위젯을 IgnorePointer로 감싸면된다. 77. CupertinoActivityIndicator 쿠퍼티노 형태의 프로그래스 인디케이터. 78. ClipOval 하위 요소를 원이나 타원으로 둥글게 오려낼 수 있는 위젯. 기본 모드는 가져오는 child를 타원형으로 바꿔 놓지만, clipper 특성을 사용하면 맞춤식 재단을 할 수 있다. 79. AnimatedWidget AnimatedWidget은 추상 클래스로 그자체로는 위젯은 아니다. 원하는 애..

51. FractionallySizedBox 사용가능한 공간 내에서 위젯의 크기가 절대 값이 아닌 비율이나 상대값으로 설정가능하다. 이 위젯을 Flexible 위젯으로 감싸면 열과 행에 대해서 잘 위치시킬 수 있다. 52. ListView 리스트를 스크롤가능하게 보여주고 싶을 때 사용. 동적으로 만들어지는 리스트뷰가 필요할때는 ListView.builder를 사용. 항목들 사이가 붙이 있는 것이 싫으면 분리된 ListView.separated 를 사용하면 된다. ListView.custom 을 이용하여 자신이 원하는 리스트뷰를 만들수 있다. 53. ListTile material design list spec(이게 어떤거지?)을 직접 구현해준다. ListView랑 차이점이 뭐지? ListTile은 안에 ..

이번엔 Google Developers 유튜브의 Flutter Widget of the Week 25번째 영상부터 볼차례. 50편 까지 보면 되려나? 24. BackdropFilter ImageFilter를 child로 받아서 이미지들을 블러, 회전, 각도조절 등 다양한 이미지 효과를 줄 수 있다. 25. Align 부모 위젯의 한정된 구역 내에서 위젯의 위치를 설정할 수 있다. 26. Positioned Stack을 이용하여 여러 위젯들이 결합되어있을 때 이런 위젯의 위치를 어떻게 원하는 위치에 배치할 수 있다. 27. AnimatedBuilder 애니메이션 효과를 줄 수 있는 위젯 중 하나. Animation을 정의하고 AnimationBuilder로 실행하면 됨. 그리고 이를 위해서 Animatio..

Widget 영상 하나당 1분 정도이지만 오프닝 엔딩을 제외하면 40초 근처이다. 그리고 이것을 정리하면서 2번정도 본다면 영상 하나당 3분30초에서 4분이 소요되는 듯하다. 현재 위젯 영상은 98개 이므로 다 본다면 392분, 즉 6시간 30분 정도가 걸릴듯하다. 하루에 1시간 30분 씩만 보면 5일이면 다 볼 수 있다. 오늘은 #1~#23까지 보면 된다. 1. SafeArea 다양한 기계의 가장자리가 다르므로 컨텐츠가 가장자리에서 짤릴 수 있다. 카메라나 스피커가 화면의 일부분을 가리고 있기도 하다. 이럴때 SafeArea로 감싸면 보호 된다. MediaQuery로 화면과 가장자리 면적을 잰 후 사용하면 된다. 2. Expended child 위젯의 화면 크기를 최대 사용가능한 영역만큼 넓힌다. fl..

유투브 영상을 보다가 시작부터 잘 설명해주는 영상이 있어 보고 있다. 3시간짜리다. 강의를 보다가 이 영상을 본다음에 공부할 만한 것이 있어 남긴다. Flutter 공식 페이지에서 Widget catalog를 보면 여러 위젯 패키지들에 대한 설명이 있는데 이중에서 Basics랑 Material Components는 기초 지식으로 필수적으로 봐야한다. flutter-ko.dev/docs/development/ui/widgets 위의 강의를 보고나니 Umedy의 강의를 수강하고 싶어진다. 설명도 잘하고 내용도 좋을 것같다. www.udemy.com/share/1013o4/ Flutter & Dart - The Complete Guide [2020 Edition] A Complete Guide to the F..