본문 바로가기

분류 전체보기696

ListView + Column 문제 ✅ Flutter 앱 첫 화면이 안 나올 때 (ListView + Column 문제)🧩 문제 상황VSCode에서는 에러가 없다고 나왔지만, 앱 실행 시 플러터 이미지만 보이고 홈 화면이 표시되지 않음. 🔍 원인 분석Column 안에 ListView.builder를 직접 넣었기 때문.ListView는 스크롤 가능한 위젯인데, Column 안에서 높이 제한이 없으면 렌더링 에러가 발생함.🛠 해결 방법ListView.builder를 Expanded로 감싸서 높이를 지정해줌.수정 전 ❌child: Column( children: [ ListView.builder(...), // 문제 발생 ElevatedButton(...), ],),수정 후 ✅child: Column( children: [.. 2025. 5. 14.
리스트뷰 및 그리드뷰 학습, 상태 관리 소개 (StatefulWidget) 스크롤, 화면 안에서 (목록)페이지넘기기📱 ListView, GridView, StatefulWidget, Provider 상태관리 관련 주요 명령 ✅ ListView 주요 명령어 및 설명 명령어 / 클래스 설명 특징 / 활용 시기 ListView.builder항목을 필요할 때마다 생성데이터 많을 때 효율적ListView.separated항목 사이 구분선 또는 위젯 삽입일정 간격 또는 Divider 삽입에 유리ListView.custom사용자 정의 슬리버로 구성된 고성능 리스트복잡한 커스터마이징에 적합itemCount리스트 항목 수builder, separated에서 필수itemBuilder각 항목 위젯 빌드 함수반복 구조에 사용separatorBuilder리스트 항목 사이 위젯 정의ListView.s.. 2025. 5. 14.
화면 전환 (Navigator) 기초 학습 페이지 이동 한 파일 내에서 다른 파일의 화면으로 이동하기 학습 목표Flutter의 기본 내비게이션(Navigator) 개념 이해화면 간 이동(push, pop) 구현MaterialPageRoute와 Named Route 설정 방법 학습간단한 데이터 전달(Arguments) 준비1. 프로젝트 준비Flutter 프로젝트 생성pubspec.yaml에 특별한 패키지 추가는 필요 없고, 기본 material 위젯 사용2. 화면 구성기본 화면(메인) 일기 작성 화면 상세 화면(DetailPage) 🛠 예제 코드1. MaterialApp 설정import 'pa.. 2025. 5. 14.
비동기 및 특수 위젯 🎯 학습 목표다양한 특수 위젯(FutureBuilder, StreamBuilder, TabBar, PageView 등)의 동작 원리 이해비동기 데이터를 활용한 UI 구성 능력 향상탭 전환 및 슬라이드 UI 구현 능력 습득복잡한 위젯 조합을 통한 실전 앱 UI 설계 경험🔹 FutureBuilder✅ 개념 정리FutureBuilder는 Future 객체의 상태 변화에 따라 UI를 자동으로 갱신해주는 위젯입니다.비동기 작업의 결과를 기다릴 때 로딩 스피너, 성공/실패 메시지를 표시하는 데 사용됩니다.⚠️ 주의: future는 build() 함수 내부가 아닌, initState() 등 외부에서 선언해야 불필요한 재빌드를 방지할 수 있습니다.🔧 주요 속성속성설명future감시할 Future 객체builder.. 2025. 5. 14.
윈도우 11 환경에서 iOS와 macOS 앱을 테스트하기 주말에 해보기 1. 가상화 소프트웨어 활용 (macOS 게스트 OS 설치):개념: VMware나 VirtualBox와 같은 가상화 소프트웨어를 사용하여 윈도우 11 내에 macOS를 가상 머신으로 설치하는 방법입니다.장점: macOS 환경을 구축하여 Xcode와 시뮬레이터를 사용할 수 있습니다.단점:macOS 설치 및 설정 과정이 복잡하고 기술적인 이해가 필요합니다.가상 머신 환경에서는 실제 Mac 하드웨어 성능을 온전히 활용하기 어렵기 때문에 성능 저하가 발생할 수 있습니다. 특히 그래픽 집약적인 앱의 테스트에는 어려움이 있을 수 있습니다.Apple의 라이선스 정책상 일반 사용자가 상업적인 목적으로 가상 머신에 macOS를 설치하는 것은 제한될 수 있습니다. 개인적인 학습 및 개발 목적으로만 사용하는 .. 2025. 5. 13.
깃헙 규칙 - 작업내용이 헛갈릴 때 ✨ update: 해당 파일에 새로운 기능이 생김 * 예시: "로그인 기능에 비밀번호 찾기 기능을 추가했습니다."* 설명: 기존에 있던 파일 (`user_auth.py`, `login.js` 등)에 새로운 기능이 추가되었을 때 사용합니다. 단순히 코드 몇 줄을 수정한 것이 아니라, 사용자에게 의미 있는 새로운 동작이나 편의성을 제공하는 변경일 경우에 적합해요. 마치 집에 새로운 가구를 들여놓거나, 앱에 새로운 버튼이 생기는 것과 비슷하다고 생각하시면 돼요. 🎉 add: 없던 파일을 생성함, 초기 세팅 * 예시 1: "새로운 사용자 정보 모델 (`user_model.py`)을 추가했습니다."* 예시 2: "프로젝트 초기 설정을 위한 `package.json` 및 관련 파일을 생성했습니다."* 설명: 프로.. 2025. 5. 13.

티스토리툴바