본문 바로가기
반응형

Google4

Flutter - 4. Widget? Row, Column 이전 포스팅에서 Text, Image, Button, Container에 대해 알아보았다. Container는 하나의 child를 가질 수 있어서 하나의 Text, Image, Button만을 표현할 수 있었다. 하지만 앱은 많은 Text, Image, Button들을 조합하여 개발된다. 이번 포스팅에서 Row, Column을 활용하여 다양한 구성요소로 화면을 구현 해 보자. 1. Row vs Column Row는 행 방향으로 Widget을 나열하며, Column은 열 방향으로 Widget을 나열한다. 각각의 생성자를 확인해보자. 생성자 파라미터의 구성을 보면 거의 동일한 것을 알 수 있다. 이 포스팅에서 다룰 파라미터는 세 가지다. MainAxisAlignment mainAxisAlignment Cro.. 2021. 1. 11.
Flutter - 3. Widget? Container, Text, Image, Button 앱의 UI를 구현할 때 가장 기본적인 것은 무엇일까? 개인적인 의견이지만, 텍스트, 이미지, 버튼이라고 생각한다. 앱은 사용자의 상태에 따라 적절한 문구와 이미지를 보여주고 버튼을 통해 액션을 유도하기 때문이다. Flutter에서 기본적인 UI를 구현하기 위한 Text, Image, Button에 대하여 알아보고, 이들을 담을 수 있는 Container에 대하여도 알아보자. 1. Container class BasicPage extends StatelessWidget { @override Widget build(BuildContext context) { return Container( ) } } StatelessWidget을 상속받는 BasicPage를 만들고 Container를 생성해본다. 꼭 Basi.. 2021. 1. 10.
Flutter - 1. SDK 설치, Android Studio에 Flutter 플러그인 설치, 프로젝트 생성 및 구조 Flutter란, Google에서 내놓은 크로스 플랫폼 프레임워크다. flutter.dev/?gclid=Cj0KCQiA88X_BRDUARIsACVMYD-33cpDt0iokbs1q5Ei3MSh9HmtZU9YBI8DdynM5etba6ISpwJBUl0aAnQtEALw_wcB&gclsrc=aw.ds Flutter - Beautiful native apps in record time Flutter SDK is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. flutter.dev 공식 홈페이지를 보면 알겠지만, 하나의 코드로 모바일과 웹.. 2021. 1. 3.
[Android] Firebase - 3. Google로 로그인 구현 Firebase를 활용하여 Google로 로그인 기능을 구현해보자. 이전 포스팅에서 성공적으로 Firebase에 앱을 추가했다면 어렵지 않게 구현할 수 있다. 1. Firebase 인증 설정 가장 먼저, 자신의 프로젝트로 이동하여 "Authentication" 항목으로 이동한다. 그리고 "시작하기" 버튼을 누른다. 그럼 "로그인 제공업체" 목록이 나올텐데, Google 을 눌러 "사용설정" 을 활성화하고, 프로젝트 지원 이메일을 입력하자. 프로젝트 공개용 이름은 원한다면 수정해도 좋다. 완료 후 "저장" 을 누른다. 2. Dependency 추가 우선 Firebase의 인증 기능을 위해서 Dependency를 추가해야 한다. plugins { ... } android { ... buildFeatures .. 2020. 12. 8.

티스토리툴바