728x90

flutter튜토리얼 3

아토믹데브_11_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발

11강: 사용자 입력 처리 - TextField와 Form 위젯내용 요약Flutter에서 TextField와 Form 위젯을 사용한 사용자 입력 처리:TextField는 Flutter에서 사용자 입력을 처리하기 위해 사용되는 기본 위젯입니다. 사용자가 텍스트를 입력할 수 있는 필드를 제공하며, 입력된 데이터를 실시간으로 처리할 수 있습니다.Form 위젯은 여러 입력 필드(TextField)를 그룹화하고, 유효성 검증 및 입력 데이터 관리를 쉽게 할 수 있도록 도와줍니다. Form은 폼 전체에 대해 유효성 검증을 수행할 수 있습니다.입력 유효성 검증 및 제출 처리:유효성 검증은 사용자가 입력한 데이터가 올바른지 확인하는 과정입니다. Flutter에서는 Form 위젯과 TextFormField 위젯을 사용하..

아토믹데브_9_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발

9강: Flutter의 레이아웃 위젯 - Column과 Row내용 요약Flutter의 레이아웃 위젯인 Column과 Row 소개:Column과 Row는 Flutter의 주요 레이아웃 위젯으로, 각각 수직 및 수평 방향으로 위젯을 배열하는 데 사용됩니다.Column: 위젯들을 세로로 정렬합니다. 주로 텍스트, 이미지, 버튼 등을 세로로 쌓을 때 사용됩니다.Row: 위젯들을 가로로 정렬합니다. 주로 버튼, 아이콘, 텍스트 등을 가로로 나란히 배치할 때 사용됩니다.이 두 위젯은 자식 위젯들을 배열하는 방식에 유연성을 제공하며, mainAxisAlignment, crossAxisAlignment와 같은 속성을 사용하여 레이아웃의 정렬과 간격을 조절할 수 있습니다.위젯을 사용한 레이아웃 구성 방법:Column과 ..

아토믹데브_7_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발

7강: Flutter 위젯 기초 - Text와 Image 위젯내용 요약Flutter에서 가장 많이 사용되는 기본 UI 위젯 소개:Flutter 위젯은 Flutter 애플리케이션의 모든 UI 요소를 구성하는 기본적인 빌딩 블록입니다.Flutter에서 가장 많이 사용되는 기본 위젯으로는 Text와 Image 위젯이 있습니다. 이 위젯들은 텍스트와 이미지를 화면에 표시하는 데 사용됩니다.Text와 Image 위젯의 사용법:Text 위젯:텍스트를 화면에 표시하기 위한 위젯입니다. 다양한 스타일을 적용할 수 있으며, 텍스트 정렬, 색상, 폰트 크기 등을 조정할 수 있습니다.기본적인 사용법:dartText( 'Hello, Flutter!', style: TextStyle(fontSize: 24, color: C..

728x90