ZenJoyDev

개요Flutter/Dart 개발 과정에서 발생하는 실수들은 대부분 패턴이 있습니다. 이 글은 실제 1개월간의 Flutter 학습 과정에서 겪은 구체적인 실수들과 그 해결 방법을 체계적으로 정리한 실무 가이드입니다. 각 실수 사례는 중요도별로 분류하여 우선순위를 명확히 하였으며, 실제 코드 예시와 함께 올바른 해결 방법을 제시합니다.목차데이터 저장 및 처리 실수 방지UI 및 Widget 관련 실수 방지Navigation 및 생명주기 관리네트워크 및 WebView 처리비동기 처리 및 검색 최적화수학 계산 및 타입 처리에러 처리 및 사용자 피드백실무 적용 베스트 프랙티스데이터 저장 및 처리 실수 방지SharedPreferences 올바른 사용법중요도: HIGH - 반드시 기억해야 할 핵심많은 개발자들이 Sha..

--- ## 개요 Flutter로 앱 개발을 하다 보면 반복적으로 마주치는 공통 기능들이 있습니다. 이번 포스팅에서는 실무에서 자주 사용되는 **5가지 필수 개념**을 **예제 코드 중심**으로 정리합니다. **목표**: - 초보자 → 중급자 도약 - 실무 로직 → 더 깔끔하고 안전하게 관리 - 반복 로직 → 함수화로 테스트와 재사용 가능 --- ## 목차 1. [Map 생성 및 관리](#map-생성-및-관리) 2. [문자열 정규화 및 비교](#문자열-정규화-및-비교) 3. [로직 메서드 분리](#로직-메서드-분리) 4. [리스트/Set 조건 메서드 활용](#리스트set-조건-메서드-활용) 5. [팩토리 생성자](#팩토리-생성자) 6. [실무 활용 가이드](#실무-활용-가..

개요Flutter 개발에서 가장 기본적이면서도 중요한 선택 중 하나는 위젯의 선택입니다.특히 Padding과 Container, Navigator, ScaffoldMessenger는 앱의 성능과 사용자 경험에 큰 영향을 미칩니다.이번 포스트에서는 각 위젯의 차이점과 실무에서 어떻게 활용하면 좋은지 구체적으로 살펴봅니다.목차Padding vs Container 성능 비교Navigator: canPop vs maybePop 사용법ScaffoldMessenger로 메시지 관리하기실무 팁과 흔한 실수 피하기결론 및 다음 단계Padding vs Container 성능 비교문제 정의와 배경Flutter UI를 구성할 때 가장 자주 사용하는 위젯 중 두 가지는 Padding과 Container입니다.하지만 이 두 위..

📚 인프런 코드팩토리 강의 기반📱 강의보다 프로젝트 직접 구현으로 공부!3일 만에 완성! 생각보다 배운게 많았어요 😊🎯 어떤 앱을 만들었나요?코드팩토리 강사님의 랜덤 숫자 생성기 예제를 보고강의 영상 안 보고 혼자 힘으로 구현해봤어요!✨ 랜덤 숫자 3개 뽑기✨ 최대값 설정 가능 (1,000~100,000)✨ 예쁜 다크 테마✨ 숫자가 이미지로 나와요!📚 어떻게 공부했나요?🎯 학습 방식인프런 코드팩토리 강의 커리큘럼 확인강의 영상 보지 않고 예제 설명만 보기혼자 힘으로 손코딩으로 구현막히는 부분만 강의 참고에러 해결하며 개념 체화💡 왜 이 방식을 선택했나요?🔥 실력 향상: 수동적 시청 vs 능동적 구현🧠 문제 해결: 에러를 직접 마주하고 해결💪 코딩 근육: 손코딩으로 기억에 남아요!✨ 창의..

TL;DR: StatefulWidget의 6단계 라이프사이클을 완벽 분석하고, 각 단계별 사용 빈도와 최적화 전략을 실무 코드와 함께 제시. 메모리 누수 방지와 성능 최적화 패턴 포함.🎯 StatefulWidget 라이프사이클 아키텍처 분석Flutter의 StatefulWidget은 6단계의 정확한 라이프사이클을 가지며, 각 단계의 특성을 이해하는 것이 성능 최적화의 핵심입니다.라이프사이클 실행 빈도 통계 (실무 기준)// 실무 프로젝트에서의 사용 빈도 분석/*┌─────────────────────┬──────────┬─────────────────────────────┐│ 라이프사이클 단계 │ 사용빈도 │ 주요 사용 사례 │├─────────────────────┼─..

TL;DR: Flutter의 StatefulWidget과 setState()를 활용한 동적 UI 구현부터 WebViewController를 통한 웹앱 개발까지. pubspec.yaml 패키지 관리와 주요 에러 해결법 포함.🎯 StatefulWidget vs StatelessWidget - 언제 무엇을 써야 할까?Flutter 개발에서 위젯 선택은 앱의 성능과 직결됩니다. 올바른 위젯 선택 기준을 명확히 하고 시작하겠습니다.StatefulWidget이 필요한 상황// ✅ StatefulWidget이 필요한 경우들- 사용자 입력에 따른 UI 변경 (버튼 클릭, 텍스트 입력)- 네트워크 통신 결과에 따른 화면 업데이트- 타이머나 애니메이션 구현- 폼 상태 관리 (validation, submission)- ..

TL;DR: Flutter 레이아웃의 90%를 차지하는 Row, Column, Padding 위젯의 핵심 개념부터 실무 활용법까지 완벽 정리. Map 활용한 DRY 원칙 적용과 주요 함정 회피법 포함.📚 시작하기 전에Flutter 개발에서 레이아웃은 전체 개발 시간의 60% 이상을 차지합니다. 하지만 대부분의 개발자들이 Container와 SizedBox만으로 레이아웃을 해결하려다 복잡한 코드를 양산하게 됩니다.이 글에서는 Row, Column, Padding의 핵심 원리를 이해하고, 실무에서 바로 적용할 수 있는 패턴들을 소개합니다.🎯 핵심 개념: 주축(MainAxis)과 교차축(CrossAxis)Flutter 레이아웃의 핵심은 축(Axis) 개념을 정확히 이해하는 것입니다.1. Column (세로..

안녕하세요! 22일간의 다트 언어 집중 학습을 마친 개발자입니다. 자바에서 다트로 전환하면서 겪은 모든 과정을 솔직하게 공유해드릴게요. 특히 비동기 프로그래밍에서 정말 많은 삽질을 했는데, 이 경험이 다른 분들에게 도움이 되길 바랍니다.📊 22일간의 학습 성과⏱️ 학습 기간: 22일🎯 난이도: ⭐⭐⭐⭐⭐ (비동기 때문에...)📈 플러터 준비도: 95% 완료🎯 학습 목표와 결과✅ 다트 기초 문법 완전 습득✅ 비동기 프로그래밍 마스터 (Future, Stream, async/await)✅ 플러터 연결 지식 확보✅ 실무 수준 프로젝트 완성 (도서관 관리 시스템)🔥 가장 큰 깨달음: "프로그래밍은 이해보다 친밀도"학습하면서 가장 큰 사고방식의 변화가 있었습니다.Before: 구현하면서 동시에 리팩토링 ..

안녕하세요! 오늘은 Dart의 비동기 프로그래밍을 실제 프로젝트에 적용하고, Dart 3.0의 최신 문법인 Record와 패턴 매칭을 활용하는 방법을 알아보겠습니다. 이론보다는 실제 손으로 코딩하며 체득할 수 있는 내용들로 구성했습니다.목차실전 비동기 프로그래밍 활용Map 활용과 데이터 변환Dart 3.0 최신 문법: Record와 Destructuring패턴 매칭과 조건부 처리실무 팁과 주의사항1. 실전 비동기 프로그래밍 활용파일 다운로드 진행 상황 시뮬레이션실제 앱에서 자주 사용되는 파일 다운로드 진행률 표시 기능을 구현해봅시다.Future downloadFile(String fileName) async { List processPercent = [0, 20, 40, 60, 80, 100]; Li..

안녕하세요! 오늘은 Dart의 비동기 프로그래밍에서 한 단계 더 나아가 Stream 변환, Future 체이닝, Timer 활용, 오류 처리 패턴까지 심화 내용을 다뤄보겠습니다. 실무에서 자주 사용되는 패턴들을 실제 코드와 함께 살펴보겠습니다.목차Stream 값 소비와 변환Future 체이닝 패턴Timer를 활용한 비동기 이벤트비동기 오류 처리 전략동기 vs 비동기 명확한 구분실전 활용 팁1. Stream 값 소비와 변환Stream에서 데이터를 처리하는 다양한 방법을 살펴보겠습니다.await for vs where vs listen각 방법은 서로 다른 특성과 용도를 가지고 있습니다.await for (블로킹 방식)void filterEvenNumbers() async { final stream = co..