DevBoi

IOS 빌드에 추가하고, 해당 이미지를 외부에서 사용해야할때가 있다. 시작해보자 1. Images 폴더 생성후 이미지 넣기 2. pubspec.yaml의 assets부분 수정 3. pub get 4.그대로 사용 5. 빌드 결과 확인

플러터 프로젝트를 시작하면 아래와 같다. 카운터 어플리케이션 및 주석이 달려있다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage..

일단 텍스트의 값을 받아야 한다. 플러터에서는 이런 컨트롤러를 사용해서 값을 받고, 그다음에 리소스낭비를 줄이기 위해 dispose메소드를 실행시켜야한다고 한다. 이런식으로 TextField에서 컨트롤러를 매핑하는 작업을 한다. if(controller.text == 'smith' && controller2.text == '1234'){ Navigator.push(context,MaterialPageRoute(builder: (BuildContext context)=> Dice())); 실제로 값을 사용할 때는 이렇게 사용하면 된다. 그렇게 되면 controller.text로하면 텍스트 값을 가져오는 것이다. 일단 토스트 메시지 같은 메서드를 만들어준다 void showSnackBar2(BuildCont..

간단한 프로젝트를 진행해보자 아무리 이론을 빠삭하게 해도 결국은 직접 해보지않으면 ... 금방 까먹는다 ㅎㅎ 주말은 앱공부를 하고, 평일에는 인프라 자바 스프링 공부를 하니까... 일단 해보자 main.dart의 파일 내용이다. MyApp이라는 class의 내용을 적어놓고, MaterialApp을 return 한다. title은 dice game으로 두고, Login()을 홈으로 지정하여, return 한다. 해당 하단의 Login 클래스이다. 해당 클래스는 Scaffold를 return하고 Login이라는 텍스트를 타이틀로 한다. 그 Login appbar와 IconButton그리고 해당 하위의 action에 대한 함수 선언까지만 해놓는다. StateLesswight부분에서 노란 색 전구 버튼을 누르면..

Widget 작은 장치라는 의미이다. 독립적으로 실행되는 작은 프로그램이다. 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 보여준다. 그래픽이나 데이터 요소를 처리하는 함수를 가지고 있다. Flutter상에서의 Widget이란? 1. UI를 만들고 구성하는 모든 기본 단위 요소를 의미한다. 앱 화면을 구성하는 모든 요소를 위젯이라고 한다. 2. 플러터상에서는 눈에 보이지 않는 요소들도 위젯이다. Layout을 돕는 것들도 위젯이다. (정렬,컬럼 등등) 3. 플러트는 모든 위젯을 코드로 관리한다. State 최초로, 정렬된 상태 컴포넌트들이 존재하고있는 상태를 의미한다. 1. Stateless widget 상태가 없는 정적인 위젯.State가 변하지 않는 위젯을 의미한다. Stateless widget이 가..

일단 플러터의 기능들을 웹으로 빌드해보자 일단 저번에 화면 이동하고, 해당 이동된 화면에서 숫자를 증가시키는 등의 함수를 이벤트로 넣어봤다. 무튼 이걸 웹으로 빌드 해보자 1) flutter channel master 2)flutter upgrade flutter devices라고 하면, 크롬이나 ios등등이 뜬다. 이때 노출해야하는 곳이 크롬이라면, 크롬으로 변경하고 빌드하면 정상적으로 웹으로 빌드가 된다. 요로케 된다. 무튼, 다시 좀더 공부를 해보자

계속 앱의 상단에 정렬이 안된 상태로 글자가 있었는데 Center라는 위젯으로 이 텍스트를 감싼다면? 어플리케이션의 가운데에 이 글자가 정렬이 되게 된다. 또한 여러개를 넣을 수도있다. 이런식으로 컬럼이라는 속성도 존재한다. 프론트 개발을 할떄는 이렇게 외워야 할게 많은게 조금 킹받는다... 내가 덜익숙한거일수도... 다트는 형변환이 편하다. 그냥 달라를 붙이면 된다. counter를 참고하자. 무튼 이렇게 counter를 증가시킬수있고 mainAxisAlignment를 통해서 위젯안에 텍스트를 정렬할 수도 있다. 꿀 같은 사이트가 있다. https://flutterstudio.app AppBuilder 2 20180529-19:35 flutterstudio.app 미리 다 해볼수 없으니, 위젯을 사용해..

이렇게 바꾸면 아래 처럼 된다. MaterialAPP의 text를 넣어주면 된다. 디자인이 너무 안이쁘니까 해당 Scaffold로 감싸주고, Appbar를 넣어주자 이런식으로 넣게 되면 아래와 같이 변경된다. 뭐 약간 속성 바꾸는 느낌으로 바꾸게 되면서 바로 적용이 가능하다. Text안에 TextStyle을 주고 또 따로 변경이 가능하다 여기까지는 그냥 뭐 암기느낌이네... 기본적인 구조를 따르는 SatelessWidget에서는 사용이 불가하다고한다. StateFulWidget을 만들어야한다. stful이라고 하고 엔터치면 자동생성된다. 결국 이렇게 한다. 해당 HelloPage는 아래와 같이 참조한다. 상태변경이 되게끔 해보자. 이렇게 눌렀을때 동작하게 끔 할 수 있다. 실제로 별도 함수로 빼서 플로팅..

기존 프로젝트를 생성하게 되면, lib/main.dart , pubspec.yaml 파일 이 두개를 중점적으로 보면된다. main.dart는 소스코드가 적힌 파일이고, pubspec.yaml 파일은 외부 라이브러리나 디펜던시등이 정의된 파일이다. 일단 여기까지 하고 넘어가자