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)이다.화면에 보이는 모든 요소(텍스트, 버튼, 이미지 등)는 전부 위젯으로 구성된다..