| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- DART
- java
- 엡
- npm
- 단축키
- react
- println
- abap
- Flutter
- LLM
- UI/UX
- 자바 출력 방식
- 자바 포맷 출력
- JQ
- 배포
- 자바스크립트
- ListView
- scss
- 앱심사
- riverpod
- develop
- Clean Architecture
- JS
- nodejs
- java 출력
- printf
- firebase
- java 콘솔 출력 차이
- unity
- lifecycle
- Today
- Total
목록2025/07/16 (2)
guricode
Flutter 앱 개발 시 다양한 화면 크기와 디바이스 환경에 맞춰 UI를 조절하는 방법과, 불필요한 임포트를 정리하는 Organize Imports 기능을 함께 알아봅니다. MediaQuery.of(context)란?MediaQuery는 현재 디바이스의 크기, 해상도, 방향, 텍스트 크기 등을 가져와 UI를 유연하게 구성할 수 있게 도와주는 미디어 정보 제공 위젯입니다.MediaQueryData mediaQuery = MediaQuery.of(context);주요 속성속성 설명size화면 크기 (width, height)orientation세로/가로 모드 구분devicePixelRatio디바이스의 픽셀 비율padding시스템 UI가 차지하는 영역viewInsets소프트키보드 등으로 가려진 영역textS..
상황좌석을 터치했을 때 선택한 좌석이 어떤 것인지 UI로 구분되게 해야 했다.처음에는 좌석의 색상만 바꿔주면 된다고 생각했지만, 어떤 좌석을 클릭했는지 구분하는 방법이 필요했다.즉, 클릭한 좌석을 기억하고 있어야 하고, 그에 따라 색상을 다르게 표시해야 했다.[좌석이 총 20행 x 4자리이니 좌석 구분을 어떻게 할지도 고민했다.또한, setState를 어떻게 효율적으로 써야 UI가 즉각 반응할지가 고민이었다. 방법좌석을 '1A', '2B' 같은 **고유한 식별자(String)**로 만들기로 했다. seatBox('${index + 1}A'),그리고 이를 저장할 자료구조로 Set을 사용했다.Set selectedSeats = {};Set을 쓰면 중복 없이 좌석을 추가/삭제하기 편하기 때문이다.좌석을 클릭할..