개발 이야기/플러터 개발 (21) 썸네일형 리스트형 플러터앱 - "중고검색" 앱 개발 후기 플러터에 입문하고 만들어 본 앱입니다. 모든 중고장터에서 원하는 아이템을 검색해볼 수 잇게 간단한 아이디어를 구현해보기 위해 "중고검색"이란 앱을 만들어 봤습니다. 사용된 기술은 특별한 것은 없고 플러터용 웹뷰를 좀커스트마이징 했고 키워드로 검색할 수 있는구조에 심플한 UI로 구성되었습니다. (사실 더 화려하게 만들어볼 능력도 없습니당~) 아미지 아이콘은 본문의 사진과 같습니다. 제가 미적 감각이 떨어져서리~ 현재 원스토어와 구글플레이 마켓에만 올라가 있습니다. 그저 제가 필요해서 만든 건데 다른 분들에게도 조금이나마 도움이 될까 하는 마음에 소개드립니다. 다운로드: https://play.google.com/store/apps/details?id=com.opensupport.UsedSearch 플러터 초보가 만들어 본 '붇옹산'앱~ 공유~ 플러터에 입문하고 만들어 본 앱입니다. 부동산 관련 뉴스 모음과 여론을 앱하나로 확인해볼 수 잇게 간단한 아이디어를 구현해보기 위해 "붇옹산"이란 앱을 만들어 봤습니다. 사용된 기술은 특별한 것은 없고 플러터용 웹뷰를 좀커스트마이징 했고 키워드로 검색할 수 있는구조에 심플한 UI로 구성되었습니다. (사실 더 화려하게 만들어볼 능력도 없습니당~) 아미지 아이콘은 본문의 사진과 같습니다. 제가 미적 감각이 떨어져서리~ 현재 원스토어와 구글플레이 마켓에만 올라가 있습니다. 그저 제가 필요해서 만든 건데 다른 분들에게도 조금이나마 도움이 될까 하는 마음에 소개드립니다. 참고로 다운로드 링크는 하기에~ https://play.google.com/store/apps/details?id=com.opensupport... 플러터 와 DB (Sqlite) 사용하기 플러터와 DB를 사용하기 위해 검색 중에 플러터는 Sqlite 라는 DB를 사용할 수 있는 플러그인을 제공하는 것을 알게 되었습니다. 관련 참고 블로그 링크는 다음과 같은 블로그를 참고하면 될 것 같습니다. 1. => https://jvvp.tistory.com/1149 2. => https://dalgonakit.tistory.com/116 3. => https://papabee.tistory.com/149 추후 필요하면 좋은 링크를 계속 업데이트할 예정입니다. 플러터 웹 - 에러 해결 방법 플러터 웹으로 프로젝트를 하고 있는데, 아래와 같은 에러가 발생한다면,,, Failed to establish connection with the application instance in Chrome. This can happen if the websocket connection used by the web tooling is unable to correctly establish a connection, for example due to a firewall. 구글링 해보니 아래와 같은 해결책을 발견 했습니다. => https://stackoverflow.com/questions/59874808/finished-with-error-failed-to-establish-connection-with-the-a.. 플러터 웹 - 에러 해결 방법 플러터 웹으로 개발한 프로젝트를 flutter run -d chrome 위와 같은 명령으로 웹브라우저 크롬으로 실행하려고 하는데, 다음과 같은 에러가 발생한다... Failed to bind web development server: SocketException: Failed to create server socket (OS Error: Failed to start accept), address = localhost, port = 10838 위와 같은 에러 해결을 하기 위해 구글링 하여 찾은 해결책이 아래와 같습니다. https://stackoverflow.com/questions/61299616/failed-to-create-server-socket-when-run-flutter-web-applicat.. 플러터 웹 - 플러터로 웹개발을 시작할 때, 스타트 가이드 플러터로 웹 개발을 시작하려면 아래의 링크에서 참고하시면 됩니다. https://flutter.dev/web Web support for Flutter Details of how Flutter supports the creation of web experiences. flutter.dev 해당 페이지를 보시면 아래와 같은 목록으로 가이드하고 있습니다. Notes on web support The following resources can help you get started: To add web support to an existing app, or to create a new app that includes web support, see Building a web application with Flut.. 디자인을 Flutter코드로 변환 - supernova툴 디자인을 Flutter코드로 변환해주는 supernova툴이 있습니다. 해당 서비스는 하기 링크에서 확인 가능합니다. https://supernova.io/ Supernova Studio | The World's First Design to Code Platform Accelerate the app development workflow for mobile designers and developers. Supernova converts any mobile design into full-fledged native applications, giving the developers extra time to do actual coding. For iOS, Android, React Native and Flutter.. 플러터// teachable machine - TensorFlow Lite 이용해보자 플러터에서 teachable machine - TensorFlow Lite 이용해 볼 수가 있습니다. => 참고: https://opensupport.tistory.com/entry/%ED%94%8C%EB%9F%AC%ED%84%B0-Teachable-machine-TensorFlow-Lite-%EC%9D%B4%EC%9A%A9%ED%95%9C-%ED%94%8C%EB%9F%AC%ED%84%B0%EC%95%B1 플러터) Teachable machine - TensorFlow Lite 이용한 플러터앱 Teachable machine - TensorFlow Lite 이용한 플러터앱: morioh.com/p/5f05517a40a4?f=5c21fb01c16e2556b555ab32 Flutter Tensorflow T.. 이전 1 2 3 다음
