Google은 Flutter 2.0을 안정 버전으로 출시했으며 여기에는 웹 앱 구축을 위한 프로덕션 품질 지원이 포함되어 있습니다. 자세히 알아보려면 계속 읽어보세요!
Flutter 2.0이 안정 버전으로 출시되었으며, 이를 통해 안정적인 웹 지원이 가능해졌습니다. 이는 이제 Flutter를 프로덕션 품질의 웹 프로젝트에서 사용해도 안전하다는 의미입니다.
그렇다면 Flutter for Web이 무엇을 의미하는지 살펴보겠습니다.
렌더러
웹용 Flutter가 브라우저에 앱을 표시하는 방법에는 두 가지가 있습니다. HTML, CSS, Canvas를 사용하거나 CanvasKit을 사용하여 렌더링할 수 있습니다. 각각 고유한 장점이 있습니다. HTML 렌더러는 더 많은 기본 요소를 사용하므로 다운로드 및 로드 속도가 더 빠릅니다. CanvasKit 렌더러는 약간 무겁지만 화면에 내용이 많을 때 더 나은 성능을 제공합니다.
기본적으로 Flutter 웹 앱은 클라이언트 장치에 따라 사용할 렌더러를 자동으로 선택합니다. 모바일 장치에는 HTML 렌더러가 전송되고, 데스크톱 장치에는 CanvasKit이 전송됩니다. 특정 렌더러를 사용하려는 경우 Google은 항상 둘 중 하나를 사용할 수 있는 옵션을 제공했습니다.
웹 특정 기능
Flutter는 크로스 플랫폼이지만 지원되는 각 플랫폼에 특정한 몇 가지 사항이 여전히 있습니다. 이는 어떤 것들은 하나의 플랫폼에만 존재하거나 특별한 API가 필요한 방식으로 작동하기 때문입니다. 그리고 웹도 다르지 않습니다.
Flutter 2.0에는 맞춤 URL 전략, 웹앱 딥 링크, 적절한 PWA 지원과 같은 기능에 대한 지원이 추가되었습니다. 웹용 Flutter 프로젝트를 생성하면 웹 매니페스트와 서비스 워커 템플릿이 생성됩니다.
제스처 및 키보드
진정한 크로스 플랫폼이 되려면 프레임워크가 대상을 고려해야 합니다. 데스크톱 플랫폼에서 실행 중인 경우 키보드 단축키에 반응해야 합니다. 모바일에서는 탭과 스와이프 동작에 반응해야 합니다.
음, Flutter for Web은 이 두 가지 작업을 모두 수행합니다. 웹을 통해 데스크톱과 모바일 장치를 모두 대상으로 합니다. 웹용 Flutter의 안정적인 릴리스에서는 클라이언트 플랫폼 및 입력 소스에 따라 기본 제스처가 지원됩니다.
플러그인
다른 좋은 언어와 마찬가지로 Flutter는 이 경우 라이브러리나 플러그인을 지원합니다. 안전 조치로 플러그인은 플랫폼 호환성을 지정해야 합니다. Flutter for Web은 비교적 최근에 프레임워크에 추가되었기 때문에 Google 자체 플러그인을 포함한 많은 플러그인이 이를 지원하지 않았습니다.
Flutter 2.0이 출시되면서 다음을 포함한 다양한 Google Flutter 플러그인이 출시되었습니다. Firebase 제품군은(는) 웹 호환으로 표시되어 있습니다.
별것 아닌 것처럼 보일 수도 있지만 이는 꽤 큰 기능입니다. Flutter 2.0은 전체 플랫폼을 확보했으며 웹용 Flutter를 나머지 프레임워크에 통합하기 위해 많은 작업이 이루어졌습니다.
웹용 Flutter에 대해 어떻게 생각하시나요? 웹 개발을 위한 좋은 옵션인가요? 우리에게 알려주세요!