앱개발 16

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 6일차 과제

List와 for for문과 List는 함께 많이 쓰인다 List의 멤버함수 .forEach() 변수안의 요소들을 전부 반복문 돌리고 싶을 때 .map() 변수 안의 요소들을 전부 원하는 형태로 바꾸고 싶을 때 결과 값의 데이터타입이 Iterable이라서 List로 바꿔주기 위해서 .toList() 멤버 함수를 활용한다 .where() 필터를 걸어서 조건에 해당하는 요소만 남기고 싶을 때 var myFriends = ['Teddy','Woody','Cindy','Juno', 'Marco']; myFriends.forEach((value){ print({'${value}' 출력}) }); myFriends.map((e){ return Text(e); }).toList(); myFriends.where((e..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 5일차 과제

Controller 작성되고 있는 데이터를 가져올때 사용 위젯의 특정한 액션을 취하거나, 조종하고 싶을 때 사용 Controller는 위젯 내에 변수로 선언하고, 그 변수를 조작하면 된다 ex) TextField에 TextEditingController로 초기화된 Controller를 연결한다 ex) PageView에 PageController로 초기화된 Controller을 연결한다. Routing Scaffold 단위를 Page라고 생각하면 쉽다 페이지를 하나 더 만든다면 Scaffold를 최상위로 올린다 Routing 하는 방법은 Navigation을 활용하는 것 Navigation Navigator.push를 사용해 새로 페이지를 불러온다 Navigator.pop을 사용해 현재 페이지를 뺀다 Na..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 4일차 과제

TextField 사용자에게 입력을 받을 수 있다. "onChanged" 속성을 이용해 입력값에 대한 이벤트를 받을 수 있다. fillColor을 적용하기 위해서는 filled: true를 해야 함. TextField( cursorColor: Colors.red, decoration: InputDecoration( label: Text('아이디 입력'), labelStyle: TextStyle(color: Colors.amber), hintText: 'xxxxx@naver.com', hintStyle: TextStyle(color: Colors.white), fillColor: Colors.grey, filled: true, border: InputBorder.none, ) ) Button Widgets..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 3일차 과제

Image.network 이미지를 사용할 때, network를 붙이게 되면 네트워크의 데이터를 사용함 우리가 사용하는 '웹'에는 수많은 네트워크 이미지가 있음 브라우저에서 이미지 웹주소를 하나 가져온다.(CDN 방식으로 많이 쓰이기 때문) URL 주소는 String 데이터 타입으로 전달한다. Image.network('https://sniperfactory.com/img/flutter/result.png') Image.asset pubspec.yaml에 등록돼있는 이미지를 사용할 때 사용하는 위젯 pubspec.yaml에 이미지를 등록하고 사용하는 방법 주석을 해제한다. (들여쓰기가 정확해야 한다) 이미지 경로에 이미지를 준비하고 새로고침 후 사용한다. assets: - assets/images/lala..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 2일차 과제

Column 위젯 세로로 위젯을 나열할 때 사용 자식"들"을 가지는 위젯(child가 아닌 children 사용) children에는 데이터타입이 List인 것만 넣어줄 수 있음 리스트 안에서 위젯끼리 컴마로 구분 Column { children: [ Text{'Widget 1'}, Text{'Widget 2'}, ] } Container 위젯 자식위젯에게 사용할 수 있는 크기를 정해줄 때 내 자식을 포장해서 보여주고 싶을 때 Container( width: 300, height: 300, alignment: Alignment.center, padding: EdgeInsets.all(8), margin: EdgeInsets.all(8), child: Text('SizedBox'), decoration: ..

[유데미x스나이퍼팩토리] 9주 완성! 프로젝트 캠프: 플러터 강의 - 1,2일차 정리

플러터를 시작! 1. 플러터는 모든 게 위젯이다 2. UI를 구성하는 하나하나가 위젯이다 3. 위젯들은 각각 수행하는 목적들이 있고 사용법이 다 다르다 4. 위젯은 만들 수도 있고 배포할 수도 있다 5. 위젯은 트리구조를 가진다 - 위젯들은 자식을 가질 수 있고 여러개의 위젯을 하나로 묶을 수도 있다 플러터 수업 세팅 1. void main() 빼고 다 지우기 2. stless 입력 후 자동완성으로 위젯작성(MyApp) 3. MaterialApp 위젯작성 4. MaterialApp 안에 home: Scaffold 위젯작성 위젯의 속성 1. 위젯의 속성이란 위젯마다 원하는 설정을 할 수 있는 특수한 값들 2. 위젯마다 사용할 수 있는 속성이 다르다 3. "일반적으로" 자식위젯 사용시 child 속성이름값을..