blog.

사전지식    1. http 요청 url의 형태 http://www.domain.com:1234/path/to/resource?a=b&xy- http : http 또는 https 프로토콜로 실행할 수 있음, https는 보안이 강화된 프로토콜- host : 요청하는 사이트의 도메인- 1234 : 어떤 포트로 전달될지 결정 - /path/to/resource : 불어올 데이터의 정보로 명시 - a=b&x=y : 각 쿼리는 &로 구분, 키와 값 데이터가 =로 연결  2. http 기반 API의 종류 종류설명REST APIHTTP의 GET, POST, PUT, DELETE 등의 메서드 사용해 통신하는 대중적인 API GraphQLGraph 구조를 띄고 있으며 클라이언트에서 직접 필요한 데이터를 명시할 수 있는..

환경 : 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...