HANCODING

사용 목적 👀 유튜브의 영상을 실행시켜주는 youtube_player는 예제가 잘 되어있어 쉽게 작동이 됐지만, 문제는 해당 영상의 타이틀이나, 유튜버의 이름을 가져와야 해서 youtube_explode_dart를 사용하게 되었다. 사실 단일 영상의 경우 따로 서버에 저장해서 가져오는 방법을 사용해도 되지만, 우리가 이 라이브러리를 쓰는 이유는 만약 영상이 단일 영상이 아닌 채널의 형태로 되어있다면, 각 영상의 ID와 제목은 다 다를 것이다. 이를 가져오기 위해 우리는 이 라이브러리를 써야 했다. 사용 방법 👀 https://pub.dev/packages/youtube_explode_dart youtube_explode_dart | Dart Package A port in dart of the youtu..

사용 이유 👀 처음에는 사실 이러한 방법이 있는지도 잘 알지 못했지만 최근 플러터 스터디를 통해 알게 되었다. 😃 먼저, 우리가 이미지를 가져올 때는 보통 Image.network('URL') 방식으로 사용하는데, 이렇게 하게 되면 매 사진이 필요할때마다 서버에 접속해야 하고, 사진이 엄청나게 많을 경우 속도가 오래 걸릴 수도 있다. (비용 + 시간) 하지만 자주 사용하는 사진이라면 이렇게 사용하는것은 비효율적으로 느껴질 것이다. 때문에 바로 사용자의 로컬 저장소에 있는 캐시 저장소를 이용하는 것이다. 이 방식을 이용하면 처음에는 캐시에 저장을 해야 하기 때문에 바로 사진을 가져오는 것보다는 느릴 수 있어도, 2번째부터는 훨씬 빠른 속도를 보여준다 (확실하진 않지만 유튜브나 넷플릭스같이 많은 사진을 보여..

흔히 넷플릭스처럼, 맨 위 상단에는 영상에 대한 이미지가 나와있고, 스크롤을 내리면 해당 이미지는 사라지게 된다. 이것을 구현하기 위해 플러터에서 SliverAppBar를 사용해보기로 했다. 가장 먼저 살펴 볼 공식문서 https://api.flutter.dev/flutter/material/SliverAppBar-class.html SliverAppBar class - material library - Dart API A material design app bar that integrates with a CustomScrollView. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a Flexibl..

"=>" 플러터를 요새 공부하다 보니 "=>" 이 화살표 같은 기호가 많이 보인다. 이것은 무슨 기호일까? 🤔 처음 프로젝트를 만들면 아래와 같이 메인 함수가 나타난다. void main() { runApp(MyApp()); } 하지만 플러터 공식 문서를 보면 위 코드를 아래와 같이 한 줄로 작성을 하고 있다. void main() => runApp(MyApp()); 문서에는 아래의 문장만 적혀있기 때문에, 그냥 main 함수는 위와 같이 한 줄 함수로 쓰는 거구나 하고 별다른 생각 없이 넘겼었다 🙁 main() 메서드는 화살표(=>) 표기법을 사용합니다. 한 줄 함수 또는 메서드에 화살표 표기법을 사용하세요. 그러다 오늘 유튜브를 보며 플러터를 공부 중 => 를 통해 기능을 넘기는 것을 보고, 이 기호..

위와 같이 애뮬레이터의 키보드가 안 보일 때는 command + shift + K 를 눌러주면 보이게 된다. * 하지만 이렇게 하면 컴퓨터 키보드로 입력할 경우 입력이 되지 않는다.. https://github.com/flutter/flutter/issues/74044 [webview_flutter] Simulator keyboard isn't showing and hardware keyboard isn't working · Issue #74044 · flutter/flutter Steps to Reproduce Make sure you use one of the recent flutter beta versions (24 or 25). I used 1.25.0-8.2.pre. Create a defaul..

플러터 공식문서를 보며 첫 Flutter 앱 작성하기를 따라 하던 중 패키지 적용하는 부분에서 don't support null safety: - package:english_words 가 나타났다. 아래의 두가지 방법 중 하나를 이용하여 해결할 수 있다 1. 터미널을 열고 flutter run --no-sound-null-safety를 입력해준다 % flutter run --no-sound-null-safety Launching lib/main.dart on iPhone 12 Pro Max in debug mode... Running Xcode build... └─Compiling, linking and signing... 1,515ms Xcode build done. 14.3s Syncing file..

flutter doctor 공식 홈페이지를 보면 flutter doctor를 아래와 같이 설명해주고 있다. 간단하게 보면 cmd 창에서 flutter doctor를 입력하면 플러터를 설치하기 위한 상태에서 나에게 필요한것들을 진단? 해주는 역할을 하는 것 같다. JAVA_HOME is set to an invalid directory 보면 Flutter 는 잘 설치가 된 것 같고 그 아래부터 오류가 뜨기 시작했다. 첫번째로 Android toolchain - develop for Android devices (Android SDK version 29.0.2)는 안드로이드 스튜디오는 다운받아져 있어, 그것이 문제가 아니고 그 바로 밑을 보면 Android license status unknown 안드로이드..