Flutter-플러터204 MVC, MVVM 패턴이란? 자동차 생산의 역사는 포드가 만든 대량 생산체제 전 후로 나누고 있다. 그만큼 포드는 자동차 보급에 엄청난 혁신을 가지고 왔다. 그 혁신은 코딩을 하는 개발자 세계에도 존재한다. 평범한 계산기 프로그램에도 필요한 코드의 양은 어마무시하다. 그렇기에 모든 코드를 main.dart에 쭉 쓰는 건 비효율적이다. 계산기에 필요한 구성품을 나누어 따로 보관하는 것이 MVC, MVVM 이다. MVC -Model -View -Control MVVM -Model -View -ViewModel 의 약자이다. 두 가지를 알아본 결과 나같은 코딩을 이제 막 배우는 입장에서는 다 똑같다. 앞으로 어플을 개발함에 있어 lib 파일에 Model View Control 파일을 만드는 연습을 하려고 한다. 그래야 내 부족한 코드를 .. 2022. 10. 6. Todo 어플 남의 코드 읽기 연습 1 출처 -[플러터] Todo-App 만들기 (velog.io) [플러터] Todo-App 만들기 🌈 간단한 Todo-list 만들기 ☀️ 1. 프로젝트 생성하기 프로젝트 생성 후, home에 todoApp()을 호출한다. todoApp은 상태값이 변하므로, Stateful 위젯을 사용한다. StatefulWidget을 상속받는 todoApp 클래스를 velog.io 1. 함수 읽기 todo어플도 상태값이 변하니까 Sateful 위젯을 사용 todoApp stateful 상속 위젯 생성 "+ "아이콘을 앱바에 생성 -> 클릭 하면 다이얼로그 showDialog(); -> return값 AlertDialog 2칸의 텍스트필드 -> (hint)1. 글 제목, 2. 글 내용 입력 저장하기 Todo class 생성.. 2022. 10. 1. 플러터 계산기 남의 코드 읽기 4 -> 원가계산기 어플 만들때 참조할것 출처 -fluttercalculator/home_page.dart at master · iampawan/fluttercalculator (github.com) import 'package:flutter/material.dart'; 1. 함수읽기 StatefulWidget 사용 -> var 추론으로 변수 num1, num2 , sum = 0 선언 TextEditingController 사용 -> t1 , t2로 변수 선언 text 기본값으로 0 함수식만들기 doAddition -> 더하기 함수 이름 t1,t2에 입력된 값은 -> num1,num2로 불러와지고 sum = num1+num2 더하기 버튼을 만들고 MaterialButton( child: new Text("+"), color: Colors.gre.. 2022. 9. 28. 플러터 계산기 코드 읽기 import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'package:flutter/services.dart'; 1. 함수 읽기 textController1, textController2 텍스트 필드 2칸을 선언 함수는 무한대로 설정 숫자칸을 따로 만들지 않고 텍스트 필드의 키보드 설정을 이용해서 숫자칸을 만들었음 연산자 +,-,*,/ 각 버튼마다 함수를 지정해서 계산이 되도록 함 2. 위젯 읽기 +,-,*,/ 연산자 칸만 만듬 숫자칸 버튼은 키보드로 대체 void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override W.. 2022. 9. 26. 플러터 계산기 어플 코드 읽기 출처 - https://github.com/sasankaweera123/Calculator_App/blob/main/calculator_app/lib/main.dart 1. 함수에 대한 정리 기본적인 함수는 조건문 numOne,numTwo가 입력칸 opr, preopr이 연산자 변수 선언 result, finalresult 최종 결과값의 변수 선언 두 번 나눈 이유는 1을 입력 + 을 누르면 더하기가 시작 다시 1을 누르면 1+1의 값인 2가 출력이 됨 add, sub, mul, div 라는 변수도 같이 선언 add = numOne + numTwo 의 값 if(result.toString().contains('.')) { List splitDecimal = result.toString().split('... 2022. 9. 26. 플러터 Stateful 위젯의 생명주기 ?? 비전문가인 내가 플러터를 배우는 모든 순간이 위기이다. 오늘의 위기는 Stateful 과 Stateless 위젯의 차이점의 대한 이해이다. 코딩책을 읽다보면 정말 고이고 고인 분들이 코딩의 세계를 만들었다는게 느껴진다. 어플을 만들기 위해서는 화면을 꾸며야 한다. 요즘 대부분의 어플들은 화면에 정적인 정보보다는 동적인 정보도 같이 제공해주는 경우가 많다. 예를들어 날씨어플, 실시간으로 버스 동선, 비트코인의 쉼 없이 움직이는 그래프 등등 이러한 동적인 정보를 화면에 구성하기 위해서는 Stateful 위젯을 사용해야 한다. Stateful 위젯에 대해서 알아보는 중 "생명주기" 라는 단어가 날 더 혼란스럽게 했다. 내가 이해한 바로는 Stateful 위젯의 생명주기 == 정해진 실행순서 이다. 곰곰히 생각.. 2022. 9. 21. 이전 1 ··· 31 32 33 34 다음