Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크 by heejin

View this thread on: hive.blog | peakd.com | ecency.com

kr · @heejin · Jun 24 '17

$13.21

Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크

<center>
https://steemitimages.com/DQmdRAKUiMLUtRSFG61z4fWKAMgXn9kVEPPKWK9HZtCT127/image.png
</center>
Flutter라는 구글의 새로운 모바일용 UI 프레임워크를 소개할게요.

### 특징
- 부드러운 사용자 경험, 높은 퍼포먼스를 목표로 해요.
- 크로스 플랫폼 UI 프레임워크 (안드로이드, iOS를 지원하고, 구글의 새로운 OS [Fuchsia](https://github.com/fuchsia-mirror)를 지원할 것으로 보여요)
- 구글의 (한 때 버려졌던) 프로그래밍 언어 [Dart](https://www.dartlang.org/) 기반이에요!
- 구글의 프로젝트이지만 [AngularJS](https://angularjs.org/)가 아니라 페이스북 [React](https://facebook.github.io/react/)의 Declarative 스타일을 따라가는 것 같아요.
- 유사한 프로젝트인 [React Native](https://facebook.github.io/react-native/)와는 다르게 네이티브(OEM) 위젯을 이용하지 않고, 모든 것을 C++로 구현한 자체 그래픽 엔진(Skia+...)로 직접 렌더링해요!
  구글의 프로젝트이지만 거의 모든 위젯을 iOS 스타일로도 렌더링할 수 있게 다 구현해놨어요.
- 핫 리로드 기능을 제공해요!

<center>
https://steemitimages.com/DQmdhnP4ratHBcwh3YBgm249xwzxUaFYC7bxpdbJ64pu58q/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-06-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2011.58.56.png
</center>

구글도 프로덕션 레벨에서 사용하고 있다고는 하지만, 아직 완전 초기 단계인 프로젝트로 보여요.
그래서 실사용에는 무리가 있지 않을까 싶어요. 하지만 앱 개발자 혹은 웹 개발자라면 계속 지켜봐야할 프로젝트인 것 같아요.
관심있으신 개발자 분들은 한번 찾아보시면 좋을 것 같습니다.

https://flutter.io/

👍 coinkorea, kdj, thefoolxyz, woo7739, boostyou, ucba, heejin, jkim1285, jamesk

`author`	heejin
`permlink`	flutter-ui
`category`	kr
`json_metadata`	{"tags":["kr","kr-dev","development","programming"],"image":["https://steemitimages.com/DQmdRAKUiMLUtRSFG61z4fWKAMgXn9kVEPPKWK9HZtCT127/image.png","https://steemitimages.com/DQmdhnP4ratHBcwh3YBgm249xwzxUaFYC7bxpdbJ64pu58q/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202017-06-24%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2011.58.56.png"],"links":["https://github.com/fuchsia-mirror","https://www.dartlang.org/","https://angularjs.org/","https://facebook.github.io/react/","https://facebook.github.io/react-native/","https://flutter.io/"],"app":"steemit/0.1","format":"markdown"}
`created`	2017-06-24 15:24:03
`last_update`	2017-06-24 15:24:03
`depth`	0
`children`	4
`last_payout`	2017-07-01 15:24:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	10.058 HBD
`curator_payout_value`	3.154 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	1,136
`author_reputation`	1,394,759,212,855
`root_title`	"Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	5,921,811
`net_rshares`	1,162,448,317,626
`author_curate_reward`	""

properties (23)vote details (9)

voter	rshares	pct
woo7739	16,853,236,507	1%
kdj	461,966,586,164	50%
jamesk	0	100%
coinkorea	649,826,479,533	5%
thefoolxyz	20,572,381,828	25%
jkim1285	1,357,205,351	100%
boostyou	8,598,308,964	100%
heejin	1,544,767,559	100%
ucba	1,729,351,720	100%

@boostyou · Jun 25 '17

비슷한 느낌의 앱을 만들때는 아직 유용하기는 하겠습니다만 말씀하신것처럼 실사용은 당분간 어렵겠네요.

👍 heejin

`author`	boostyou
`permlink`	re-heejin-flutter-ui-20170625t050713216z
`category`	kr
`json_metadata`	{"tags":["kr"],"app":"steemit/0.1"}
`created`	2017-06-25 05:07:15
`last_update`	2017-06-25 05:07:15
`depth`	1
`children`	0
`last_payout`	2017-07-02 05:07:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	55
`author_reputation`	26,635,470,765,149
`root_title`	"Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	5,999,492
`net_rshares`	1,344,301,540
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
heejin	0 B		1,344,301,540	100%

@kdj · Jun 25 '17

Dart 를 구글에서 살리려고 노력을 많이 하네요...
JSX Coffeescript typescrit 등등 자바스크립트 엔진 기반 언어처럼
Dart 도 Javascript 로 컴파일 되서 동작하지 않을까 생각됩니다.

👍 heejin

`author`	kdj
`permlink`	re-heejin-flutter-ui-20170625t065757145z
`category`	kr
`json_metadata`	{"tags":["kr"],"app":"steemit/0.1"}
`created`	2017-06-25 06:57:57
`last_update`	2017-06-25 06:57:57
`depth`	1
`children`	2
`last_payout`	2017-07-02 06:57:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	121
`author_reputation`	4,188,781,313,300
`root_title`	"Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,008,282
`net_rshares`	1,297,133,064
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
heejin	0 B		1,297,133,064	100%

@heejin · Jun 25 '17

$0.08

네 실제로 Dart가 나온 이유가 기존 자바스크립트(ES5)로는 현대의 웹 어플리케이션을 만들기 어려워서 그걸 극복하고자 나왔던 것으로 기억합니다.
그래서 지금도 Dart는 JavaScript로 컴파일 가능하고, JavaScript 생태계와 호환되는 구조를 가지고 있어요.
하지만 ES6도 나오고, TypeScript, Babel 등의 프로젝트가 나오면서 쓸모없어져버린 것 같아요.
그걸 다시 Flutter를 이용해서 살리려고 하는 것 같고요.

👍 jesta

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
jesta	0 B		8,291,496,983	0.05%

@jwoo.park · Jul 11 '18 (edited)

Dart는 AOT 컴파일러로 네이티브코드로 컴파일이 되는데 JS로 컴파일할 이유가 있나요?

properties (22)

`author`	jwoo.park
`permlink`	re-kdj-re-heejin-flutter-ui-20180711t141743020z
`category`	kr
`json_metadata`	{"tags":["kr"],"app":"steemit/0.1"}
`created`	2018-07-11 14:17:42
`last_update`	2018-07-11 14:18:06
`depth`	2
`children`	0
`last_payout`	2018-07-18 14:17:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	50
`author_reputation`	0
`root_title`	"Flutter - 구글의 새로운 크로스 플랫폼 UI 프레임워크"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	64,292,674
`net_rshares`	0