blog.

환경 : mac m1 1. 앱바 구현하기 앱바 구현하기 · soo-toance/2024-flutter-chapter8-blog-webapp@30c0383 (github.com) 앱바 구현하기 · soo-toance/2024-flutter-chapter8-blog-webapp@30c0383soo-toance committed Aug 25, 2024github.com import 'package:flutter/material.dart';import 'package:webview_flutter/webview_flutter.dart';class HomeScreen extends StatelessWidget { WebViewController webViewController = WebViewController(..

환경 : mac m11. 사전지식1) 콜백함수 : 일정 작업이 완료되면 실행되는 함수 - onPageFinished .. 등등이 있음 WebViewController controller = WebViewController() ..setNavigationDelegate(NavigationDelegate( // 로딩 완료 후 실행되는 함수 onPageFinished : (String url) { print(url); } )) NavigationDelegate class - webview_flutter library - Dart API (pub.dev) NavigationDelegate class - webview_flutter library - Dart APINavigation..

환경 : mac m1전체코드: soo-toance/2024-flutter-chapter7-splash (github.com) GitHub - soo-toance/2024-flutter-chapter7-splashContribute to soo-toance/2024-flutter-chapter7-splash development by creating an account on GitHub.github.com  1. 프로젝트 생성 2. 사용자 정의 위젯 만들기 : stateless 위젯 - 스테이트풀 위젯 : 내부에서 값이 변경되었을 때 위젯 자체에서 다시 렌더링 실행- 스테이트리스 위젯 : 내부에서 값이 변경되어도 위젯 자체적으로 다시 렌더링할 수 없는 위젯  소스코드 >>stateless widget 적용..

1. 플러터 플로우 - 플러터에 특화된 UI 구현 툴, 웹에서 UI를 디자인 하면 플러터 앱을 통째로 반환한다고 함.FlutterFlow - Build beautiful, modern apps incredibly fast FlutterFlow - Build beautiful, modern apps incredibly fastFlutterFlow lets you build apps incredibly fast in your browser. Build fully functional apps with Firebase integration, API support, animations, and more. Export your code or even easier deploy directly to the app st..

text 위젯- 글자를 화면에 그릴때 사용 Text class - widgets library - Dart API (flutter.dev) Text class - widgets library - Dart APIA run of text with a single style. The Text widget displays a string of text with single style. The string might break across multiple lines or might all be displayed on the same line depending on the layout constraints. The style argument is optional. Wheapi.flutter.dev  제스처 관련 위..

위젯 - 현재 주어진 상태를 기반으로 어떤 UI를 구현할지 정의 - 상태가 변경되면 변경 사항에 알맞게 변경된 UI를 화면에 다시 그려줌. - 결과적으로 플러터는 최소한의 리소스를 이용해 120FPS 까지 퍼포먼스 발생  자식 하나만을 가지는 (child) 대표적인 위젯- Container 위젯 : 자식을 담는 컨테이너 역할을 함.ㄴ 다만, 단순하게 자식을 담는 역할을 하는게 아니라 배경색, 너비와 높이, 테두리 등의 디자인 지정 - GestureDetector 위젯 : 제스처 기능을 자식 위젯에서 인식하는 위젯 ㄴ 탭이나 드래그, 더블 클릭 같은 제스처 기능이 인식됐을 때 함수 실행 가능- SizedBox 위젯 : 높이와 너비 지정하는 위젯ㄴ Container 위젯과 다르게 디자인적 요소는 적용할 수 ..

환경 : 맥북 m1 hello code factory 출력 materialapp : material design 기반의 위젯들을 사용하게 해주는 위젯scaffold : materialapp 다음으로 위치하는 위젯으로 화면 전체를 차지하며 레이아웃 도와주는 기능 제공 ex, 화면에 알림과 같은 스낵바 실행, 위에 앱바 혹은 아래에 탭바 추가   import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( body: Text( 'Hello Code Factory', ), ), ), );}    center 위젯으로 중앙으로 정렬 impo..

환경 : 맥북 m1   프로젝트 생성하는법        안드로이드 애뮬레이터 생성하는 법               여기까지 플러터로 프로젝트 생성하고 안드로이드 애뮬레이터 추가하는 방법이었다 !

1. 레코드1) 포지셔널 파라미터 : 표시한 타입 순서를 지켜야함 void main() { // 정확한 위치에 어떤 타입의 값이 입력될 지 지정 가능 (String, int) minji = ('민지', 20); print(minji); // 특정 순서의 레코드 값 가져오고 싶다면 $ 사용 print(minji.$1); print(minji.$2);} 실행화면 >> 2) 네임드 파라미터 : 입력 순서 지킬 필요 없지만 타입과 변수 이름 쉼표로 구분하고 명시해줘야함 void main() { // 네임드 파라미터 형태로 record 선언 ({String name, int age}) minji = (name: '민지', age: 20); print(minji);} 실행화면 >> 2...

1. 객체지향 프로그래밍의 필요성 1) 모든 코드를 main()함수에서 작성하면 코드 정리가 안돼 장애물이 됨.2) 변수와 메서드를 특정 클래스에 종속되게 코딩할 수 있음. > 코드 관리가 용이해짐 2. 클래스와 인스턴스 1) 클래스 : 일종의 설계도로 데이터가 보유할 속성과 기능을 정의하는 자료구조 2) 인스턴스 : 클래스를 이용해서 객체를 선언하면 해당 객체를 인스턴스라고 부름  3. 클래스의 생성자 1) 생성자 : 클래스의 인스턴스를 생성하는 메서드 2) 네임드 생성자 : 클래스를 생성하는 여러 방법을 명시하고 싶을 때 사용 class Idol { // 생성자에서 입력받는 변수들은 일반적으로 final 키워드 사용 final String name; final int membersCount; ..