Flutter를 공부하면서 처음 서버와 연결해 데이터를 주고받는 순간, 나는 진짜 앱을 만드는 느낌을 받았다.이 작은 연결 하나가 사용자와 데이터를 이어주고, 앱의 생명을 불어넣는다는 걸 느꼈달까.🌐 HTTP 통신이란?HTTP는 HyperText Transfer Protocol의 약자로, 웹에서 정보를 주고받기 위한 약속이다.Flutter에서는 http 패키지를 사용해서 이 통신을 쉽게 처리할 수 있다.🔧 http 패키지 설치dependencies: http: ^0.13.6설치 후엔 꼭 flutter pub get을 실행하자!🚀 GET 요청 보내기import 'package:flutter/material.dart';import 'package:http/http.dart' as http;import..

처음으로 Flutter에서 애니메이션을 구현해봤을 때, 마치 정적인 화면에 생명을 불어넣는 기분이었다.그저 버튼 하나 눌렀을 뿐인데 화면이 부드럽게 전환되고, 크기와 색상이 변화하는 걸 보며 "와... 이래서 Flutter 하는구나" 싶었다.🎬 Flutter 애니메이션이란?Flutter에서는 애니메이션을 굉장히 다양한 방식으로 구현할 수 있어요. 대표적으로 다음과 같은 두 가지 방식이 있다.Implicit Animation (암시적 애니메이션) - AnimatedContainer, AnimatedOpacity 등Explicit Animation (명시적 애니메이션) - AnimationController, Tween, AnimatedBuilder 등🌱 AnimatedContainer 사용 예제 (Im..

Flutter로 앱을 만들다 보면, 한 화면에서 다른 화면으로 넘어가는 상황이 자주 발생한다. 예를 들어, 로그인 후 홈 화면으로 이동하거나, 리스트에서 아이템을 눌러 상세 페이지로 가는 등의 흐름 말이다.이번 글에서는 Flutter에서 페이지 간 이동을 담당하는 Navigator에 대해 알아보고, push, pop, named routes 등 다양한 방법을 예제와 함께 정리해보았다.🚀 Navigator란?Flutter의 Navigator는 Stack 구조로 되어 있어 화면 이동을 쉽게 처리할 수 있도록 도와준다.push는 새 화면을 추가하고, pop은 이전 화면으로 돌아가는 방식이다.📄 예제: 페이지 이동 기본import 'package:flutter/material.dart';void main()..

Flutter를 배우면서 가장 매력적이었던 건 간결함이었다.그중에서도 ListView는 나처럼 백엔드에서 온 사람에게도 너무나 직관적으로 다가왔다.🌿 ListView란?ListView는 스크롤 가능한 리스트를 구성할 수 있게 도와주는 Flutter의 대표적인 위젯이다.정적인 리스트부터 동적인 리스트까지 다양한 방법으로 사용할 수 있다.🧩 ListView의 종류ListView(): 기본 리스트, 모든 children을 직접 나열함ListView.builder(): 빌더 패턴으로 동적으로 리스트 생성ListView.separated(): 각 아이템 사이에 separator(구분선) 추가 가능🛠 기본 예제: ListView.builderListView.builder( itemCount: items.le..

Flutter에서 앱을 개발하다 보면, 가장 먼저 부딪히는 벽 중 하나가 상태 관리(State Management)다.버튼을 누를 때 숫자가 바뀌고, 로그인하면 프로필 화면으로 이동하고, 장바구니에 담은 상품이 모든 화면에 반영되는…이런 변화들을 어떻게 "잘" 처리할 수 있을까?그 해답 중 하나가 바로 Provider.🌱 Provider란?Provider는 Flutter에서 가장 많이 사용되는 상태 관리 도구 중 하나다.Google에서도 공식적으로 추천하고 있으며, 아래의 기능을 중심으로 작동한다:의존성 주입(Dependency Injection)상태 변화 알림(Notification)데이터를 전역에서 관리하고,변경되었을 때 자동으로 필요한 위젯만 갱신되게 도와주는 친구.🧠 Provider를 왜 써야..

Flutter를 처음 접했을 때, 나는 마치 새로운 세상에 발을 들인 느낌이었다.백엔드 개발에 익숙했던 내가, "화면을 그린다"는 것에 이렇게 설렐 줄은 몰랐다.이 글은 Flutter의 가장 기초적인 개념부터 개발 환경 세팅, 그리고 기본 구조에 대해 정리한 기록이다.🌱 Flutter란?Flutter는 구글에서 만든 크로스 플랫폼 프레임워크로,한 번의 코드 작성으로 iOS, Android, 웹, 데스크톱 앱까지 만들 수 있는 놀라운 기술이다.무엇보다 UI를 구성하는 방식이 선언적(declarative)이라 하나의 컴포넌트도 마치 예술처럼 느껴진다.🧱 Flutter의 기본 구조Flutter의 모든 것은 위젯(Widget)이다.화면에 보이는 모든 요소(텍스트, 버튼, 이미지 등)는 전부 위젯으로 구성된다..