[Flutter 트랙] 앱개발 종합반 2-12 - 기능성 위젯
이번 시간에는 기능성 위젯에 대해 살펴보겠습니다. 기능성 위젯은 UI의 다양한 요소에 동적인 기능을 추가하는 데 사용됩니다.1. 텍스트(Text) 위젯텍스트 위젯은 글씨를 표현하는 기본적인 위젯입니다.Text( "Hello, Flutter!", style: TextStyle( fontSize: 24, color: Colors.blue, fontWeight: FontWeight.bold, letterSpacing: 2.0, decoration: TextDecoration.underline, ),)➡️ 위 코드에서는 **24px 폰트 크기, 파란색, 볼드, 자간(2px), 밑줄**이 적용된 텍스트가 표시됩니다.2. 입력 필드(TextField) 위젯TextField 위젯은 사..
2025. 3. 5.
[Flutter 트랙] 앱개발 종합반 2-11 - Stack & Positioned
이번 시간에는 Stack과 Positioned 위젯에 대해 살펴보겠습니다.Stack 위젯은 **위젯을 겹쳐서 배치할 때** 사용됩니다. 여러 개의 위젯을 레이어 형태로 배치할 수 있으며, 이를 통해 프로필 이미지 위에 아이콘을 배치하는 등의 UI를 만들 수 있습니다.1. Stack 기본 사용Stack 위젯을 사용하면 **자식 위젯들을 위로 쌓아 올릴 수 있습니다.**Stack( children: [ Container( width: 200, height: 200, color: Colors.blue, ), Container( width: 100, height: 100, color: Colors.red, ), ],)➡️ **위 코드..
2025. 3. 5.