[Udemy] 유데미 코딩페스티벌 - 홍드로이드2

 

 

 

4번째 실습이었던 Next는 폭풍야근으로 인해 못듣고,.. 5번째 실습프로젝트인 홍드로이드님과 플러터 2를 들었다.

첫 강의 때는 시간이 모자라서 너무 아쉬웠는데, 이번엔 독감이슈로 ;-; 부상투혼 해주신 강사님.. 너무 고생하셨습니다.

 

강의는 두번째라서 그런지 시간이 많이 오버되지않고 재밌게 완성할 수 있어서 좋았다.

강의 시작 전에 미리 세팅할 수 있게 링크를 제공해주셔서 그동안 충분히 설치하고 환경 설정할 시간이 있었다.

 

저번에는 Dartpad 위주로 실습했는데, 이번에는 안드로이드 스튜디오로 진행했다.

Dartpad도 편했지만 안드로이드 스튜디오로 하니까 더 편하고 단축키들도 많아서 추천...!

 

프로젝트 생성 후 간단하게 프로젝트 디렉터리 구조를 알려주고 실습이 본격적으로 시작됐다.

 

Bing

이번에도 배경은 Bing Image Creator로 생성! 저번강의 때는 한글로도 잘 됐던것같은데,... 이번엔 한글로 하니까 이상한거만 그려줘서 영어로 했더니 잘 그려줬따 ;-;

 

그리고 이번 강의는 크리스마스 플레이리스트 만들기라서 라이브러리를 설치했어야 했는데,

lottie, 구글폰트, 오디오플레이어 라이브러리를 설치해서 진행했다.

 

 

LottieFiles: Download Free lightweight animations for website & apps.

 

LottieFiles는 꽤괜춘 애니메이션들이 많아서 나중에도 요긴하게 쓸 수 있을 것 같은 사이트다!

 

 

 

#pubspec.yaml

name: christmas_player
description: "Christmas playlist project"
publish_to: 'none' # Remove this line if you wish to publish to pub.dev

version: 1.0.0+1

environment:
  sdk: '>=3.2.3 <4.0.0'

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.2
  lottie: ^2.7.0
  google_fonts: ^6.1.0
  assets_audio_player: ^3.1.1

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^2.0.0

flutter:
  #asset 경로가 있다는걸 알려줘야 음원이 재생된다.
  assets:
    - assets/audios/
  uses-material-design: true

 

아, 플러터는 flutter pub add 를 사용해서 디펜던시를 추가하고, pubspec.yaml에서 관리를 한다.

음원때문에 assets폴더를 기존디렉토리에서 추가하게됐는데, 그런경우에는 꼭 flutter 에 assets를 추가해서 경로를 알려줘야한다. 

 

 

 

결과물!

누르면 해당 제목에 맞는 음악이 재생된다