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 난이도 순 정복!Flutter의 공식 Widget Catalog에는수십 개의 위젯이 용도별로 정리돼 있습니다.이 시리즈에서는 쉬운 위젯부터 하나씩 다루며실제 코드와 함께 개념을 확실히 다져나갈 예정입니다.첫 번째 주제는 가장 많이 쓰이는 Center 위젯입니다. Flutter 위젯 시리즈 001 – Center 위젯 완전 이해하기 Flutter를 막 시작했을 때 가장 자주 마주치는 위젯 중 하나가 바로 Center입니다.이름처럼 “중앙 정렬해주는 위젯이겠지?”라고 단순히 넘기기엔,이 위젯이 가진 동작 방식과 크기 계산 로직은 꽤 정교합니다.이번 글에서는 Center 위젯을 중심으로 크기 결정 방식, 사용 예시, 그리고 Align과의 .. 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. 이전 1 다음 반응형
