회원가입 페이지 만들기 아래 화면을 만들어 볼 것이다. 전체 틀 잡기 먼저 화면의 큰 틀은 Scaffold, 그리고 ListView로 잡아준다. 이유는 회원가입 시 내용을 입력하기 위해 해당 영역을 클릭하면 키보드가 올라와야 하는데, 적절한 공간을 만들어주지 않으면 사용성이 떨어지기 때문이다. (안드로이드에서는 해당 속성을 설정할 수 있는데 여기도 있지 않을까..? 리스트 뷰만이 최선일까? 생각해보자.) Text 입력란 InputDecoration( hintText: "아이디를 입력해주세요", enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(10) ), focusedBorder: OutlineInputBorder( border..

완성화면 Lib DirectoryThis is the most important folder in the project, used to write most of the dartcode. By default, the lib folder contains the main.dart file, which is the application’s entry point. This configuration, however, can be changed.pubspec.yamlThis is the file we use to add metadata and configuration specific to our application. With this file’s help, we can configure dependencies su..

Flutter UI 모든 것은 widget 공식 문서를 참조하면 편하게 학습할 수 있다. Widget 구성 및 상태가 주어질 때 화면에 보여지는 view가 어떤 모습이어야하는지를 기술 위젯은 용도에 따라 상태 저장 (Stateful) 또는 상태 비저장(Stateless)으로 구분 StatefulWidget 사용자가 위젯과 상호작용할 때 위젯의 상태가 변경되면 stateful 위젯 위젯의 수명동안 변경될 수 있는 상태를 유지 StatefulWidget 클래스가 State 클래스의 인스턴스를 생성 StatefulWidget 클래스 그 자체는 변경 불가능 State 클래스가 위젯의 수명동안 상태를 유지 동적으로 변화함 수신된 데이터에 따라 변경됨 위젯의 상태는 상태 객체(State Object)에 저장 위젯 ..

mixin 여러 클래스 계층에서 클래스의 코드를 재사용하는 방법 , 로 여러 클래스의 코드를 사용할 수 있다. class Engine { int power = 5000; } // extends 해서 Engine 클래스 쓰고 싶은데..BMW가 Engine은 아니잖아요ㅠ (다형성을 만족하지 않음) class BMW with Engine { // with 키워드를 사용한다. } void main() { BMW b = BMW(); print(b.power); // 5000 } 다른 언어에서는 composition이라는 개념을 사용한다. composition 클래스 간에 포함 관계(composition)를 맺어주는 것 한 클래스의 멤버 변수로 다른 클래스 타입의 참조 변수를 선언하는 것을 의미 + 다트 문법을 복..

클래스 객체를 정의하는 설계도 객체 클래스(설계도)를 통해 현실 세계에 뿌리내릴 수 있는 것 아직 현실 세계에 존재하진 않지만 존재할 수 있는 가능성이 있는 것 ⇒ 메모리에 로드할 수 있는 것 형태 class Dog { String name = "happy"; int age = 4; String color = "white"; } 이때 클래스는 메모리에 로드 (객체 생성) 되지 않은 상태이다. 객체 생성하기 Dart는 new 키워드를 생략할 수 있다. void main(){ // java에서는 익숙한 형태 // new : 클래스를 메모리에 로드하겠다는 것을 의미 // Dog dog = new Dog(); Dog dog = Dog(); print("강아지 이름은 ${dog.name}입니다."); // 클래스..

함수 method 코드의 재사용을 용이하게 해준다. 기본 형태 리턴타입 함수이름(){ 내용.. } 매개변수가 있는 함수 void add(int x, int y){ int sum = x + y; print("$x + $y = $sum"); } 리턴 값이 있는 함수 int add (int x, int y){ return x + y; } 익명함수와 람다 (화살표 함수) 어떤 행위를 정의하는 함수들이 있다고 생각해보자. void run(){ print("달리기"); } void study(){ print("공부하기"); } .. 하루의 계획을 세우는 함수를 정의해야한다고 생각해보자. 하루의 계획은 매일 매일 달라지는데 그때마다 해당하는 함수를 만들어 호출하는 것은 너무 비효율적이다. 그리고 그때마다 setTod..