IT/flutter (5) 썸네일형 리스트형 [Flutter] 외부 image 리소스 추가하고 보여주기 준비물 : 보여줄 이미지 파일 하나! ( png 파일만 됩니다.. jpg 안됨... ) 따로 귀찮으신분은 우리집 강아지 파일을 샘플로 쓰면됨! 1. 신규 프로젝트 생성 프로젝트명 : sample_image_display //플러터는 프로젝트에 대문자 못씀 나머지는 굳이 똑같이 안해도 됨.. 2. 외부이미지 추가 루트 폴더 밑에 assets 라는 폴더를 만든다. ( 폴더명은 임의로 만들어도 됨 ) 거기에 보여줄 이미지 파일을 복사한다. 3. 이미지 폴더 지정 pubspec.yaml 파일을 연다. 주석이 처리되어 있는 이미지 폴더 지정 부분을 찾는다. # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg 주석을 해제 하고, 방금 생성한 폴더를 써준다.. Flutter 복습 - 기본 템플릿 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 const MaterialApp( home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, requi.. Flutter 개발환경 구축 ( on Windows11 ) 글을 보니, 약 3년전에 찍먹하고 해보지 않았었던 Flutter 를 최근 다시 시작하였다. 그래서 또 다시~ 시작하는 마음으로 설치를 진행한다. 1. 플러터 sdk 다운로드 https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs.flutter.dev 현재 3.7.12 적당한 곳에 압축을 해제한다. c:\study\flutter\flutter_sdk 로 했다. 2. path 설정 플러터 sdk 압축해제 한곳을 path 설정해준다. c:\study\flutter\flutter_sdk\bin 3. Android Studio 설치 https://developer.android.com/st.. 머터리얼 앱의 기본 형태 그리고 기본 용어 StatelessWidget ( 안그린다 ) StateWidget ( 다시 그린다 ) ** Android Studio 에서 Flutter StatelessWidget , StateWidget 클래스 빨리 만들기 ( 자동완성! ) stless 라고 쓰고 엔터! stful 라고 쓰고 엔터! 그리고 위젯 참조 https://flutter.dev/docs/development/ui/widgets Flutter 를 이용한 앱개발 1. 구글 코드랩의 기본앱 1,2 작성 꺠달은점 1. ReactNative 같다. 깨달은점 2. 패키지 관리가 수동같은 자동? 깨달은점 3. _ 붙이면 자동 private 깨달은점 4. i ~/ 2 ; //2로 나는 몫 정수 궁금점1. final _sugesstions = []; //이건 무슨선언안거지.. 은 보통 제네릭 에서 쓰는데 타입이 없다; 일단 기본앱 완료~! 스샷 첨부 ㅎ 이전 1 다음
