FlutterStudy1th-Week5

Henry Cho·2023년 9월 6일

FlutterStudy1th NomadCoders

flutterStudy1th

목록 보기

5/10

5주차(23.08.30 ~ 09.05)

💖 핵심 3줄 요약

중간 모임에서 니꼬샘을 만나서 너무 좋았다.
위젯별로 대처해야 할 상황들에 조금씩 익숙해지고 있다.
모각코는 양보다 질 이여야 한다.

🎯 이번 주 목표

중간 모임 참석
모각코 참석

👏 칭찬하고 싶은 점

스케줄은 어찌어찌 해 냈다.

😭 고치거나 버려야 할 점

모각코를 자주 나간다고 해서 실력이 늘지는 않는다. 양을 늘리는게 아니라 효율적으로 모각코를 하는 방법을 찾아보자.

🏃‍♀️ 일일 스프린트

23.08.30
✅ Day24-Bottom Sheet 과제 완료

23.08.31
✅ Day25-Write Screen 과제 완료

23.09.01
✅ 강남 모각코: Day26-Search & Activity 과제 1/3
✅ 플러터 스터디 중간 모임 참석

23.09.02
✅ 종로 모각코: GlueSQL Foreign key constraint base 구현
✅ Day26-Search & Activity 과제 2/3

23.09.03
✅ Day26-Search & Activity 과제 3/3

23.09.04
✅ Day29-Profile and Settings 과제 1/2

23.09.05
✅ Day29-Profile and Settings 과제 2/2
✅ Portal color on click 구현

✍️ 이번 주 배운 내용

ListTile 에는 subtitle을 쓸수도 있고 isThreeLine 으로 행을 늘릴수도 있다.
TabBar를 커스텀 하기 위해서 indicator 를 변경하려면 수많은 옵션 들이 필요하다.

		TabBar(
                padding: EdgeInsets.zero,
                labelPadding: const EdgeInsets.symmetric(
                  horizontal: 3,
                ),
                dividerColor: Colors.transparent,
                indicatorColor: Colors.transparent,
                unselectedLabelColor: Colors.black,
                indicatorSize: TabBarIndicatorSize.label,
                indicatorWeight: 0,
                labelColor: Colors.white,
                indicator: BoxDecoration(
                  color: Colors.black,
                  borderRadius: BorderRadius.circular(10),
                  border: Border.all(color: Colors.grey.shade400, width: 1),
                ),
                isScrollable: true,
                tabs: ["All", "Replies", "Mentions", "Verified", "Movies"]

SliverPersistantHeader
Json raed/deserialize

🤔 질문

ListTile.isThreeLine 의 정확한 동작 결과를 모르겠다.
Day29 과제 중, SliverPersistantHeader 를 커스텀으로 구현하는 경우 Tab에 Text 를 두고 싶을 때 왜 Center 로 감싸야하는 지 모르겠다. 그렇지 않은경우 레이아웃 관련 에러가 발생해서 아예 렌더링이 되지 않았다. 다른 위젯은 또 어떤 것들이 가능하며 최근들어 부모의 고정된 값이 존재하는지 여부에 따라 에러나는 경우가 많아지고있는데 많은 시행착오로 알게되는 것도 좋지만 정리된 자료를 찾아보거나 내가 직접 정리 해 나가야 겠다.

// threads/lib/widgets/persistance_tab_bar.dart
class PersistentTabBar extends SliverPersistentHeaderDelegate {
..
        tabs: const [
          Center(child: Text('Threads')),
          Center(child: Text('Replies')),

💖 주간 회의와 조별 활동

4년 동안 영상으로만 뵈었던 니꼬샘을 처음 뵈었다. 영상과 그대로 이셨고 상상보다 더 친절하셨다. 운좋게(?) 내 바로 옆에 앉아 주셔서 Rust와 NextJS에 대한 많은 얘기를 나눌 수 있었다. 종강 때도 뵙게 된다면 조금더 알찬 주제를 준비 해가서 또 많은 대화를 나누고 싶다.