Flutter & Mobile by Kay

개발을 하다 보면 이런 순간이 옵니다.“웹 페이지는 만들었는데, 이걸 어디에 올리지?”“Flutter Web 빌드 결과물을 어떻게 배포하지?”“도메인 연결이랑 HTTPS 설정은 또 어떻게 하지?” 이때 가장 간단하게 선택할 수 있는 서비스 중 하나가 바로 Firebase Hosting입니다.Firebase Hosting은 정적 웹사이트, SPA, Flutter Web, React, Vue 같은 프론트엔드 결과물을 빠르게 배포할 수 있도록 도와주는 Firebase의 웹 호스팅 서비스입니다. 공식 문서에서도 Firebase Hosting을 “빠르고 안전한 웹 앱 호스팅 서비스”로 설명하며, 한 번의 명령으로 웹 앱을 글로벌 CDN에 배포할 수 있다고 안내합니다. (Firebase)1. Firebase Hos..

1. 서론Flutter Web을 처음 접하면 가장 헷갈리는 개념 중 하나가 바로 CanvasKit입니다.“HTML 렌더링이랑 뭐가 다른데?”“왜 용량이 커지지?”“성능은 언제 좋아지는 거지?”이 질문들에 대해 개발자 관점에서 한 번에 정리해보겠습니다.2. 문제 상황Flutter Web 프로젝트를 빌드하면 다음과 같은 선택지를 보게 됩니다.HTML 렌더러CanvasKit 렌더러여기서 많은 개발자들이 고민합니다. 👉 “도대체 뭘 써야 하지?”3. 정답 (핵심 요약)CanvasKit = Flutter를 그대로 웹에 이식한 고성능 렌더링 엔진HTML Renderer = 웹 기술(HTML/CSS/DOM) 기반 렌더링👉 쉽게 말하면HTML → 웹스럽게 그리는 방식CanvasKit → 앱처럼 그리는 방식4. 개념..

모바일 앱 개발을 하다 보면 한 번쯤 이런 생각이 들 수 있습니다.“앱을 만들었는데 웹에서도 그대로 사용할 수 없을까?” 이 질문에 대한 대표적인 해답 중 하나가 바로 Flutter Web입니다.Flutter는 원래 iOS와 Android 앱을 하나의 코드로 개발하기 위한 프레임워크였지만,현재는 웹까지 지원하는 멀티 플랫폼 프레임워크로 발전했습니다.이번 글에서는 Flutter Web의 특징과 장단점을 초보 개발자도 이해하기 쉽게 정리해보겠습니다.1. Flutter Web이란?Flutter Web은 Flutter로 만든 앱을 웹 브라우저에서도 실행할 수 있도록 해주는 기술입니다.즉,Android 앱iOS 앱Web 앱을 하나의 Dart 코드베이스로 개발할 수 있습니다.예를 들어 같은 코드로 다음과 같은 플랫..