오늘도 디벅잉

🧭 CustomScrollView 스크롤뷰가 포함하는 자식 위젯들의 형태(높이 등)를 원하는 대로 수정하기 위해 CustomScrollView를 사용합니다. CustomScrollView는 Sliver로 시작하는 몇개의 위젯들을 자식으로 가질 수 있습니다. SliverFillRemaining 그 중에 SliverFillRemaining을 다뤄보고자 합니다. 위젯들의 전체 높이가 화면을 초과하는 경우 가장 쉽게 생각할 수 있는 방법은 전체 위젯을 SingleChildScrollView로 감싸는 것입니다. 그런데 표현하는 내용에 따라 위젯들의 전체 높이(노란색)가 화면의 일부만 채우는 경우 어떻게 될까요? 아래 이미지의 하단과 같이 흰 여백이 생길 것입니다. 이 여백을 채우기 위해서는 SingleChildS..

🧭 selectedFontSize showSelectedLabels 프로퍼티에 false를 입력하면 bottomNavigationBarItem의 라벨을 숨길 수 있지만, 여전히 여백을 차지하고 있습니다. BottomNavigationBar를 그대로 사용한다면 당장 문제될 것은 없습니다. 다만, BottomNavigationBar의 높이를 변경한다든지 하는 변경을 가할 경우 내부의 아이콘이 범위를 초과하는 에러가 발생할 수 있습니다. 우리는 margin 혹은 padding 값을 준 적이 없기 때문에 당황스러울 수 있습니다. 이 때 selectedFontSize 값을 0으로 주면 해당 에러가 사라지는 것을 확인할 수 있습니다. 📌 https://api.flutter.dev/flutter/material/Bo..

CSS 텍스트 회전 1. display 속성값을 inline-block 으로 설정한다(inline 요소는 회전 불가능). 2. transform 속성값으로 rotate 값을 대입한다(rotate === rotateZ). span { display: inline-block; transform: rotate(180deg); } CSS 문제 해결 1. Error: 화면 높이 🆖 현황 - height 속성을 100%로 맞추었지만 해당 요소의 컨테이너 밖으로 넘치게 되었음 🔑 해결방안 - header의 높이만큼 padding-bottom 속성값을 부여 .window { background-color: white; width: 80%; height: 80%; border-radius: 8px; padding-bot..