실패 모음집

Dio 패키지 기존 http 패키지보다 더 많은 기능을 담고 있다. 특히, 요청대상에 대한 설정과 연결에 관한 정보를 미리 설정할 수 있다. 요청 전이나 응답이 오고나서 데이터를 점검하거나 1차적으로 가공할 수 있다. 파일(이미지), 다중파일 같은 FormData를 사용해야할 때 손쉽게 구현할 수 있다. Future 데이터 타입 미래(Future)를 달리는 데이터타입. Future 는 "알"이다. Future 의 T는 알을까면 나오는 데이터타입을 말한다. await Future : Future가 끝날 때까지 기다리겠다. Future.then: 일단 실행시켜놓고, 끝나면 처리하는 방법을 만들겠다. async: 함수 본문 앞에 선언한다. 이 함수는 비동기 함수라고. 코드 내부에 await이 있을 시 반드시 ..

패키지란? 구글 폰트를 넣어주기 구글, 네이버 맵 구현하기 애니메이션 구현하기 결제기능을 추가하기 → 패키지란? 앱에 일부 기능을 추가해주는 코드 컨테이너. 다른 사람이 작성한 코드 꾸러미. 의존한다 == 의존성 패키지 의존성 관리파일 pubspec.yaml : 이미지 등록, 폰트 등록, 패키지 등록 Pub.dev 구글에서 운영하는 패키지 공유공간, Dart와 Flutter 패키지가 많이 등록돼 있다. puv.dev의 패키지 중 원하는 것을 골라 기능을 쉽게 더할 수 있다는 장점이 있다. 사용법 pub.dev에 접속한다. 패키지를 고른다. puspec.yaml에 등록해서 설치한다. 사용한다. 🔥VS Code 익스텐션에 Puspec Assist을 설치하면 편하다🔥 과제 요구사항💻 📝코드 작성 🖤결과 및 후..

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..

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..

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..

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: ..

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