전체 글 썸네일형 리스트형 GET X로 만든 계산기 어플 읽기 Get x를 만들기 위해서 코드 구조는 lip 파일 안에 mvc 순으로 만들기 model : 내용물 view : 화면에 표시되는 내용 control : 이벤트 발생 후 상태 업데이트 아래 코드는 model - widget view - screen control - control 폴더로 만들어서 사용했음 출처 Flutter-GetX-calculator/lib at master · shistastic/Flutter-GetX-calculator (github.com) GitHub - shistastic/Flutter-GetX-calculator: Tests with GetX Tests with GetX. Contribute to shistastic/Flutter-GetX-calculator developmen.. 더보기 MVC, MVVM 패턴이란? 자동차 생산의 역사는 포드가 만든 대량 생산체제 전 후로 나누고 있다. 그만큼 포드는 자동차 보급에 엄청난 혁신을 가지고 왔다. 그 혁신은 코딩을 하는 개발자 세계에도 존재한다. 평범한 계산기 프로그램에도 필요한 코드의 양은 어마무시하다. 그렇기에 모든 코드를 main.dart에 쭉 쓰는 건 비효율적이다. 계산기에 필요한 구성품을 나누어 따로 보관하는 것이 MVC, MVVM 이다. MVC -Model -View -Control MVVM -Model -View -ViewModel 의 약자이다. 두 가지를 알아본 결과 나같은 코딩을 이제 막 배우는 입장에서는 다 똑같다. 앞으로 어플을 개발함에 있어 lib 파일에 Model View Control 파일을 만드는 연습을 하려고 한다. 그래야 내 부족한 코드를 .. 더보기 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('... 더보기 마인드 스톰- 시모어 패퍼트 마인드스톰 : 네이버 도서 (naver.com) 마인드스톰 : 네이버 도서 네이버 도서 상세정보를 제공합니다. search.shopping.naver.com 코딩을 공부하면서 배경지식을 쌓을 겸 코딩 관련 책을 읽고 있다. 마인드 스톰- 저자 시모어 패퍼트 이 책이 1980년대에 쓰여졌다는게 믿기지 않는다. 저자의 통찰력이 40년을 앞섰다. 이 책은 컴퓨터를 통해서 아이에게 코딩교육을 어떻게 효과적으로 시킬 수 있는지에 대한 책이다. 글의 분위기가 상당히 논문스러워 읽기가 좀 힘들지만 내용은 정말 좋다. 저자는 수학을 잘해야만 컴퓨터를 잘 할 수 있다는 편견을 없애기 위해 엄청 노력했다. 본인 스스로도 어렸을 때 학교에서 배운 수학보다 자동차를 조립, 해체 하는 도중에 갖고 놀았던 톱니바퀴를 통해서 수학.. 더보기 플러터 Stateful 위젯의 생명주기 ?? 비전문가인 내가 플러터를 배우는 모든 순간이 위기이다. 오늘의 위기는 Stateful 과 Stateless 위젯의 차이점의 대한 이해이다. 코딩책을 읽다보면 정말 고이고 고인 분들이 코딩의 세계를 만들었다는게 느껴진다. 어플을 만들기 위해서는 화면을 꾸며야 한다. 요즘 대부분의 어플들은 화면에 정적인 정보보다는 동적인 정보도 같이 제공해주는 경우가 많다. 예를들어 날씨어플, 실시간으로 버스 동선, 비트코인의 쉼 없이 움직이는 그래프 등등 이러한 동적인 정보를 화면에 구성하기 위해서는 Stateful 위젯을 사용해야 한다. Stateful 위젯에 대해서 알아보는 중 "생명주기" 라는 단어가 날 더 혼란스럽게 했다. 내가 이해한 바로는 Stateful 위젯의 생명주기 == 정해진 실행순서 이다. 곰곰히 생각.. 더보기 이전 1 ··· 51 52 53 54 55 다음