2025/07/06 2

Flutter Column, Row, Stack 완벽 이해하기 – UI의 뼈대를 만드는 핵심 위젯

Flutter 앱에서 화면을 어떻게 구성할 수 있을까요?예쁜 앱을 만들기 위해서는 이미지를 배치하고, 버튼을 정렬하고, 텍스트를 위치시키는 등 UI 요소를 잘 정리하는 레이아웃이 필요하죠.그런데 이걸 전부 가능하게 만들어주는 기본 위젯 3총사가 있어요. 바로 Column, Row, Stack입니다.이 세 가지만 제대로 이해해도 Flutter UI의 80%는 만들 수 있어요!이 글에서 배울 내용Column, Row, Stack이 각각 무엇인지어떤 상황에서 각각을 써야 하는지정렬 속성(mainAxisAlignment, crossAxisAlignment 등) 설명실제 UI 예제 코드로 확인하기중첩해서 쓰는 방법까지 마스터!🧱 Column – 세로로 쌓아 올리기핵심 개념위젯들을 위에서 아래로 세로 방향으로 배..

Flutter 개발 2025.07.06

Flutter Dio로 API 통신하는 방법 – JSON 데이터 받아와서 화면에 출력하기

Flutter로 앱을 만들다 보면 외부 서버와 데이터를 주고받는 API 통신이 필수예요.사용자 정보를 받아오거나 게시글 목록을 불러오는 등 대부분의 앱은 외부 API와 소통하죠.이 글에서는 Flutter에서 Dio 라이브러리를 사용해 API 통신을 구현하는 방법을 알려드릴게요.특히 Dio를 처음 써보는 Flutter 초보자도 쉽게 따라올 수 있도록 천천히 설명할게요 😊이 글에서 배울 내용Dio란 무엇인가?Flutter에 Dio 설치하는 방법GET 요청으로 JSON 데이터 받아오기에러 핸들링 처리하기받아온 데이터를 화면에 표시하기 (FutureBuilder 활용)실전 예제로 Flutter Dio 통신 완벽 이해하기1. Dio란 무엇인가?Dio는 Flutter에서 가장 많이 사용되는 HTTP 통신 라이브러..

Flutter 개발 2025.07.06