본문 바로가기

Flutter

 (14)
Flutter - 다트의 객체지향 프로그래밍 클래스 객체가 가져야 하는 속성과 기능을 정의한 내용을 담고 있는 청사진 Product클래스 생성 class Product{ String productName; String productId; } phone이라는 인스턴스 생성과 Product변수에 접근하는법 void main() async { //phone이라는 인스턴스 생성 //phone은 Product의 모든 속성을 가진다 Product phone = Product(); //phone이 Product의 변수에 접근하는법 phone.productName='갤럭시10'; phone.productId=1; } 생성자 새 인스턴스를 만들 때 수행할 동작을 지정할 수 있는데 이 역활을 하는 함수를 생성자라 한다 클래스의 인스턴스를 만 들때 값을 전달하거나 초..
Flutter - 파라미터 파라미터 다트 함수는 위치, 이름, 선택형 위치 지정 파라미터 등 다양한 파라미터를 지원한다 이름 지정 파라미터 이름 지정이란 함수를 호출할 때 인수를 레이블과 쌍으로 제공한다는 의미이다 void main() async { testFunc(message: 'message',num: 3); } testFunc({String? message, int? num}){ print(message); print(num.toString()); } 중괄호로 이름 지정 파라미터를 감싸서 이름 지정 파라미터를 구현한다 이름 지정 파라미터는 선택사항이라 이름을 지정하지 않고도 호출할 수 있다 선택형 위치 지정 파라미터 void main() async { print(testFunc(1, 2)); print(testFunc(1,..
Flutter - Future, async, await Future 비동기 작업의 결과를 미완성, 완성 두 가지 형태로 표현 일종의 약속이자, 해당 결과를 추후에 확인 가능하다는 의미 일정 시간이 지난 후 실제 값이나 에러가 있을 경우 에러를 반환 async 함수 본문 앞에 키워드로 사용하여 비동기로 표시 await async 내에서 작동하는 기능 말그대로 기다린다는 의미 예시) await이 없을 때 void main() { print('start'); testFunc1(); print('end'); } testFunc1() { Future fileContent = testFunc2(); print(fileContent); } Future testFunc2() { Future result = Future.delayed(Duration(seconds: 5), ..
Flutter - AVD(에뮬레이터) 설치 상단바에 빨간 동그라미 친 AVD Manager를 클릭해줍니다 가운대에 Create Virtual Device를 클릭 저는 학교에서 Nexus 5 로 항상 해서 Nexus 5로 선택하고 next 버추어 디바이스의 안드로이드 버전을 다운로드 해준다 설치완료
Flutter - ListView Listview 말 그대로 여러 가지 항목을 스크롤이 되는 list로 보여주는 위젯이다 생성 방법 1. Listview() class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: ListView( //physics: NeverScrollableScrollPhysics(), padding: EdgeInsets.all(16), children: [ ListTile( title: Text('title1'), subtitle: Text('subTitle1'), leading: Icon(Icons.assignment_sharp), ), Container( color: Colo..
Flutter - Container안에 이미지 넣기 https://cpcp127-app-dev.tistory.com/8 Flutter - Container container 말 그대로 박스 같은 개념으로 보면되고 colum이나 row처럼 여러개의 자식은 가지는 children[]은 사용안하고 한개의 자식만 가져서 child를 사용합니다 text 위젯 처럼 들어가보면 여러가지 속 cpcp127-app-dev.tistory.com container에 대하여 잘 모르신다면 위 포스트를 보고 오시는 걸 추천드립니다 1. image 프로젝트에 추가 적절한 이미지를 다운받아 assets폴더에 images 디렉터리를 만들고 넣어줍니다 2. pub.get pubspec.yaml 파일에서 images를 추가해줍니다. 그리고 pub.get을 해줍니다 assets: - as..
Flutter - Container container 말 그대로 박스 같은 개념으로 보면되고 colum이나 row처럼 여러개의 자식은 가지는 children[]은 사용안하고 한개의 자식만 가져서 child를 사용합니다 text 위젯 처럼 들어가보면 여러가지 속성이 있지만 많이쓰이는것만 말하겠습니다 Container( child: Text( 'container', style: TextStyle(fontSize: 20, color: Colors.white), ), width: 300, height: 300, padding: EdgeInsets.only(top: 10), decoration: BoxDecoration( border: Border.all(color: Colors.blue, width: 10), color: Colors.red, b..
Flutter - Column,Row 화면을 구성할 때 맨 위에 scaffold라는 뼈대를 두고 body에 위젯을 넣어서 화면을 구성한다 주로 세로로 위젯을 배치할거면배치할 거면 Column을 가로로 배치할 거면 Row를 배치한다 class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('column1'), Text('column2'), Row( children: [ Text('Row1'), Container(width: 100,height: 30,color: Colors.red,)..
Flutter - fontFamily 적용 text위젯에서 기본 폰트가 아닌 다른 custom 폰트를 사용하고 싶을땐 textStyle의 속성인 fontFamily를 사용한다 적용하는 법을 알아보자 1. 폰트 다운로드 https://noonnu.cc/ 눈누 - 상업용 무료한글폰트 사이트 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 저는 인터넷 검색해서 위 사이트에서 원하는 폰트를 찾아 들어가서 ttf파일을 다운로드 해줍니다 2. assets -> fonts에 넣기 위 사진 처럼 프로젝트 안에 assets 디렉토리를 만들고 그 안에 fonts라는 디렉토리를 다시 만들고 fonts디렉토리 안에 아까 다운받은 ttf파일을 넣어줍니다 3. pub.get pubspec.yaml에 가서 아래처럼 폰트를 등록해준다 여..
Flutter-text위젯 Text widget 말 그래로 화면에 text를 보여주는 위젯이다 여러 가지 속성들이 있는데 text 위젯으로 들어가면 사용할 수 있는 속성들이 아래 사진처럼 보인다 너무 속성들이 다양해서 대체적으로 많이 쓰이는 속성 몇가지만 써본다 style 폰트 사이즈, 색상, 폰트, 등등 text의 스타일을 적용 스타일에도 여러가지 속성이 있으니 들어가서 확인하고 써준다 폰트 적용 https://cpcp127-app-dev.tistory.com/6 Flutter - fontFamily 적용 text위젯에서 기본 폰트가 아닌 다른 custom 폰트를 사용하고 싶을땐 textStyle의 속성인 fontFamily를 사용한다 적용하는 법을 알아보자 1. 폰트 다운로드 https://noonnu.cc/ 눈누 - 상업용 ..

티스토리툴바