Flutter10 [Flutter - 1team] 섹션 9 : Xylophone - Using Flutter and Dart Packages to Speed Up Development 패키지를 이용하여 오디오플레이어를 구현하고, 함수를 이용해 코드를 간결하게 만들어보자 ! * 패키지 설치 * 1. https://pub.dartlang.org 접속 2. Xylophone앱에 필요한 오디오 패키지를 검색해보자. 'play audio file' 검색 3. 많은 audio관련 패키지들이 있다. 이 중 popularity가 비교적 높은 'audioplayers'패키지를 클릭 4. Installing 탭을 클릭해서 설명대로 패키지를 설치한다. 참고) yaml파일에 의존성 추가 시, 버전 앞에 '^'가 붙으면 후에 패키지가 업데이트 되어도 0.x.x버전들은 호환 가능. (버전 0이 이외는 불가능) * audioplayers 패키지 사용해보기 * Readme탭을 클릭해 사용법을 확인해 보자. 로컬파.. 2020. 12. 25. [Flutter - 1team]섹션 7 : Dicee - Building Apps with State 이번 강의에서는 주사위 앱을 만든다. 완성된 주사위 앱의 모습이다. 구조도 이번에 만들 앱의 구조도이다. github.com/londonappbrewery/dicee-flutter 우선 깃에서 클론을 받아온다. 기본적으로 AppBar, App Icon, background color 등이 미리 설정이 되어있다. 이제 여기에 주사위 이미지를 추가해보자 알 수 없는 이미지가 나타났다 😮 ✏️왜 그런지 한번 생각해보자. 더보기 이미지가 화면보다 크기 때문에 노란색과 검은색이 교차된 이상한 이미지가 나타난다. Expanded 여기서 Expanded 위젯이 사용된다. Expanded 위젯은 자식이 사용 가능한 공간을 채우도록 행, 열 또는 유한한 영역의 자식을 확장하는 위젯이다. Expanded 위젯을 사용한 모.. 2020. 11. 29. [Flutter - 1team] 섹션 6 : 비즈니스 카드 앱 만들기 Hot Reload, Layouts 을 먼저 공부해보고 ⇒ 다양한 위젯으로 Mi card App 만들기! 비즈니스 카드 앱을 만들어 보자! londonappbrewery/mi_card_flutter londonappbrewery/mi_card_flutter Starter code for the Mi Card Project from the Complete Flutter Development Bootcamp - londonappbrewery/mi_card_flutter github.com 강의에서는 위 깃헙에서 clone해 진행했습니다. 코드 작성 깃헙에서 클론한 프로젝트로 실습을 진행한다. Stateless widget 우선 stateless widget을 만들었다. stless을 타이핑한 뒤 엔터를 치면.. 2020. 11. 23. [Flutter - 1team] 섹션 5: I Am Poor I Am Poor 저번 섹션 3에서 진행한 I Am Rich 앱에 이어서 이번에는 I Am Poor 앱을 실습합니다. 이번에는 새 아이콘으로 앱을 만듭니다. 아이콘 무료 아이콘 사이트가 크게 3가지 있습니다. 무료 아이콘, 음악, 광고 사진, 벡터를 다운로드하세요 Download Free Vectors, Clipart Graphics, Vector Art & Design Templates 나만의 아이콘 만들기 canva 에서는 나만의 아이콘을 만들 수 있습니다. 우측 상단 Create a design Custom dimension ⇒ create design 나만의 아이콘도 만들 수 있다! I am poor 실습 (I Am Rich) pubspec.yaml 수정하기 asset: -images/coal.j.. 2020. 11. 23. 이전 1 2 3 다음
