목록분류 전체보기 (317)
개발로그필름
짧은 메시지를 화면 하단에 잠시 표시하는 데 사용되는 UI주로 알림, 피드백, 작업 완료 메시지 등을 사용자에게 잠시 보여줄 때 사용된다SnackBar는 일정 시간 동안만 표시되며, 그 후에 자동으로 사라진다 SnackBar를 사용하는 이유 1. 간단한 사용자 피드백 제공 • 버튼 클릭, 폼 제출, 데이터 저장 등의 작업 후에 성공 또는 오류 메시지를 사용자에게 전달할 때 유용 • 예를 들어, 사용자가 데이터를 저장했을 때 “저장되었습니다”라는 메시지를 SnackBar로 보여줄 수 있다 2. 사용자 인터페이스 방해 최소화: • SnackBar는 짧게 나타나고 사라지기 때문에, 사용자 경험을 방해하지 않으면서 중요한 메시지 전달 가능 • 화면 상단에 알림 팝업을 띄우는 대신, 하단에 살짝 메시지를 보여주는..
사용자의 터치 및 제스처를 감지하기 위한 위젯다양한 제스처 이벤트(탭, 드래그, 스와이프 등)를 감지하고 처리할 수 있는 기능 제공사용자가 화면에서 수행하는 다양한 동작에 반응하여 원하는 행동 수행 가능직접적으로 화면에 나타나는 위젯은 아니고 다른 위젯에 터치 이벤트를 추가하는 역할한다사용자는 화면 터치하거나 스와이프 하는 등의 행동 했을 때 이에 반응하는 동작 정의 가능
https://pub.dev/packages/shared_preferences/install shared_preferences install | Flutter packageFlutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android.pub.devpub.dev 사이트에 들어가서 shared_preferences 검색 후 install 탭에서 명령어 복사해 프로젝트 터미널에 붙여넣어서 실행시킨다간단한 데이터를 로컬에 저장하고 이를 다시 불러올 수 있도록 도와주는 패키지이 패키지를 사용하면 앱이 다시 실행되더라도 데이터가 유지되며, 주로 작은 양의 데..
텍스트 필드 입력 값을 제어하고 관리할 수 있는 도구사용자가 입력한 텍스트를 프로그램적으로 접근하거나, 입력필드에 특정 텍스트를 삽입하거나, 사용자가 입력한 내용을 실시간으로 모니터링 가능 1. 텍스트 입력 값 관리 : 사용자가 입력한 텍스트 값을 불러오거나 수정 가능2. 실시간 입력 값 추적 : 텍스트가 입력될 때마다 변경 사항 감지해 특정 동작 수행 가능3. 초기값 설정 : 텍스트 필드에 기본 값 설정 가능4. 텍스트 변경 알림 : 텍스트가 변경될 때마다 listener를 통해 알림 받을 수 있다
Container( margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), child: TextField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), borderSide: const BorderSide( color: Color(0xffd9d9d9), ), ), ), ),), EdgeInsets.symmetric - 대칭적인 여백 주기 위한 도구TextField - 텍스트 입력할 수 있는 입력 필드. 사용자로부터 데이터 받..
SizedBox위젯 크기 명시적으로 지정, 빈 공간 만들기 위해 사용하는 간단한 레이아웃 위젯.다른 위젯들 크기나 간격 제어 시 매우 유용하게 쓰인다.1. 정확한 크기 지정 : width와 height를 지정해 위젯의 크기 명확히 제어.SizedBox( width: 100, height: 100, child: Image.asset('assets/car.png'),);이 코드는 SizedBox를 사용해 이미지를 100*100으로 제한하고 있다. 2. 빈 공간 만들기 (여백)padding이나 margin과는 다르게 명확하게 빈 공간을 설정할 수 있다Column( children: [ Text('위 텍스트'), SizedBox(height: 20), // 20px의 빈 공간 생성 Tex..
SingleChildScriollView()자식 위젯이 부모 위젯의 화면 영역을 초과할 때 스크롤이 가능하게 해준다스크롤 가능한 컨테이너 내에서 단일 지식을 감쌀 수 있다화면에 보여지는 영역을 초과하는 콘텐츠 표시할 때 유용하다 특징1. 하나의 자식만 가질 수 있다. 그 자식의 위젯이 부모 위젯 크기 초과할 경우 스크롤된다2. 스크롤 방향 설정 가능하다. 수직 수평 모두 가능3. 역방향 스크롤 지원
debugShowCheckedModeBanner : false;Flutter 애플리케이션에서 디버그 모드 배너 숨기기 위한 설정기본적으로 Flutter 앱 디버그로 실행할 때 화면 오른쪽 상단에 작은 디버그 배너(빨간색)이 나타난다이 배너는 디버그 모드에서 실행중임을 나타내지만 개발 중에는 화면 깨끗하게 유지하고 싶을 때 이 배너 숨길 수 있다 코드 샘플MaterialApp( debugShowCheckedModeBanner: false, // 디버그 배너를 숨김 home: MyHomePage(), ); 이 설정은 릴리즈 할 때는 자동으로 적용되지 않고릴리즈 모드에서는 배너가 나타나지 않으므로 신경 쓸 필요가 없다