본 문서는 flutter 에서 제공하는 공식 문서를 참고하여 작성 했습니다. 일부 내용은 나름대로 공부해서 제가 이해한 것을 바탕으로 기술 했습니다. 잘못된 내용이 있을 수 있습니다. 잘못된 내용이 있다면 이메일 또는 댓글 달아 주시면 수정 하겠습니다. [Height 와 Width] Constraint에 대해 알아보기 전에 맛보기로 widget 사이즈를 정하는 기본 속성인 height 와 width 에 대해 알아 보겠습니다….
Flutter responsive UI
본 문서는 flutter 에서 제공하는 공식 문서를 참고하여 작성 했습니다. [Flutter responsive UI] 리스폰시브 앱은 UI의 레이아웃을 스크린 사이즈에 따라 적절히 잡아 줍니다. 이런 기능은 하나의 앱이 여러 사이즈의 디바이스에서 동작해야 할때 유용합니다. 예를들면, 핸드폰, 노트북, 테블릿 과 같은 환경을 말합니다. 사용자가 화면크기를 변경 하거나 화면을 회전 했을시 UI는 그에 맞춰 적절이 다시 배치 됩니다….
Flutter 레이아웃
본 문서는 flutter 에서 제공하는 공식 문서를 참고하여 작성 했습니다. [Flutter 레이아웃] Flutter 레이아웃 메커니즘의 핵심은 위젯입니다. Flutter에서는 거의 모든 것이 위젯이고 심지어 레이아웃도 위젯으로 구성 합니다. Flutter 앱 내에서 볼 수 있는 이미지, 아이콘, 글자 모두 위젯입니다. 또한 row, column, grid 같이 볼 수 없는 레이아웃 위젯들도 있는데요, 이들은 보이는 위젯들을 제어하고 정렬합니다. 여러…
Flutter widget 소개
본 문서는 flutter 에서 제공하는 공식 tutorial 문서를 참고하여 작성 했습니다. widget 이란? Flutter widget은 React 에 영향을 받아 만들어 졌습니다. 기본 아이디어는 widget을 이용해 UI를 만드는 것입니다. widget은 현재 구성과 state(상태) 에서 화면이 어떻게 보일지를 정의 합니다. widget의 state가 변경되면 다시 build 됩니다. framework는 이전 상태와 다음 상태를 비교해서 render tree가 최소한만 변경되도록 합니다….
Write your first Flutter app, part 2
Write your first Flutter app, part 2 본 문서는 flutter 에서 제공하는 공식 tutorial 문서를 참고하여 작성 했습니다. Contents 두번째 screen을 만들고 navigation추가. icon추가, icon action 추가. What you’ll build in part 2 오른쪽 이미지의 앱은 Part2에서 우리가 만들 결과물 입니다. Part1 에서 만들었던 word list에 하트 icon을 넣고 favorite word를 지정합니다. 두번째 page를 만들고,…
Write your first Flutter app, part 1
Write your first Flutter app, part 1 본 문서는 flutter 에서 제공하는 공식 tutorial 문서를 참고하여 작성 했습니다. Contents 기본 Flutter app. 외부 package 사용. Stateful widget사용. 무제한 scrolling ListView생성. 본 가이드를 통해 첫번째 Flutter 앱을 만들어 보겠습니다. 본 과정은 Part1 과 Part2 로 나뉘어 있습니다. Flutter app을 어떻게 만드는지 맛만 본다고 생각하시고 진행 하세요….
Mobile 개발 platform 선택
Mobile(Android, iOS) Application 개발을 할 수 있는 대표적인 방법은 아래 4가지 입니다 1.Native app -Objective c/ swift for IOS -Java/kotlin for Android 2. Hybrid app – Ionic -angularjs, vue 3. Native compiled app -react native(react-javascript) -native script (angular, vue) -xamarin (C#) -flutter (dart) 4.Progressive web app(PWA) -html, css, javascript 대표적인것만 뽑아 보았습니다. 머가 정답이다…