본문 바로가기

flutter6

Flutter 위젯 시리즈 006 – Container 완전 이해하기 🗂️ Widget Catalog Index├ Basics ├ Layout │ └ Single-child layout widgets │ └ ✅ Container ← 현재 문서 ├ Text ...└ Accessibility 지난 글에서는Row 위젯으로수평 레이아웃을 구성하는 방법을알아봤어요.이번엔 Flutter에서가장 다재다능한 레이아웃 위젯인Container를 살펴볼게요. 빠르게 UI를 구성할 때가장 먼저 떠오르는 위젯이기도 하죠. 디자이너가 급하게 준시안을 맞추거나, 데모 앱을 빠르게 짤 때자연스럽게 손이 가는 그 위젯이에요. 그런데 쓰다 보면 애매할 때가 있어요.SizedBox? Padding?이걸 Container로 묶어야 할까요? 오늘 포스팅을 읽어보면.. 2025. 7. 14.
Flutter 위젯 시리즈 005 – Row 완전 이해하기 🗂️ Widget Catalog Index├ Basics ├ Layout │ └ Multi-child layout widgets │ └ ✅ Row ← 현재 문서 ├ Text ...└ Accessibility 지난 시간에는 세로 방향으로 위젯을 쌓는 Column과 버튼을 다뤄봤죠. 이번에는 수평 방향으로위젯을 나란히 배치할 때 가장 기본이 되는 Row 위젯을 깊이 있게 살펴보겠습니다. UI를 만들다 보면 메뉴 아이콘과 제목을 한 줄에 배치하거나, 버튼 옆에 아이콘을 넣는 등 수평 정렬이 정말 자주 등장합니다. 그래서 Row는 Flutter 레이아웃의 기본 중 기본이라고 할 수 있죠. 🧱 Row가 뭘까? Row는 말 그대.. 2025. 7. 11.
Flutter 위젯 시리즈 004 – ElevatedButton 완전 정복 Flutter 위젯 시리즈 004 – ElevatedButton 완전 정복 🗂️ Widget Catalog Index├ Basics │ └ ✅ ElevatedButton ← 현재 문서 ├ Layout ├ Text ├ Input ...└ Accessibility 지난 글에서는 Text 위젯을 활용해서 화면에 텍스트를 띄우는 기본적인 방법과 스타일링을 함께 살펴봤어요. 이번에는 사용자의 터치 액션을받아들이는 대표적인 위젯, ElevatedButton에 대해 이야기해볼게요. 버튼은 앱을 만들 때 정말 자주 쓰이는 요소라 꼭 한 번은 짚고 넘어가면 좋아요! ElevatedButton, 왜 중요할까요? 버튼은 UI에서 가장 직관적인 입력 요소 중 하나예요. 그중에서도 ElevatedB.. 2025. 7. 9.
Flutter 위젯 시리즈 002 – `Column` 위젯 완전 이해하기 Flutter 위젯 시리즈 002 – `Column` 위젯 완전 이해하기 원래 이번 시간에는 `Text` 위젯을 다루기로 했는데요, 버튼을 화면에 예쁘게 배치하려다 보니 `Column`을 빼놓을 수가 없겠더라구요. 그래서 들어가기 앞서, 레이아웃 기초로 `Column` 위젯을 먼저 짚고 넘어가기로 했습니다. 그래서 오늘은 Layout 위젯 중 하나인 `Column`을 집중적으로 살펴볼게요. 지난 시간엔 `Center` 위젯을 다뤘었죠? 기억하시나요? `Center`는 Single Child 위젯입니다. 자, 그럼 오늘의 주인공인 `Column`은 어떤 위젯일까요? 🛎️ 딩동댕! 정답은 Multi-child — 자식 위젯을 여러 개가질 수 있습니다! 그.. 2025. 7. 7.
Flutter 위젯 시리즈 001 – `Center` 위젯 완전 이해하기 Flutter 위젯 시리즈 시작 – 공식 Widget Catalog 난이도 순 정복! https://docs.flutter.dev/ui/widgetsFlutter의 공식 Widget Catalog 에는 수십 개의 위젯이 용도별로 정리돼 있습니다. 이 시리즈에서는 쉬운 위젯부터 하나씩 다루며 실제 코드와 함께 개념을 확실히 다져나갈 예정입니다. 첫 번째 주제는 가장 많이 쓰이는 `Center` 위젯입니다. Flutter 위젯 시리즈 001 – `Center` 위젯 완전 이해하기 Flutter를 막 시작했을 때 가장 자주 마주치는 위젯 중 하나가 바로 `Center`입니다. 이름처럼 “중앙 정렬해주는 위젯이겠지?” 라고 단순히 넘기기엔, 이 위젯이 가진 동작 방식과 크기 계산 로직은 꽤 .. 2025. 7. 7.
(Flutter) 우리는 왜 플러터를 학습해야할까? (1) 플러터는 구글 Fuchsia 라는 오브젝트를 알아야한다. 구글은 이미 시장을 지배하고 있는 두개의 걸출한 OS를 가지고 있다. 안드로이드OS 와 크롬 OS이다. 그렇다면 구글은 왜 이시점에서 새로운 OS를 개발하는 걸까? -2016년 8월, 어떠한 공식 발표도 없이 깃허브에 코드가 개시됨 - Zircon(지르콘) 이라는 마이크로 커널을 기반으로 하고 있다. - 2017년 11월 Swift지원 계획이 밝혀짐 - 2018년 1월 픽셀북을 공식 fuchsia 테스트 디바이스로 추가 - 2019년 1월 안드로이드 앱 구동 가능성 - 2019년 5월 구글 I/O에서 fuchsia가 언급됨 - 2019년 7월 1일 fuchsia 공식 사이트 개설 커널이란? -> OS(운영체제)에서 핵심적인 역할을 하는 부분 -> .. 2021. 9. 14.
반응형