flutter web

[Flutter web] Firebase 구글 로그인

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

[플러터 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 플러터도 게임의 베타서버와 같이 개발채널, 안정화채널 ..

[Flutter] 플러터 Web 개발하는 법

21/11/27 수정된 글입니다. 플러터는 모바일 애플리케이션과 웹을 동시에 제작할 수 있게 고안된 프레임워크이다. 그리고 최근 2.0에서 리눅스, 맥, 윈도우와 같은 응용프로그램들도 개발 할 수 있게 업데이트 되었다. Flutter Gallery gallery.flutter.dev 플러터로 만들어진 샘플 웹 사이트이다. 나름대로 웹 사이트의 구색을 갖추고 있지만, 웹 사이트 크기를 늘리고 줄여보면 여지없이 성능이 떨어지는게 느껴진다. 필자는 최근 React를 경험하며 간단한 프로덕트들을 개발했고, 결론적으로 플러터 웹은 갈길이 상당히 멀다는걸 느꼈다. 아래는 React와 플러터 웹을 경험하며 느낀점을 간단하게 QA로 정리한 글이다. [플러터] 플러터 웹에 대한 Q&A 모음 Flutter web에 관한 ..