목록Flutter (233)

투케이2K

133. (Flutter/플러터) [Mac] : [운영] : 에셋 assets 폴더 생성 방법 정리

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [방법 설명]​  ​
Flutter 2024. 6. 8. 10:10
132. (Flutter/플러터) [Mac] : [UI] : [OutlinedButton] 버튼 생성 및 스타일 지정 , 클릭 이벤트 정의

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 7. 19:46
131. (Flutter/플러터) [Mac] : [UI] : [Text] 텍스트 생성 및 TextStyle 스타일 설정, Alignment 정렬 수행 실시

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 7. 18:56
130. (Flutter/플러터) [Mac] : [UI] : BoxDecoration 사용해 박스 테두리 및 색상 커스텀 설정 - border , radius

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 7. 18:52
129. (Flutter/플러터) [Mac] : [UI] : SizedBox 사이즈 박스 사용해 위젯 크기 child 참고 알맞게 설정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 7. 18:48
128. (Flutter/플러터) [Mac] : [UI] : LayoutBuilder 사용해 위젯 사이즈 확인, 반응형 분기 처리 (Response Batch)

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 7. 18:45
127. (Flutter/플러터) [Mac] : [UI] : [Column] 전역 변수 MediaQuery width , height 지정해 반응형 사이즈 지정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 6. 19:08
126. (Flutter/플러터) [Mac] : [UI] : SafeArea 기본 개념 설명 및 레이아웃 사용 참고 사이트

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [설 명]​--------------------------------------------------------------------------------1. SafeArea 이란 Flutter 에서 Widget 를 구성할 때, 스마트폰 화면의 상단바 등이 차지하는 영역을 계산해 페이지의 컨텐츠가 화면에 알맞게 배치 되게 하는 위젯입니다--------------------------------------------------------------------------------2. SafeArea 는 자식 위젯에 패딩을 넣어서 디바이스 영역이 앱의 위젯 영역을 침범하는 것을 막아줍니다------------------------..
Flutter 2024. 6. 6. 09:36
125. (Flutter/플러터) [Mac] : [UI] : Scaffold 기본 개념 설명 및 레이아웃 사용 참고 사이트

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [설 명]​--------------------------------------------------------------------------------1. Scaffold 이란 Flutter 에서 기본 Material Design visual layout 구조를 구현하는 데 사용됩니다 (뼈대 개념)--------------------------------------------------------------------------------2. Scaffold 는 범용 모바일 애플리케이션을 만들기에 충분하며 기능적이고 응답성이 뛰어난 앱을 만드는 데 필요한 거의 모든 것을 포함하고 있습니다--------------------..
Flutter 2024. 6. 6. 09:28
124. (Flutter/플러터) [Mac] : [UI] : [Column] Flexible 사용해 child 자식 요소 렌더링 사이즈 조절 수행

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 5. 14:52
123. (Flutter/플러터) [Mac] : [UI] : [Column] Expanded flex 사용해 레이아웃 비율 설정 표시

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 5. 14:47
122. (Flutter/플러터) [Mac] : [UI] : [Column] double.infinity 사용해 width , height 최대 크기 설정 - Full Size

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 5. 14:42
121. (Flutter/플러터) [Mac] : [UI] : [Column] MainAxisSize max 사용해 컴포넌트 공간 최대 크기 지정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 5. 14:35
120. (Flutter/플러터) [Mac] : [UI] : [Column] MainAxisSize min 사용해 컴포넌트 공간 최소 크기 지정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 5. 14:31
119. (Flutter/플러터) [Mac] : [UI] : [Row] MainAxisSize max 사용해 컴포넌트 공간 최대 크기 지정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 4. 20:33
118. (Flutter/플러터) [Mac] : [UI] : [Row] MainAxisSize min 사용해 컴포넌트 공간 최소 크기 지정

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 4. 20:29
117. (Flutter/플러터) [Mac] : [UI] : [Row] MediaQuery 사용해 Container 컨테이너 width , height 반응형 동적 조절

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 4. 19:41
116. (Flutter/플러터) [Mac] : [UI] : [Column] MainAxisAlignment end 사용해 레이아웃 수직 종료 정렬 수행

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 3. 20:10
115. (Flutter/플러터) [Mac] : [UI] : [Column] MainAxisAlignment start 사용해 레이아웃 수직 시작 정렬 수행

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 3. 20:05
114. (Flutter/플러터) [Mac] : [UI] : [Column] MainAxisAlignment center 사용해 레이아웃 수직 가운데 정렬 수행

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// -----------------------------------------------------------------------------------------// TODO [main] : [application 의 진입점 역할]// -----------------------------------------------------------------------------------..
Flutter 2024. 6. 3. 19:59
Prev 1 ··· 3 4 5 6 7 8 9 ··· 12 Next