본문 바로가기

전체 글93

[Flutter] Widget(3) - Align Align Widget Align 위젯은 자신의 자식요소들을 정렬하고, 자식요소의 크기에 따라 선택적으로 자신의 크기를 조정하는 위젯이다. 치수가 제한되고, 너비요소와 높이요소가 null이면 가능한 큰 사이즈로 측정된다. 치수가 제한되지 않고 해당 크기 인자가 null이면 해당 치수에서 자식요소의 크기와 일치한다. 크기 인자가 null이 아닌 경우에는, 이 위젯의 해당 치수는 자식 치수와 크기 인자의 곱이다. Align Widget 예제 다음 예제를 통해 Alignment를 사용하여 Flutter 로고를 배치해보자. 우선 Align을 사용하지 않고 컨테이너 내부에 컨테이너를 배치해본다. 예제 import 'package:flutter/material.dart'; enum Department { treas.. 2023. 12. 7.
[Flutter] Widget(2) - ListView ListView Widget ListView는 가장 기본적인 스크롤링 widget이다. ListView는 itemCount만큼의 자식 요소를 가지고, 하나의 자식 밑에 다른 자식이 스크롤 방향으로 쌓이는 형상을 하고 있다. ListView를 생성하는 4가지 옵션 1. 명시적으로 childeren에 List을 넘기는 방법. 자식요소의 수가 적은 리스트뷰에 적합하다. 눈에 보이는 자식 뿐만 아니라 목록 보기에 표시될 가능성이 있는(즉, 모든 자식 요소)에 대한 작업이 수행된다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({.. 2023. 12. 6.
[Flutter] Widget(1) - Dialog, Alert Dialog, Simple Dialog, Show Dialog Dialog Widget Dialog위젯은 Flutter에서 Modal을 표현할 때 사용하는 가장 기본적인 widget이다. 이 widget을 사용하면 앱의 현재 내용 위에 대화상자가 표시된다. 이 대화상자는 확인 및 취소 기능을 가지고 있으며, 모달 barrier를 클릭할 시 dialog가 종료된다. dialog widget은 dialog 대화상자에 대한 어떠한 옵션도 없기 때문에, 이 widget을 바로 사용하는 것보다 AlertDialog 혹은 SimpleDialog를 사용하는 것이 더욱 유용하다 Dialog 예제 코드 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends St.. 2023. 12. 5.
[Git] git merge로 브랜치 병합하기 (8) 개발을 하다보면 내가 작업중인 브랜치에 다른 브랜치 내용을 가져오거나, 내 브랜치 작업 내용을 master브랜치에 병합하는 등 개발내용을 합쳐야되는 순간들이 있다. 그럴 때 이용하는것이 git merge이다. 하나의 사례를 예로 들어보자. 내 개인 브랜치에서 작업을 진행하 던 중, 중요한 문제가 발생하여 hotfix를 먼저 만들어야 되는 상황이 왔다고 가정하자. 이럴 경우 우선 현재 운영중인 운영 브랜치로 작업 브랜치를 옮긴 뒤, 운영 브랜치에서 분기한 hotfix브랜치를 새로 만들 것이다. 이 hotfix브랜치에서 장애를 해결 한 뒤, 테스트를 마치고나면 그 수정내용을 운영 브랜치에 반영하기 위해 운영 브랜치에 merge를 할 것이다. 이후 다시 원래 작업하던 브랜치로 옮겨가 하던 작업을 진행하는 것이.. 2023. 12. 2.