Flutter/Flutter Web

[Flutter web] Firebase 구글 로그인

[Flutter] 플러터 Web 개발하는 법 21/11/27 수정된 글입니다. 플러터는 모바일 애플리케이션과 웹을 동시에 제작할 수 있게 고안된 프레임워크이다. 그리고 최근 2.0에서 리눅스, 맥, 윈도우와 같은 응용프로그램들도 개발 할 수 있 muhly.tistory.com [플러터 web] 플러터 웹과 Firebase 연동하기 [Flutter] 플러터 Web 개발하는 법 플러터는 앱&웹을 동시에 제작할 수 있다. 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스가 다르다. 디스코드를 생각하면 쉽 muhly.tistory.com 기본적인 플러터 웹의 Firebase 설정은 위의 포스팅들을 참고하길 바란다. 이번엔 Firebase와 플러터 웹을 이용해 구글 로그인을 구현 해..

[플러터] 플러터 웹에 대한 Q&A 모음

Flutter web에 관한 관심은 많지만 그에 대한 정보가 많이 보이지않아 간단히 작성해보았다. 플러터로 웹 개발을 할 수 있나요? 본론만 말하면 그렇다. 미심적은 부분이 있긴해도 웹을 플러터로 개발이 가능하다. 웹 개발을 배우려고 합니다. 플러터를 배워도 괜찮을까요? 아니요. 플러터는 당장은 앱 개발만을 위한 프레임워크라고 생각해야한다. 개발한 앱을 웹 브라우저에서 돌려볼 수 있다는 정도로 생각해야하며, 웹 개발과 앱 개발을 동시에 원한다면 리액트를 배우는 것을 추천한다. 다만, 리액트와 플러터를 함께 사용하는 현직자분들 중에는 앱 개발은 플러터가 훨씬 편리하다는 의견이 많았다. 플러터 웹은 어떤 점이 문제인가요? 퍼포먼스의 부족 https://gallery.flutter.dev/#/ 링크는 구글이 ..

[플러터 web] 플러터 웹과 Firebase 연동하기

[Flutter] 플러터 Web 개발하는 법 플러터는 앱&웹을 동시에 제작할 수 있다. 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스가 다르다. 디스코드를 생각하면 쉽게 이해가 될 것이다. 플러터 공 muhly.tistory.com 플러터로 웹을 빌드하는 방법은 위의 글을 참고하길 바란다. 이번에는 Firebase를 플러터 웹과 연결하는 방법을 알아보겠다. Firebase 패키지 추가하기 dependencies: flutter: sdk: flutter firebase_core_web: ^1.2.0 pubspec.yaml에 Firebase core web 패키지를 추가한다. 해당 패키지는 단순 연동을 위한 것이며, 데이터 입출력 혹은 로그인을 위해서는 추가 패키지가 필요하..

[플러터] 웹을 깃허브로 배포 및 호스팅 하기

먼저, 플러터 웹 프로젝트를 생성하지 않았다면 아래의 포스팅을 따라 생성하고 오길 바란다. [Flutter] Web 개발 방법과 고찰 플러터는 앱&웹을 동시에 제작할 수 있다. 다르게 이야기하면 앱을 크롬과 같은 웹 브라우저에서 실행 시키는 건데, 전통적인 웹과는 인터페이스의 형태가 다르다. 플러터 공식 웹 샘플 https://gal muhly.tistory.com 플러터로 개발한 웹을 깃허브로 배포하여 깃허브 도메인으로 누구나 접근 가능하도록 하는 방법이다. 따라하기 우선 깃허브 계정이 있어야하고, IDE와 연동되어 있어야한다. 1. IDE의 터미널에서 아래의 내용들을 입력한다. flutter channel master flutter upgrade 플러터도 게임의 베타서버와 같이 개발채널, 안정화채널 ..

[플러터] 플러터 웹 채팅 예제 with Firebase

파이어베이스를 이용한 간단한 플러터 웹 채팅 예제 firechat pitterpark.github.io 플러터와 파이어베이스를 이용한 간단한 채팅이다. 말풍선이 생길 때마다 최초 채팅부터 마지막 채팅까지 모두 불러와 화면과 데이터를 갱신하므로 product로는 사용 불가능하니 예제로만 참고 바란다. 실제 Firebase로 채팅을 구현하는 경우에는 Realtime-database를 사용하고 색인을 사용해 한번에 읽어오는 데이터의 개수를 제한하여 속도와 비용을 줄여야한다. 해당 웹은 깃허브로 배포했다. 깃허브로 웹을 배포하는 방법은 아래 링크에 있다. [Flutter] 웹을 깃허브로 배포 및 호스팅 하기 플러터로 개발한 웹을 깃허브로 배포하여 깃허브 도메인으로 누구나 접근 가능하도록 하는 방법이다. 플러터 ..