Google for Developers Korea Blog: Flutter: 모바일, 웹, 임베디드 및 데스크톱을 위한 Portable UI 프레임워크

Flutter: 모바일, 웹, 임베디드 및 데스크톱을 위한 Portable UI 프레임워크

2019년 5월 10일 금요일

.post-body span { white-space: normal !important; } 게시자: Flutter 팀
오늘은 Flutter 프레임워크에서 중요한 이정표로 기록될 것입니다. 우리가 모바일에서 더 넓혀 더 광범위한 기기와 폼 팩터를 통합하는 방향으로 포커스를 넓힙니다. 우리는 I/O에서 웹용 Flutter의 첫 번째 기술 프리뷰를 선보이고, Flutter가 Google Home Hub를 비롯한 Google의 스마트 디스플레이 플랫폼을 지원하게 된다는 사실을 발표하고, Chrome OS를 사용하여 데스크톱 클래스의 앱을 지원하는 방향으로 첫 걸음을 내딛게 될 것입니다. 모바일에서 다중 플랫폼으로 오랫동안 Flutter 팀의 입무은 iOS 및 Android용 모바일 앱을 개발하기 위한 최고의 프레임워크를 구축하는 것이었습니다. 우리는 오늘날 개발자들이 두 플랫폼에 맞춰 같은 앱을 두 번 빌드하거나 크로스 플랫폼 프레임워크를 사용하기 위해 적절히 절충하는 방안 중 하나를 선택해야만 하는 상황에 이른 지금이 바로 모바일 개발 환경을 개선할 때가 되었음을 방증하는 것이라 생각합니다. Flutter는 단일 코드베이스를 사용하여 두 플랫폼 모두를 위해 높은 개발자 생산성과 함께 훌륭하고 빠르며 맞춤화된 개발 환경을 제공한다는 장점을 가지고 있습니다. 우리가 초창기에 기울였던 노력이 결실을 맺어 가장 인기 있는 오픈소스 프로젝트 중 하나로 발전하는 모습을 보게되어 정말 가슴 벅차고 뿌듯했습니다. 우리는 작년 1.0 릴리즈를 시작하면서 Flutter의 범위를 다른 플랫폼으로 넓히는 실험을 시작했습니다. Google 내에서 Flutter에 대한 의존도를 높여가던 팀과 휴대용 경험을 제공하는 Dart 플랫폼의 잠재력을 연구하던 팀에서 이 실험을 시작했습니다. 특히, Dart를 내부용으로 사용하기 위해 웹 프레임워크를 구축한 소규모 팀이 표준 기반 웹을 지원하기 위해 Flutter 엔진을 포팅하는 기술적 이점을 평가하기 위한 탐구 프로젝트(코드명 'Hummingbird')를 시작했습니다. 빠른 자바스크립트 실행뿐 아니라 하드웨어 가속 그래픽, 애니메이션 및 텍스트를 광범위하게 제공해온 Chrome, Firefox, Safari 등의 웹브라우저에서 이루어진 급속한 발전에 크게 힘입어, 이 프로젝트는 깜짝 놀랄만한 결과를 보여주었습니다. 우리는 프로젝트를 시작한 지 몇 개월 만에 코어 Flutter 프레임워크 기본 버전의 작동했으며 모바일 및 데스크톱, 브라우저에서 데모 버전을 실행했습니다.Dart는 웹용으로 컴파일할 때와 마찬가지로 Flutter 프레임워크와 앱을 웹에서도 실행할 수 있다는 점을 입증했습니다. 그와 동시에, 코어 Flutter 프로젝트는 발전을 거듭하며 데스크톱급의 앱을 사용할 수 있게 되었고, 키보드 및 마우스와 같은 입력 패러다임, 창 크기 조정, Chrome OS 앱 개발용 도구 지원을 포함합니다. 우리가 Windows, Mac, Linux에서 작동하는 데스크톱급의앱에 Flutter를 포함시키기 위해 수행한 탐구 작업은 코어 Flutter 엔진의 핵심으로 자리 잡았습니다. 모든 화면을 위한 Portable UI 프레임워크 Flutter 모바일, 웹, 데스크톱 및 임베디드

Flutter 모바일, 웹, 데스크톱 및 임베디드

단일 코드베이스에서 다양한 폼 팩터에 아름다운 맞춤형 경험을 제공할 수 있는 고성능 Portable UI 프레임워크의 비즈니스 잠재력을 확인해 볼 가치가 있습니다. 스타트업의 경우, 같은 앱을 통해 모바일, 웹 또는 데스크톱 사용자에게 다가갈 수 있다면 기술적 고려사항 때문에 한계를 지니기보다는 첫날부터 바로 전체 잠재고객에게 다가갈 수 있게 되는 것입니다. 특히 대규모 조직의 경우, 하나의 코드베이스로 모든 사용자에게 똑같은 환경을 제공할 수 있게되면 복잡성과 개발 비용이 절감되고 사용 환경의 질적 개선에 집중할 수 있는 이점이 있습니다. 모바일, 데스크톱 및 웹 앱 지원으로 우리의 임무는 ' 모든 화면에서 아름다운 환경을 개발하기 위한 최고의 프레임워크를 만들겠다'라는 것으로 확대됩니다. 웹용 Flutter 우리는 이번 주에 웹용 Flutter의 첫 번째 기술 프리뷰를 발표할 예정입니다. 웹으로 제공되는 Flutter에 대해 우리의 초기 비전은 HTML이 최적화된 문서 환경을 대체하기 위한 목적이 아닙니다.대신 정교한 UI 프레임워크의 이점을 분명히 느낄 수 있도록 그래픽이 풍부하게 제공되는 고도의 인터렉티브 콘텐츠를 제작할 수있는 좋은 방법이라고 생각합니다.우리는 웹용 Flutter를 보여주기 위해 뉴욕 타임즈와 협력하여 데모를 제작했습니다. 뉴욕 타임즈는 세계적 수준의 뉴스 보도 외에도 십자말풀이 및 기타 퍼즐 게임으로도 유명합니다. 열렬한 퍼즐 팬은 어떤 순간이든 자신이 현재 사용 중인 기기에서 게임을 즐기고 싶어 하므로, 퍼즐 게임 개발팀은 그러한 사용자의 요구에 부합할 가능성이 높은 솔루션으로 Flutter에 끌렸습니다. 그들로선 똑같은 코드로 웹에 접근할 수 있다는 점을 알아차린 게 큰 수확이었습니다. 이번 주에 열리는 Google I/O에서, Android, iOS, 웹, Mac, Chrome OS에서 같은 코드로 실행되는 새로 단장된 KENKEN 퍼즐 게임을 살짝 엿볼 수 있습니다. ken-gratulations 퍼즐

ken-gratulations 퍼즐

다음은 뉴욕 타임즈 퍼즐 부문 전무 이사인 Eric von Coelln이 Flutter 활용 경험에 대해 언급한 내용입니다. "뉴욕 타임즈s의 십자말풀이는 독립형 구독 건수만 40만 이상이고 열혈 퍼즐 팬에게는 하루도 빼놓을 수 없는 일종의 의식과도 같은 중요한 게임입니다. 십자말풀이와 더불어, 우리는 매달 200만 이상의 퍼즐 게임 구독자에게 서비스가 제공되는 디지털 퍼즐 포트폴리오를 성장시켜 왔습니다.
우리는 매력적이고 고품질의 모바일 경험을 빠르게 개발하려는 과제의 잠재적 솔루션으로서 Flutter를 탐구하기 시작하고 있었죠. 이제는 웹에 게시할 수 있는 기능까지 추가된 Flutter는 모든 사용자 플랫폼에 빠르게 배포하기에 훨씬 더 설득력 있는 옵션이 되고 있습니다. 기존의 플래시 기반 KenKen 게임을 멀티 플랫폼에서 즐길 수 있는 환경으로 업데이트한 것이 올해 우리가 퍼즐 팬들에게 안겨준 최고의 선물이 아닐까 싶네요." 웹용 Flutter에 대한 더 많은 정보는 여기에 있습니다. Flutter 블로그에서 웹용 Flutter에 대해 다룬 기사와 자료를 확인해 보세요. 초기 단계에서 우리는 개발자 여러분이 웹용 Flutter를 어떻게 사용하고 싶은지 여러분의 의견을 기다리고 있습니다.성능에 중점을 두고 코드를 빠르게 작성하고 Flutter 프로젝트의 나머지 부분과 코드 베이스를 조화시킬 것으로 기대합니다. 휴대기기용 Flutter 코어 Flutter 프레임워크는 Stable 채널에서 Flutter 1.5를 즉시 사용할 수 있어함 이번주에 업그레이드를 받습니다. Flutter 1.5에는 새로운 App Store iOS SDK 요구사항에 대한 업데이트, iOS 및 Material 위젯에 대한 업데이트, 새로운 기기 유형을 위한 엔진 지원, 새로운 UI-as-code 언어 기능을 갖춘 Dart 2.3을 비롯하여 개발자 의견에 부응한 수백 가지 변경 사항이 포함됩니다. 프레임워크 자체가 성숙함에 따라, 우리는 생태계 지원 범위의 확대에 투자하고 있습니다. Flutter의 아키텍처 모델은 항상 작은 코어 프레임워크를 우선시하고, 풍부한 패키지 커뮤니티로 보완되어 왔습니다. 지난 몇 개월 동안 Google은 웹 뷰, Google Maps, Firebase ML Vision을 위한 양질의 패키지를 제공했으며, 이번 주에 인앱 결제를 위한 초기 지원을 추가할 예정입니다. 또한 Flutter용으로 2,000여 개의 오픈소스 패키지가 제공되므로, 대부분의 시나리오에서 사용할 수있는 옵션이 있습니다. 우리는 이번 주에 ML Kit Custom Image Classifier라는 흥미로운 프로젝트를 발표할 예정입니다. Flutter와 Firebase를 사용하여 제작한 이 프로젝트는 사용자 정의 이미지 이미지 분류 모델을 만들기 위해 사용하기 쉬운 앱 기반 워크플로를 제공합니다. 스마트폰 카메라를 사용하여 훈련 데이터를 수집하고, 다른 사용자를 초대하여 데이트 세트에 기여하고, 모델 훈련을 트리거하고, 훈련된 모델을 사용할 수 있는데, 이 모든 작업을 동일한 앱에서 수행할 수 있습니다. Flutter ML Kit: 데이터세트 만들기, 협업을 통한 데이터 수집, 모델 훈련, 추론 실행

Flutter ML Kit: 데이터세트 만들기, 협업을 통한 데이터 수집, 모델 훈련, 추론 실행

Flutter는 계속 인기와 채택률이 높아지고 있습니다. eBay, Sonos, Square, Capital One, Alibaba 및 Tencent를 비롯한 까다로운 고객층이 증가하면서들이 Flutter로 앱을 개발하고 있습니다. 그것도 즐겁게 개발하고 있답니다! eBay의 Larry McKenzie 선임 개발자가 Flutter에 대해 들려주는 이야기를 들어 봅시다. "Flutter는 빠릅니다! 과거엔 구현하려면 며칠씩 걸렸던 기능을 지금은 단 하루면 작업을 마칠 수 있죠. 우리가 해결하느라 오랜 시간을 쓰곤 했던 많은 문제들이 지금은 더 이상 발생하지 않습니다. 우리 팀은 이제 더욱 정교하게 다듬어진 사용자 환경을 만들고 기능을 개선하고 강화하는 데 집중할 수 있습니다. 우리는 Flutter 덕분에 기대치를 넘어서는 성과를 거두고 있습니다!” 보다 넓게는 , LinkedIn에서 최근에 실시한 연구에 따르면 지난 12개월 동안 프로필에 Flutter를 언급한 사이트 회원 수를 기준으로 볼 때 Flutter가 소프트웨어 엔지니어들 사이에서 가장 급성장 중인 단 하나의 기술인 것으로 나타났습니다. 그리고 최근의 2019년도 StackOverflow 개발자 설문조사에서는 Flutter가 가장 큰 사랑을 받는 개발자 프레임워크 중 하나로 손꼽혔습니다. 데스크톱용 Flutter Flutter는 데스크톱에서도 사용되고 있습니다. 우리는 몇 달간 experimental 프로젝트로서 데스크톱에서 작업을 진행해오고 있습니다. 하지만 현재는 이 작업을 Flutter 엔진으로 점진적으로 옮기면서 주요 저장소로 직접 통합하고 있습니다. 이러한 작업 대상을 아직 프로덕션 단계까지 준비한 것은 아니지만, 우리는 일찍이 Mac, Windows, Linux에서 실행되는 Flutter 앱 개발 안내서를 게시했습니다. 급성장 중인 또 다른 Flutter 플랫폼은 Chrome OS로, 매년 수백만 권의 Chromebook이 팔리고 있으며 특히 교육 분야에서 많이 팔립니다. Chrome OS는 Flutter 응용 프로그램을 실행하는 데있어 Flutter에 대한 완벽한 환경이며 Android 플랫폼과 Linux 응용 프로그램 모두의 실행을 지원하므로 개발자 플랫폼으로도 적합합니다. Chrome OS에서는 Visual Studio Code 또는 Android Studio를 사용하여 Flutter 앱을 개발하고 에뮬레이터를 사용하지 않고도 동일한 기기에서 Flutter 앱을 로컬에서 테스트하고 실행할 수 있습니다. Play Store에 Chrome OS용 Flutter 앱을 게시할 수도 있으며, 이를 통해 Play Store의 수백만 사용자가 이 앱을 이용할 수 있습니다. 임베디드 기기용 Flutter Flutter의 이식성에 대한 마지막 예로서 다른 기기에 삽입된 Flutter를 제공합니다. 우리는 최근에 Raspberry Pi와 같이 작은 크기의 기기에서 직접 작동하는 Flutter를 보여주는 샘플을 발표했으며, 가정, 자동차 그리고 그 이상의 장소를 포함한 다양한 시나리오에서 Flutter를 사용할 수 있게 해주는 Flutter용 임베딩 API를 제공합니다. Flutter가 이미 실행 중인 임베디드 플랫폼 중 가장 널리 사용되는 플랫폼은 아마 Google Home Hub와 같은 것을 구동하는 스마트 디스플레이 운영체제에 있는 플랫폼일 것입니다.

현재 Google 내에서도 Smart Display 플랫폼용으로 Google에서 빌드한 몇몇 기능이 Flutter에 의해 제공되고 있습니다. Assistant 팀은 앞으로 몇 개월 내에 Smart Display용 Flutter로 구축된 기능의 포트폴리오를 계속 확장할 것이라는 점에 기대에 차 있으며, Flutter를 사용하여 전체 시스템 UI를 구동하는 것이 올해의 목표입니다. 기타 참고 자료 개발자들은 우리에게 Flutter를 어떻게 시작할 수 있을지 종종 물어봅니다. 오늘 우리는 Udemy에서 최고의 평가를 받고 있는 iOS 교육 과정의 창시자인 The App Brewery가 제작 한 Flutter를 위한 신규 종합 교육 과정을 발표하게 되어 기쁩니다. 이 신규 과정은 동영상, 데모, 코드랩 등을 비롯하여, Flutter에 관한 30시간 이상 분량의 콘텐츠를 담고 있으며, Google의 후원을 받아 199달러인 이 교육 과정의 수강료를 단돈 10달러로 수강할 기회를 드리는 한시적 할인 행사를 발표할 예정입니다. 많은 개발자가 Flutter로 멋진 앱을 만들고 있습니다. 우리는 Google I/O에 대비한 준비 단계에서 개발자들이 5KB 이하의 Dart 코드로 작성한 Flutter로 무엇을 빌드할 수 있을지 알아볼 수 있도록 장려하는 차원에서 Flutter Create라는 콘테스트를 진행했습니다. 전세계에서 750여 개의 독창적인 출품작이 쇄도했으며, 이러한 작은 크기의 코드로 우리가 상상한 것 이상의 것도 가능하다는 사실을 생생히 보여주었습니다. 수상자 내역은 flutter.dev/create에서 확인하실 수 있습니다. 종합 우승자인 Zebiao Hu에게 축하 인사를 드리며, 우승 상품으로 모든 기능이 완벽히 탑재된 10,000달러 이상의 금액에 상당하는 iMac Pro를 받게 되셨습니다! Flutter는 더 이상 모바일 프레임워크가 아니라, 이제는 사용자가 어딜 가든 사용자와 연결하는 데 도움이 될 수 있는 멀티 플랫폼 프레임워크입니다. 웹, 데스크톱, 모바일 등에서 Flutter로 어떤 멋진 앱을 제작하실지 정말 궁금하네요!