Programming/Flutter15 [Flutter] Flutter 기초 #03 - Flutter 스크롤 위젯 #03 Flutter 기초 - Flutter 스크롤 위젯목차 ▲Ⅰ Flutter 스크롤 위젯01. ListView02. ListTile03. GridView04. PageViewⅠ Flutter 스크롤 위젯01. ListViewListViewFlutter에서 스크롤 가능한 리스트 뷰를 생성하는 위젯무한 스크롤 리스트나 동적 리스트를 구성할 때 유용주요 생성자ListView() : 리스트 아이템을 직접 추가하는 일반적인 방식ListView.builder() : 동적 리스트 생성에 사용, 아이템을 효율적으로 랜더링ListView.separated() : 아이템 사이에 구분선을 추가할 때 사용ListView( children: [ ListTile( leading: Icon(Icons.perso.. 2025. 1. 11. [Flutter] Flutter 기초 #02 - Flutter 기본 위젯 #02 Flutter 기초 - Flutter 기본 위젯목차 ▲Ⅰ 앱 기본 구조 및 레이아웃 위젯01. MaterialApp()02. SafeArea()03. Scaffold()Ⅱ 레이아웃 배치 위젯01. Row()02. Column()Ⅲ 콘텐츠 위젯01. Text()02. Image()Ⅳ 공간 및 크기 조절 위젯01. Spacer()02. SizedBox()Ⅰ 앱 기본 구조 및 레이아웃 위젯01. MaterialApp()MaterialApp()Flutter 앱의 시작점이 되는 위젯으로, 앱의 전반적인 구조와 테마를 관리앱에서 사용되는 라우트 설정, 테마, 로케일, 네비게이션 등을 정의주요 속성home : 앱 실행 시 가장 먼저 표시할 화면을 지정theme : 앱의 전체적인 테마(색상, 스타일)를 설정ro.. 2025. 1. 9. [Flutter] Flutter 기초 #01 - UI 디자인 원리 & 선언적 UI 구성 #01 Flutter 기초 - UI 디자인 원리 & 선언적 UI 구성목차 ▲Ⅰ Flutter의 UI 디자인 원리01. Flutter의 디자인 원리 핵심 개념02. Flutter UI의 주요 특징03. 위젯 트리 구조의 이해04. Flutter 디자인 원리의 장점Ⅱ Flutter의 선언적 UI 구성01. 선언형 UI란?02. 선언형 UI & 명령형 UI03. Flutter가 선언형 UI를 채택한 이유Ⅰ Flutter의 UI 디자인 원리01. Flutter 디자인 원리의 핵심Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현Flutter에서는 ' 모든 것이 위젯이다' 라는 철학을 바탕으로 디자인이 이루어짐버튼, 텍스트 이미지뿐만 아니라 레이아웃, 화면 구성 요소까지 모두 위젯 형.. 2025. 1. 8. [Flutter] Dart 언어 기본 문법 #06 - Mixin & 추상 클래스 #06 Dart 언어 기본 문법 - Mixin & 추상 클래스목차 ▲Ⅰ OOP 객체 관계01. OOP 객체 관계란?02. 연관 관계 (Association)Ⅱ Mixin01. Mixin이란?02. Mixin 인스턴스화Ⅲ 추상 클래스01. 추상 클래스란?02. 추상 클래스로의 코드 발전 과정Ⅰ OOP 객체 관계01. OOP 객체 관계란?객체 관계객체 지향 프로그래밍에서 객체 관계란 프로그램을 구성하는 여러 객체들이 서로 상호작용하고 연결되는 방식을 의미객체들이 서로 독립적으로 존재하는 것이 아니라, 다른 객체와 관계를 맺고 협력하여 기능을 수행 함객체 간의 관계를 잘 설계하면 코드의 재사용성, 유지 보수성, 확장성을 높일 수 있음객체의 관계는 [연관 관계, 상속 관계, 의존 관계]로 분류02. 연관 관계 .. 2025. 1. 7. [Flutter] Dart 언어 기본 문법 #05 - 상속과 super 키워드 #05 Dart 언어 기본 문법 - 상속과 super 키워드목차 ▲Ⅰ 상속01. 상속02. 상속 예제Ⅱ super 키워드01. super02. super 키워드 예제03. 이니셜라이저 키워드Ⅰ 상속01. 상속상속이란?상속이란 부모 클래스의 속성과 메서드를 자식 클래스가 물려받는 것을 의미상속을 통해 단순히 부모 클래스의 속성과 메서드를 물려받는 것이 아닌 동시에 다형성도 성립해야 함다형성이란 하나의 객체가 여러 형태를 가질 수 있는 성질을 의미상속을 통해 코드의 재사용성과 유지보수성이 높아짐02. 상속 예제// 부모 클래스class Burger { String? b_name; // 부모 클래스 생성자 Burger() { print('나는 버거 생성'); }}// .. 2025. 1. 6. [Flutter] Dart 언어 기본 문법 #04 - Null Safety #04 Dart 언어 기본 문법 - Null Safety목차 ▲Ⅰ Null Safety01. Null Safety란?02. Null 체크 연산자와 Null 병합 연산자03. Null 억제 연산자04. late 키워드Ⅰ Null Safety01. Null Safety란? Null Safety Null Safety는 개발자가 Null 에러를 피할 수 있도록 도와주는 Dart 프로그래밍 언어의 기능이 기능은 'Sound Null Safety in Dart' 라고 불리며, 이를 통해 개발자는 코드 작성 시점에 Null 에러를 예측 가능'Sound Null Safety in Dart'란 런타임 중 Null 포인터 예외를 방지하기 위해 사용되는 Dart 컴파일러 규칙 Null Safety 사용Dart 언어는 기본.. 2025. 1. 6. 이전 1 2 3 다음 728x90
