본문 바로가기

반응형

Flutter-플러터

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 생성.. 더보기
플러터 계산기 남의 코드 읽기 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.. 더보기
플러터 계산기 코드 읽기 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.. 더보기
플러터 계산기 어플 코드 읽기 출처 - 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('... 더보기
플러터 Stateful 위젯의 생명주기 ?? 비전문가인 내가 플러터를 배우는 모든 순간이 위기이다. 오늘의 위기는 Stateful 과 Stateless 위젯의 차이점의 대한 이해이다. 코딩책을 읽다보면 정말 고이고 고인 분들이 코딩의 세계를 만들었다는게 느껴진다. 어플을 만들기 위해서는 화면을 꾸며야 한다. 요즘 대부분의 어플들은 화면에 정적인 정보보다는 동적인 정보도 같이 제공해주는 경우가 많다. 예를들어 날씨어플, 실시간으로 버스 동선, 비트코인의 쉼 없이 움직이는 그래프 등등 이러한 동적인 정보를 화면에 구성하기 위해서는 Stateful 위젯을 사용해야 한다. Stateful 위젯에 대해서 알아보는 중 "생명주기" 라는 단어가 날 더 혼란스럽게 했다. 내가 이해한 바로는 Stateful 위젯의 생명주기 == 정해진 실행순서 이다. 곰곰히 생각.. 더보기

반응형