본문 바로가기

Flutter

(32)
SingleChildScrollView 위젯 SingleChildScrollView 위젯스크롤을 제공하기 위해 사용되는 위젯수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음scrollDirection: Axis.vertical (수직)scrollDirection: Axis.horizontal (수평)import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaff..
기초적인 Flutter 화면을 구성하는 패턴 'package:flutter/material.dart' 임포트MaterialApp으로 메인 위젯 트리 감싸기title과 theme과 같은 속성 설정home : 속성을 주 페이지로 정의Scaffold앱의 시각적 레이아웃에 대한 기본 구조 제공appBar 및 body와 같은 속성 설정레이아웃 요소 제공 (예: AppBar, Drawer, BottomNavigationBar)각 구성요소는 또 다른 위젯으로 각각의 사용법은 이후에 정리하기로 함body에 실제 화면 관련 위젯 정의import 'package:flutter/material.dart';void main() { runApp(MyApp());}// 상태 기반 UIclass MyApp extends StatelessWidget { const MyAp..
플러터 기본기 다지기 - 1 "Everything is a Widget" — Flutter의 핵심 철학Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현한다. 이는 개발의 일관성과 효율성을 크게 높여준다. 선언적 UI 구성Flutter는 React에서 영감을 받은 선언적 프로그래밍 방식을 채택했다. 개발자는 원하는 UI 상태를 직접 선언하며, 프레임워크가 이를 효율적으로 렌더링한다. 명령형 UI💡 어떠한 상태가 되도록 명령한다.ViewA a = ViewA();ViewB b = ViewB();a.setColor(red) // 빨간색이 되어라b.setColor(yello) // 노란색이 되어라a.add(b) // b는 a의 child가 되어라   선언형 UI💡 어떠한 최종 상태를 선언한다// 빨간색 A가..
Flutter UI 프레임워크 chat gpt 프롬프트 시작 문구💡Since now, you act as th best IT lecturer for beginners having no idea about flutter and programming. Plz add detail comments to the following code line by line. 위젯 속성 값 확인 프롬프트 문구💡plz explain properties and to use of [ → IconButton ←] in Flutter. 영어 결과 출력 후 한글 변환 요청💡plz translate the avobe answer in korean. 안드로이드 스튜디오 맞춤법 지적 끄기1. 왼쪽 위 상단에 File -> 2. Settings -> 3. Editor ..
flutter App화면 구현 import 'package:flutter/material.dart';// 수입하다. material.dart// 코드의 진입점void main() { runApp(const MyApp());}// 처음부터 위젯을 개발하는 것은 힘들다. --> 상속, 구현받아서 개발을 진행한다.class MyApp extends StatelessWidget { // 멤버 변수 선언 영역 // 함수 선언 영역 // 생성자 const MyApp({super.key}); @override Widget build(BuildContext context) { // 지역 변수 , 코드 작성 print('build() 메서드 호출'); return MaterialApp( debugShowChec..
컬렉션(자료구조) 컬렉션은 여러 값을 하나의 변수에 저장할 수 있는 타입을 의미한다.주요 컬렉션 타입들은 다음과 같다.List (리스트)여러 값을 순서대로 저장하고, 인덱스 번호로 접근 가능한 컬렉션 타입이다.Map (맵)'키'와 '값'의 형태로 저장하고,'키'를 기반으로 매칭되는 '값'을 바로 접근 가능한 컬렉션 타입이다.Set (셋)중복된 데이터를 제거하고 데이터를 저장하는 컬렉션 타입이다. // 코드의 진입점void main() { // List 자료구조 사용해보기 // 선언과 동시에 초기화 List myList = ['홍길동', '포도', '사과']; // R print(' LIST DATA $myList'); // add 추가 myList.add('김유신'); // read : 리스트 계열은 인덱스..
변수 대부분의 프로그래밍 언어의 구성 - 변수- 조건문- 반복문- 함수(인수값) : 위 내용들을 가지고 미리 만들어 놓은 코드  dart 언어 기본// main() 함수는 작성한 코드 부터 실행(실행 진입점)// 각 구문은 세미콜론(;) 으로 끝나야 함// 코드의 시작점 void main() { print('Hello Dart'); } // end of main   주석// 메서드/클래스 정의 위에 주석을 작성하면 'dartdoc' 과 같은 문서 생성 도구를/// 통해 문서 생성 가능void main() { // 한줄 주석 /** * 여러줄 주석 */ } // end of main   변수// 변수와 데이터 타입void main() { int age = 20; double vers..
프로젝트 구조 살펴보기 플러터 ( Flutter ) 란?플러터는 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다. 안드로이드, iOS, 윈도우즈, 리눅스 및 웹용 애플리케이션과 구글 퓨시아용 앱의 주된 소스코드로 사용된다. flutter 프레임워크의 전체적인 구조 andorid 폴더에서 직접 코틀린 코드나 자바 코드를 통해서 작업을 진행할 수 있다.iOS 폴더에서는 버전 정도 수정이 가능하며 권장 사항은 XCODE 를 통해서 설정 해야한다. pubspec.yaml 파일은 프로젝트에 설정 및 외부 라이브러리 관리를 위해 파일이다. 변경 사항이 발생하면 상세한 부분은 pubspec.lock 파일에 수정된다.

728x90