Form은 텍스트 필드처럼 복잡하지 않으며, 우리가 넣은 값을 간단히 검증하고 전달받을 수 있다. https://github.com/shechren/DIM/tree/master/do7 전체 코드는 여기에 있다. final _myForm = GlobalKey<FormState>(); String? name; String? age...

TextField는 다음과 같이 지정한다. final로 TextEditingController()를 생성하고, controller에 지정한다. ElevatedButton에서 TextEditingController에서 받아온 텍스트를 print 로 출력한다. class MyTextField extends StatelessWidget { MyTe...

https://www.yes24.com/Product/Goods/117206541 Do it! 깡샘의 플러터 & 다트 프로그래밍 본 내용은 위 서적을 많이 참고했다. 상세한 내용은 해당 링크를 참조 바란다. 컨테이너는 영역을 표기한다. 일종의 레이아웃과 같은 셈이다. 이미지 양쪽 옆의 공백이 보인다면 그건 이미지가 정상적으로 출력되고 ...

Do it! 깡샘의 플러터 & 다트 프로그래밍 본 내용은 위 서적을 많이 참고했다. 상세한 내용은 해당 링크를 참조 바란다. IconButton, ElevatedButton, FloatingActionButton 같은 위젯들에서도 이벤트 처리가 가능하다. 그런데 그 모든 이벤트들 역시 내부적으로는 GestureDetector를 이용한다. 따...

https://github.com/shechren/DIM/tree/master/Do3 코드는 위 링크에 있다. class Home extends StatelessWidget { const Home({super.key}); @override Widget build(BuildContext context) { return Scaffol...

구글의 머티리얼 디자인을 따르면 마치 어도비 컬러, 구글 컬러를 이용하는 듯하게 테마 색상을 설정할 수 있다. 색상을 고르기 어려울 경우 이 색상 위주로 디자인의 통일성을 지킬 수 있게 된다. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget ...

https://github.com/shechren/DIM/tree/master/Do2 전체 코드는 여깄다. 여기서도 또한 머티리얼 앱을 만들어두고 시작한다. debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( title: Tex...

개떡같은 JS는 때려치우고 Flutter와 행복 코딩을 즐길 시간이다. 위와 같은 화면을 만드는 게 목표다. 어떻게 해야 할까? https://github.com/shechren/DIM/tree/master/Do1 전체 코드는 여기에 있다. 일단 머티리얼 앱을 만든다.  debugShowCheckedModeBanner: false,...

여기서는 나눔손글씨 폰트를 사용할 것이다. 내장 폰트는 다음과 같이 쓸 수 있다. 1. 폰트를 에셋 폴더 내에 추가한다. 2. pubspec.yaml 파일의 경로를 추가한다. flutter: uses-material-design: true assets: - Fonts/NanumPen.ttf fonts: - family: ...

Do it! 깡샘의 플러터 & 다트 프로그래밍 본 내용은 위 책을 많이 참고했다. 이미지 파일은 다음과 같이 등록할 수 있다. 필요한 이미지를 경로에 넣는다. pubspec.yaml 파일을 다음과 같이 수정한다. ```yaml flutter: uses-material-design: true import i...