공부상자

✨ CustomScrollView  ✏️ sliver란 스크롤 영역을 이루는 조각 하나하나를 의미함  ✏️  sliver들이 여러개 뭉쳐진 걸 slivers라 하고 이는 스크롤 영역이라고 할 수 있음  ✏️  ListView와 SliverList가 같고 GridView와 SliverGrid가 같은데 차이점은 SliverList와 SliverGrid가 위젯이 아니라는 점  ✏️  sliver는 정말 다양함(SliverAppBar, SliverList, SliverGrid, SliverToBoxAdpater 등)        ➡️ 그만큼 스크롤 영역을 구성하는 요소를 다양하게 할 수 있음  ✏️  SliverAppBar를 사용해보니까 CoordinatorLayout과 비슷하다는 느낌을 받음  ✏️  Sliv..

✨ 인스타그램 클론 앱 만들기  - 상태바를 고려하여 최상단 위젯 위치를 설정하는 위젯 : SafeArea  - 위젯이 가질 수 있는 최대의 공간을 차지하도록 하는 위젯 : Expanded  - 특정 액션에 대한 UI 변화를 주려면 StatelessWidget을 사용하는 것이 아니라 StatefulWidget을 사용해야함  - 현재 기기의 사이즈 정보를 가지고 오는 방법 : MediaQuery.of(context).size  - 특정 상태에 대한 정보를 Boolean이나 Int를 사용하여 표현하지 않고 Enum을 사용하는 것이 코드 이해 측면에서 더욱 좋음  - 리스트뷰와 그리드를 함께 사용하는 UI를 스크롤하고 싶을 때 사용하는 위젯 : CustomScrollView  - child에 대한 애니메이션 ..

✨ Hive  - NoSQL 데이터 베이스  - Dart로 작성된 경량화된 로컬 데이터베이스  - Flutter에서 데이터를 다루는데 간편하고 효율적인 방법을 제공하여 Flutter와 궁합이 매우 잘 맞는 데이터베이스  - 다양한 플랫폼에서 사용 가능  - SharedPreferences보다 성능이 뛰어  - 러닝 커브가 낮은 편  - 기본 타입, List Map, DateTime, Uint8List, Dart object를 데이터베이스에 저장할 수 있음 ✨ Flutter 프로젝트에 Hive 추가💠pakage 설치dependencies: hive: ^[version] // Hive 설치용 hive_flutter: ^[version] // Hive 추가 기능 설치용 dev_dependencies: ..

Column - 세로축 방향으로 가능한 한 모든 공간을 다 차지한다. -> 다 차지하지 못하게 하려면 mainAxisSize 값을 MainAxisSize.min으로 줘서 child 위젯들이 차지하고 있는 공간만큼으로 세로축 영역을 줄어들게 하면 된다. -> 이 때는 Center 위젯이 세로축에 대한 통제권도 가지게 된다.(아래부터 보고 오면 이해가 됨) - 가로축 방향은 자식 위젯의 width 값의 영향을 받는다. - Center 위젯의 child로 Column 위젯을 넣는 경우 Column이 세로축 모든 공간을 차지하기 때문에 Center 위젯은 세로축에 대한 통제권을 잃어버린다.(= 가로축 정렬만 시켜줌) - Center 위젯의 child로 Column 위젯을 넣는 경우에 정중앙에 Column 값들이..

Container 위젯 (Only one child) "Containers with no children try to be as big as possible" - child가 없을 경우, Container 위젯은 최대한의 공간을 차지하려고 한다. "Containers with children size themselves to their children" - child가 있을 경우, Container 위젯은 child의 크기로 줄어든다. 크기 조절 가능(width, height) margin 조절 가능(EdgeInsets.all / EdgeInsets.symmetric / ...) : 위젯의 바깥 간격 padding 조절 가능(EdgeInsets.all / EdgeInsets.symmetric / ...)..

1. 빌더 위젯없이 Snack bar 만들기 body에 커스텀 위젯을 만든다. -> 커스텀 위젯 안에서 버튼을 만들고 onPressed 안에 ScaffoldMessenger.of(context).showSnackBar()를 입력하고 showSnackBar() 안을 채운다. -> 잘 돌아간다! BuildContext에 대해서 좀 이해가 되니까 이 구성도 이해가 된다. 더 아래에 있는 context에서 시작하게 해서 위에 있는 Scaffold를 발견하게 하는 것..! SnackBar 꾸미는 거에는 textAlign, style, backgroundColor, duration 등이 있다.(쓴 거 제외하고 15개는 있는듯;;) 2. Toast message 구현하기 toast message는 위젯트리에 매여있지..

(지금과 약간 다르다. 3년 전이라...) SnackBar을 사용하려고 하면 무조건 Scaffold.of(context).showSnackBar() 를 사용해야한다. of : 현재 주어진 context에서 위로 올라가면서 가장 가까운 Scaffold(Something)를 찾아서 반환하라 그냥 버튼 onPressed에다가 위의 메서드를 사용하면 발견되는 내용 The context used was: MyPage ScaffoldMessenger.of() called with a context that does not contain a Scaffold. Build 함수를 불러왔을 때, 그 인자값으로 전달되는 BuildContext는 return되는 위젯의 것이 아니라 이 함수를 불러오는 위젯의 BuildCont..

어제하던 Drawer Menu 이어서 했다. otherAccountPictures를 써봤는데 정말 간단했다. CircleAvatar 위젯은 정말 프로필이나 이미지 관련으로 다양하게 쓸 수 있을 거 같다. onPressed는 보통 Button에 많이 쓰이고 onTap은 gestureDetector나 InkWell에 쓰인다고 함 ListTile에서는 onTap을 사용함 기본적인 UI가 참 정갈하게 들어가는게 좋다... BuildContext ?? 상당히 중요한 역할 이해하려고 해보지 않는 부분 공식 문서 - "A handle to the location of a widget in the widget tree." ("widget tree에서 현재 widget의 위치를 알 수 있는 정보") => build me..

Drawer menu를 만들어봤다. Scaffold 안에 drawer이 있더라 UserAccountsDrawerHeader은 이름은 길지만 확실히 Drawer에 반드시 들어가야하는 것들을 편하게 넣을 수 있게 해줘서 좋다. Boxdecoration에서 borderRadius 건드릴 때, BorderRadius.only로 꼭짓점마다 둥글게 할 수 있는 건 아주 좋다. 전에 이런 거 할 때 전체를 둥글게 한 다음에 transform 써서 억지로 내리고 했던 거 같은데 그렇게 안 해도 된다..!! 완성은 다음에~~

클래스 : 객체가 가져야하는 속성과 기능을 정의한 내용을 담고 있는 설계도 역할 객체 : 클래스가 정의되고 메모리상에 할당되어진 순간의 클래스 인스턴스 : 클래스를 기반으로 코드 상에서 새롭게 만들어져 클래스의 속성과 기능을 동일하게 가지고 있고 프로그래밍 상에서 사용되는 대상 위젯은 인스턴스 클래스와 위젯의 상관관계