목록다트 (335)

투케이2K

146. (Flutter/플러터) [Mac] : [UI] : [AlertDialog] 다이얼로그 팝업창 생성 및 커스텀 색상 및 텍스트 지정

[개발 환경 설정]​개발 툴 : 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. 9. 15:33
145. (Flutter/플러터) [Mac] : [UI] : [AlertDialog] 기본 다이얼로그 팝업창 생성 및 표시 수행

[개발 환경 설정]​개발 툴 : 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. 9. 15:24
144. (Flutter/플러터) [Mac] : [UI] : [Card] 카드 뷰 위젯 사용해 모서리 Round 테두리 설정 뷰 만들기

[개발 환경 설정]​개발 툴 : 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. 9. 12:00
143. (Flutter/플러터) [Mac] : [UI] : [ListView] Row 사용해 리스트 뷰 아이템 구성 시 이미지 (Image) , 텍스트 (Text) 삽입

[개발 환경 설정]​개발 툴 : AndroidStudio개발 언어 : Dart [사전 assets 추가 방법]​https://blog.naver.com/kkh0977/223472656705 133. (Flutter/플러터) [Mac] : [운영] : 에셋 assets 폴더 생성 방법 정리[개발 환경 설정] 개발 툴 : AndroidStudio 개발 언어 : Dart [방법 설명]blog.naver.com [소스 코드]​import 'package:flutter/material.dart';import 'dart:developer';import 'dart:core';import 'dart:convert';import 'dart:typed_data';// ------------------------------..
Flutter 2024. 6. 9. 11:37
141. (Flutter/플러터) [Mac] : [UI] : [ListView] scrollDirection 사용해 리스트 뷰 아이템 가로 정렬 수행

[개발 환경 설정]​개발 툴 : 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. 8. 18:21
140. (Flutter/플러터) [Mac] : [UI] : [ListView] List 배열 생성 및 아이템 리스트 뷰 에 지정 실시

[개발 환경 설정]​개발 툴 : 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. 8. 18:10
138. (Flutter/플러터) [Mac] : [UI] : [RadioListTile] 라디오 버튼 생성 및 selected 선택 상태 확인

[개발 환경 설정]​개발 툴 : 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. 8. 16:35
136. (Flutter/플러터) [Mac] : [UI] : [Switch] 스위치 버튼 생성 및 on , off 변경 상태 확인

[개발 환경 설정]​개발 툴 : 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. 8. 15:49
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
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
Prev 1 ··· 9 10 11 12 13 14 15 ··· 17 Next