타이머 개발일기 1

🚀 오늘의 Flutter 개발 기록 (타이머 앱 만들기)

📅 2025년 3월 11일
🎯 목표: Flutter를 사용하여 다중 타이머 앱을 만들고, 유지보수하기 좋은 구조로 개선

---

✅ 오늘 한 일 요약

1. Flutter 개발 환경 설정

• VS Code에서 Flutter 설치 및 설정
• iOS & Android 에뮬레이터 실행 문제 해결 (flutter doctor)
• iOS 시뮬레이터 실행 오류 해결 (open -a Simulator)
• Flutter 프로젝트 생성 (flutter create timer_app)
• Flutter 앱 첫 실행 (flutter run)

---

2. 타이머 앱 기본 UI 구현

• 타이머 목록을 표시하는 ListView 생성
• + 버튼을 눌러 타이머 추가 기능 구현 (이름 & 시간 입력 가능)
• AlertDialog를 사용하여 타이머 추가하는 UI 완성

---

3. 타이머 동작 기능 추가

• Timer.periodic을 사용하여 시간이 줄어들도록 구현
• play/pause 버튼 추가 → 타이머 시작 & 일시정지 가능
• 시간이 0이 되면 자동으로 정지

---

4. 객체지향적으로 코드 리팩토링

• main.dart 한 파일에 모든 코드를 작성하지 않고, 파일 & 폴더 분리
• 객체지향적 설계를 적용하여 유지보수 용이한 구조로 변경

📌 폴더 구조 정리:

lib/
│── main.dart                 # 앱의 진입점
│── screens/                  # 화면 (UI 관련)
│   ├── home_screen.dart       # 타이머 메인 화면
│── models/                   # 데이터 모델
│   ├── timer_model.dart       # 타이머 모델 클래스
│── widgets/                  # 재사용 가능한 UI 위젯
│   ├── timer_tile.dart        # 타이머 리스트 항목 UI

 

---

✅ 오늘 어려웠던 부분 & 해결 방법

1️⃣ flutter doctor에서 iOS 시뮬레이터가 안 보이는 문제

🔹 문제:

• flutter devices 실행 시 iPhone이 목록에 나타나지 않음
• flutter run -d iOS 실행 불가

🔹 해결 방법:

• open -a Simulator로 iOS 시뮬레이터 직접 실행
• xcode-select --switch /Applications/Xcode.app/Contents/Developer로 Xcode 설정 재적용
• flutter doctor 실행하여 오류가 해결됐는지 확인

✅ 결과: iOS 시뮬레이터 정상 인식 및 실행 성공 🎉

---

2️⃣ List<String> vs List<Map<String, dynamic>> 타입 오류 발생

🔹 문제:

type 'List<String>' is not a subtype of type 'List<Map<String, dynamic>>'

• 기존에 List<String>으로 선언된 변수를 List<Map<String, dynamic>>으로 변경하면서 발생한 타입 오류

🔹 해결 방법:

• List<Map<String, dynamic>>을 명확히 선언하고, flutter clean으로 캐시 정리 후 다시 실행
• timers.add({'name': ..., 'time': ..., 'isRunning': false}) → 데이터 구조 명확히 변경

✅ 결과: 타입 오류 해결 및 정상 실행 🎉

---

3️⃣ type 'Null' is not a subtype of type 'bool' 오류 발생

🔹 문제:

type 'Null' is not a subtype of type 'bool'

 

• isRunning 값을 명확히 초기화하지 않아서 발생

🔹 해결 방법:

timers.add({
  'name': nameController.text,
  'time': int.tryParse(timeController.text) ?? 0,
  'isRunning': false, // ✅ 명확한 초기화 추가
});

 

✅ 결과: 더 이상 null 관련 오류 없이 정상 실행 🎉

---

🔥 오늘의 성과

✅ Flutter 환경 설정 완료 & 앱 실행 가능
✅ 객체지향적으로 파일 & 폴더 구조 분리 완료
✅ 다중 타이머 추가 + 시작/일시정지 기능 구현
✅ iOS & Android에서 정상 실행 확인 (flutter run)
✅ 디버깅 & 오류 해결 능력 향상

---

🚀 다음 목표

🔹 타이머 삭제 기능 추가
🔹 타이머 완료 시 알림 기능 추가
🔹 UI 디자인 개선 (더 직관적인 인터페이스 적용)
🔹 즐겨찾기 기능 고려하여 데이터 저장 방식 고민