플러터와 다트 (Flutter & Dart)

[ko]

 

* 플러터란 무엇인가? (What is Flutter?)

 - one code base로 iOS, android app 개발을 가능하게 해줌.

 - flutter에서는 widget을 이용해 app이 다양한 해상도의 device size에 responsive하게 반응하도록 하는 기능을 편리하게 구현할 수 있음. (예 : Expanded widget 등)

 - flutter는 device의 빈 window 위에 다양한 widget을 이용해서 layout을 구성하고 기능을 넣음.

 

* 왜 플러터를 사용해야 하는가? (플러터의 장점)

 - flutter는 dart language에 의한 one code base maintain을 가능하게 해줌.

 - flutter의 활용 범위는 현재의 iOS, android app을 넘어서 desktop program과 web으로 확대될 것임.

 - dart는 강력한 tool인 Google AdWords, Google Fiber 등 Google의 주요 software 개발에 사용되었다.

 - Google chrome의 개발자들이 flutter 개발에 참여하였음. web design의 많은 유용한 개념들이 flutter에도 적용되었음. 또한 dart는 javascript와도 사용법이 매우 유사함.

 - coding 내용을 저장하거나 hot reload 기능키를 누르면 app UI에 즉시 반영되는  Hot reloading 기능이 지원됨.

 - widget을 클릭(command + enter)해서 original source code에 접근이 가능하므로 개발시 이해도와 편의성을 높여줌. (iOS에서는 각 기능의 source code 접근이 불가능함.) --> builtin widget의 source code를 이용해서 자신만의 customizing widget을 만들어서 사용할 수 있음. (예 : FloatingActionButton은 RawMaterialButton을 기반으로 만들어졌으므로 RawMaterialButton을 이용한 새로운 button 생성이 가능함.)

 

[en]

 

* What is flutter? (What is Flutter?)

- One code base enables iOS and android app development.

 - In flutter, you can use widgets to implement a feature that makes your app responsive to device sizes of different resolutions. (E.g. Expanded widget, etc.)

 - flutter configures the layout using various widgets on a blank window on the device and adds functionality.

 

* Why should I use flutter? Advantages of the flutter

 - flutter enables one-code base maintain by dart language.

 - The flutter application will extend beyond the current iOS and android apps to desktop programs and the web.

 - Dart was used to develop Google's major software, including powerful tools such as Google AdWords and Google Fiber.

 - The developers of Google chrome participated in the flutter development. Many useful concepts of web design have also been applied to flutter. Dart is also very similar in usage to javascript.

 - Hot reloading function that is immediately reflected in app UI is supported by saving coding or pressing hot reload function key.

 - The original source code can be accessed by clicking on the widget(command + enter), which improves understanding and convenience during development. (In iOS, the source code of each function is not accessible.)

 -> You can create your own customizing widget using the source code of the builtin widget. (E.g. FloatingActionButton is based on RawMaterialButton, so you can create a new button using RawMaterialButton.)