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을 쓰면 중복 없이 좌석을 추가/삭제하기 편하기 때문이다.좌석을 클릭할..