웹개발 14

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

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

[유데미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주 완성! 프로젝트 캠프: 플러터 강의 - 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..